.ff-slush{--ink:#041e42;--blue:#6991aa;--pink:#db2679;--line:#dce4eb;box-sizing:border-box;color:var(--ink);font-family:Jost,system-ui,sans-serif;max-width:1180px;margin:0 auto;padding:24px 20px 60px;font-size:16px;line-height:1.5}.ff-slush *{box-sizing:border-box}.ff-slush [hidden]{display:none!important}.ff-slush h1,.ff-slush h2,.ff-slush p{margin:0}.ff-slush h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1.5px;margin:16px 0 20px;font-weight:750}.ff-slush h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;font-weight:700}.ff-slush p{color:#4a5b70}.ff-hero{background:linear-gradient(115deg,#e9f6fb 0%,#f0f3ff 52%,#fce8f3 100%);border-radius:24px;padding:44px;display:grid;grid-template-columns:1fr 260px;align-items:center;overflow:hidden;margin-bottom:28px}.ff-eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#446583}.ff-tags{display:flex;flex-wrap:wrap;gap:16px;margin-top:23px;font-size:13px;font-weight:600}.ff-drinks{height:245px;position:relative}.ff-cup{position:absolute;width:90px;height:145px;top:50px;border:5px solid white;border-radius:12px 12px 29px 29px;box-shadow:10px 16px 28px #294c7225;transform:rotate(-12deg);background:linear-gradient(120deg,#87effb,#00aaca);left:24px}.ff-cup:before{content:'';position:absolute;width:8px;height:80px;left:50px;top:-60px;background:#167a98;border:2px solid white;border-radius:9px}.ff-cup:after{content:'✦';position:absolute;color:white;font-size:40px;left:25px;top:32px}.ff-pink{left:126px;top:70px;transform:rotate(12deg);background:linear-gradient(120deg,#ff9acb,#dc267c)}.ff-pink:before{background:#a61e65}.ff-spark{position:absolute;right:0;top:3px;color:#9975ba;font-size:43px}.ff-dot{position:absolute;left:0;bottom:15px;color:#008cab;font-size:36px}.ff-drinks small{position:absolute;bottom:-2px;left:50px;font-size:9px;letter-spacing:2px;font-weight:700}.ff-panel{border:1px solid var(--line);border-radius:20px;padding:28px;background:#fff}.ff-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:23px}.ff-heading p{margin-top:7px;font-size:15px}.ff-step{background:#edf4f8;color:#416b86;border-radius:50%;min-width:33px;height:33px;display:grid;place-items:center;font-weight:700}.ff-machines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ff-machine{cursor:pointer;background:white;border:1px solid var(--line);border-radius:11px;padding:16px 12px;text-align:left;color:var(--ink);font:inherit;min-height:112px;position:relative;transition:background .15s,border-color .15s}.ff-machine strong{display:block;font-size:17px;padding-right:10px}.ff-machine small{display:block;color:#536378;font-size:12px;min-height:33px;line-height:1.4;margin:3px 0 8px}.ff-machine span{font-size:13px;font-weight:650;color:#416b86}.ff-machine:hover{border-color:#6991aa;background:#f4f9fc}.ff-machine[aria-pressed=true]{border:2px solid #6991aa;padding:15px 11px;background:#eaf4f9}.ff-machine[aria-pressed=true]:after{content:'✓';position:absolute;right:10px;top:10px;color:#246581;font-size:12px}.ff-slush :focus-visible{outline:3px solid #8a3fc0;outline-offset:3px}.ff-extra,.ff-chambers{margin-top:20px;padding:20px;background:#f5f8fb;border-radius:12px}.ff-extra label,.ff-chambers label{font-weight:600;display:block}.ff-slush input,.ff-slush select{display:block;font:inherit;color:var(--ink);border:1px solid #9aaeba;border-radius:6px;min-height:48px;padding:10px 14px;background:white;margin-top:8px;max-width:100%;width:340px}.ff-extra p{font-size:14px;margin-top:8px}.ff-extra .ff-error{color:#ad164a}.ff-results-wrap{margin:30px 0}.ff-ratio{margin-left:auto;align-self:center;background:#f4f5fb;padding:8px 12px;border-radius:30px;font-size:12px;white-space:nowrap}.ff-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ff-result{border:1px solid #c9e5ed;background:linear-gradient(145deg,#edf9fc,#fff 78%);border-radius:20px;padding:28px;position:relative;overflow:hidden}.ff-result:nth-child(2){background:linear-gradient(145deg,#fbecf5,#fff 78%);border-color:#efd3e3}.ff-label{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:19px}.ff-badge{font-size:11px;letter-spacing:1px;background:white;border-radius:20px;padding:5px 10px;color:#50667b}.ff-count{font-size:76px;font-weight:750;line-height:1.1;letter-spacing:-3px;margin-top:20px;color:#075c78}.ff-result:nth-child(2) .ff-count{color:#ab1c62}.ff-unit{font-size:21px;font-weight:650;margin-bottom:8px}.ff-rest{display:inline-block;padding:5px 12px;border-radius:20px;background:#fff;font-size:15px;color:#32566d}.ff-summary{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.ff-summary strong{display:block;font-size:18px}.ff-cta{display:flex;justify-content:center;align-items:center;min-height:50px;text-decoration:none!important;color:#041e42!important;background:#6991aa;border-radius:5px;margin-top:22px;font-weight:650;font-size:16px;padding:12px;text-align:center}.ff-cta:hover{background:#85a8bf}.ff-result .ff-product{font-size:12px;margin-top:10px}.ff-note{font-size:12px;margin-top:15px!important;max-width:950px}.ff-sources{font-size:13px;margin-top:14px}.ff-slush summary{cursor:pointer;padding:13px 0;font-weight:600}.ff-slush a{color:#315f80}.ff-explain{border-top:1px solid var(--line);padding-top:38px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;margin-top:36px}.ff-explain h2{margin:10px 0 16px}.ff-explain p{margin:12px 0;font-size:15px}.ff-faq details{border-bottom:1px solid var(--line)}.ff-faq summary{font-size:16px}.ff-empty{color:#72859a;font-size:18px;min-height:125px;display:flex;align-items:center}.ff-source-content{padding:10px 0;line-height:1.8}.ff-preview-head{max-width:1140px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;font-family:Jost,system-ui;color:#041e42}.ff-preview-head strong{font-size:24px}.ff-preview-head span{font-size:12px;background:#f5ecdb;padding:6px 12px;border-radius:30px}@media(max-width:950px){.ff-machines{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-hero{grid-template-columns:1fr 210px;padding:30px}.ff-drinks{transform:scale(.85);transform-origin:center}.ff-explain{gap:30px}.ff-ratio{display:none}}@media(max-width:600px){.ff-slush{padding:12px 14px 35px}.ff-hero{padding:26px 23px;display:block;border-radius:18px;position:relative}.ff-slush h1{font-size:33px;letter-spacing:-1px;position:relative;z-index:1}.ff-hero p{font-size:15px}.ff-drinks{display:none}.ff-tags{font-size:11px;gap:10px}.ff-eyebrow{font-size:9px;letter-spacing:1.3px}.ff-panel{padding:20px 15px}.ff-machines{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-slush h2{font-size:21px}.ff-heading p{font-size:14px}.ff-machine{min-height:110px}.ff-machine strong{font-size:16px}.ff-results{grid-template-columns:1fr}.ff-result{padding:24px}.ff-count{font-size:68px}.ff-explain{grid-template-columns:1fr;gap:18px}.ff-summary{font-size:12px}.ff-preview-head{padding:14px 20px}.ff-preview-head strong{font-size:20px}}@media(prefers-reduced-motion:reduce){.ff-slush *{transition:none!important}}
.ff-other-link,.ff-change,.ff-manual-calculate{font:inherit;cursor:pointer;border:1px solid #6991aa;color:#041e42;background:#edf6fb;border-radius:8px;min-height:48px;padding:10px 14px}.ff-other-link{margin:0 0 20px;text-align:left;font-weight:600}.ff-manual-calculate{margin-top:12px;background:#6991aa}.ff-compact{display:none}.ff-recipe{margin-top:18px;border-top:1px solid #dce4eb}.ff-recipe summary{font-size:15px}.ff-recipe p{font-size:14px;margin:8px 0;line-height:1.6}.ff-rest{border-radius:10px;font-size:14px}.ff-current{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.ff-collapsed .ff-panel>.ff-heading,.ff-collapsed .ff-machines,.ff-collapsed .ff-other-link,.ff-collapsed .ff-extra,.ff-collapsed .ff-chambers{display:none!important}.ff-collapsed .ff-compact{display:flex;gap:12px;align-items:center;justify-content:space-between}.ff-change{flex-shrink:0;font-size:14px}.ff-current{font-size:15px}.ff-other-link{width:100%;font-size:15px}}

.ff-machines{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-show-more{display:block;width:100%;font:inherit;font-weight:600;cursor:pointer;color:#315f80;background:#fff;border:1px solid #dce4eb;border-radius:8px;min-height:48px;margin-top:12px;padding:10px 14px}.ff-show-more:hover{background:#f4f9fc}.ff-other-link{display:block;width:100%;margin:18px 0 0;text-align:center}.ff-other-link span{display:block;font-size:14px;font-weight:500;margin-top:3px}@media(max-width:600px){.ff-machines{grid-template-columns:1fr}.ff-machine{min-height:92px}.ff-machine small{min-height:0}.ff-collapsed .ff-show-more{display:none!important}}