@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Yellowtail;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/yellowtail-latin-ext-400-normal-sEGoB7yK.woff2)format("woff2"),url(/assets/yellowtail-latin-ext-400-normal-BmJ29hGN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Yellowtail;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/yellowtail-latin-400-normal-BfFX3xIh.woff2)format("woff2"),url(/assets/yellowtail-latin-400-normal-qKkxeRph.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#141414;--muted:#6f747b;--line:#0f141917;--surface:#ffffffdb;--focus:#1a73e8;--ease:cubic-bezier(.2, .8, .2, 1);--font-ui:"Figtree Variable", Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Fraunces Variable", Fraunces, Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#fff;overflow:hidden}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{position:fixed;inset:0}.stage{touch-action:none;cursor:grab;background:radial-gradient(90% 75% at 50% 38%,#fff 58%,#f2f2f2 100%);outline:none;position:absolute;inset:0;overflow:hidden}.stage:active{cursor:grabbing}.stage:focus-visible{box-shadow:inset 0 0 0 3px var(--focus)}.stage button{cursor:pointer}.zoom-controls{z-index:4;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:2px;padding:3px;display:flex;position:absolute;box-shadow:0 6px 20px -10px #00000040}.is-wide .zoom-controls{left:calc(20px + var(--gutter,0px));bottom:20px}.is-narrow .zoom-controls{right:12px;bottom:calc(var(--dock-h,140px) + 18px + env(safe-area-inset-bottom))}.zoom-controls button{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.zoom-controls button:hover{background:#0000000d}.zoom-controls button:active{background:#0000001a}.zoom-controls svg{width:20px;height:20px}@media (pointer:coarse){.zoom-controls button{width:44px;height:44px}.seg button{width:44px;height:38px}.icon-btn{width:44px;height:44px}}.topbar{height:52px;padding:0 max(14px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));pointer-events:none;z-index:5;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.is-narrow .topbar{background:linear-gradient(#fff 78%,#fff0);height:60px;padding-bottom:8px}.title{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.title-logo{flex:none;width:22px;height:22px}.title-mark{letter-spacing:-.03em;color:#9ba0a6;font-size:18px;font-weight:600}.title-sub{color:var(--muted);white-space:nowrap;font-size:12px}.title-mark{white-space:nowrap}.tools{align-items:center;gap:8px;display:flex}.seg{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:3px;display:flex}.seg button{width:34px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .2s,color .2s;display:grid}.seg button[aria-checked=true]{background:var(--ink);color:#fff}.seg svg,.icon-btn svg{width:18px;height:18px}.icon-btn{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.dock{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);background:#fffffff2;border-radius:22px;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;box-shadow:0 14px 44px -16px #00000038,0 1px 2px #0000000a}.is-narrow .dock{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));max-width:640px;margin:0 auto}.is-wide .dock{right:calc(28px + var(--gutter,0px));width:320px;max-height:calc(100dvh - 24px);top:50%;overflow-y:auto;transform:translateY(-50%)}.is-short .dock{right:max(10px, env(safe-area-inset-right));gap:8px;width:280px;max-height:calc(100dvh - 60px);padding:10px;top:calc(50% + 22px)}.is-short .btn{height:40px}.readout{align-items:stretch;gap:12px;min-height:46px;display:flex}.hint{color:var(--muted);text-wrap:pretty;align-self:center;margin:0;font-size:13.5px;line-height:1.42}.hint strong{color:var(--ink);font-weight:650}.meter{clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);background:#f6f7f8;border-radius:2px;flex:none;width:24px;position:relative;overflow:hidden}.meter:after{content:"";clip-path:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #0000001f}.meter-ice{background:repeating-linear-gradient(135deg,#d9eef8 0 4px,#f1f9fd 4px 8px);position:absolute;inset:auto 0 0}.meter-fill{opacity:.92;position:absolute;inset:auto 0 0}.readout-body{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.readout-head{align-items:flex-start;gap:8px;display:flex}.readout-line{flex-wrap:wrap;flex:1;align-items:center;gap:4px 6px;min-width:0;padding-top:5px;display:flex}.readout-title{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:650}.share-short{display:none}.readout-sub{color:var(--muted);font-weight:500}.chip-muted{color:var(--muted);font-variant-numeric:tabular-nums;background:#f1f2f3;border-radius:999px;padding:2px 8px;font-size:12px}.mix{flex-direction:column;gap:2px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.mix li{align-items:center;gap:7px;min-width:0;display:flex}.dot{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000024}.mix-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mix-pct,.mix-more{color:var(--muted);font-variant-numeric:tabular-nums}.mix-more{padding-left:16px}.actions,.sizes{gap:8px;width:100%;display:flex}.is-wide .actions{grid-template-columns:1fr 1fr;display:grid}.is-wide .sizes{flex-direction:column;grid-column:1/-1}.is-wide .sizes .btn{flex:none}.btn{border:1px solid var(--line);min-width:0;height:46px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .12s var(--ease), background .2s, opacity .2s;white-space:nowrap;background:#f3f4f5;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.btn svg{flex:none;width:20px;height:20px}.btn:hover{background:#eaecee}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.38;cursor:default;transform:none}.btn.is-active{background:var(--ink);color:#fff}.btn-primary{background:var(--ink);color:#fff;border-color:#0000}.btn-primary:hover{background:#2c2c2c}.btn-primary small{opacity:.65;margin-left:2px;font-weight:500}.btn-quiet{background:0 0}@media (width<=480px){.zoom-controls{border-radius:14px;flex-direction:row;padding:2px}.zoom-controls button,.is-narrow .zoom-controls button{width:38px;height:38px}.is-narrow .zoom-controls{right:6px}}@media (width<=400px){.topbar{padding-left:12px;padding-right:10px}.tools{gap:4px}.seg button{width:36px;height:34px}.icon-btn{width:38px;height:38px}.title-mark{font-size:16px}.share-long{display:none}.share-short{display:inline}.readout-title{font-size:13.5px}.btn{gap:4px;padding:0 6px;font-size:13px}.btn svg{width:18px;height:18px}.btn-primary small{margin:0;font-size:11px;display:block}.sizes .btn span{line-height:1.1}}@media (width<=560px){.title-sub{display:none}}@media (width<=400px){.title-mark{display:none}}@media (width<=359px){.nudge-more{display:none}}.info{width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--ink);background:#fff;border:0;border-radius:24px;padding:0;box-shadow:0 30px 90px -24px #0006}.info::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c}.info-body{padding:28px 28px 24px}.info h2{font-family:var(--font-serif);letter-spacing:-.025em;margin:0 0 8px;font-size:30px;font-weight:600}.info h3{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:22px 0 8px;font-size:12px}.info ol,.info ul{margin:0;padding-left:20px;font-size:15px;line-height:1.5}.info li+li{margin-top:4px}.lede{color:#3b3e43;margin:0;font-size:16px;line-height:1.5}.fine{color:var(--muted);margin:22px 0 18px;font-size:12px;line-height:1.55}.info .btn{width:100%}.dialog-x-wrap{z-index:3;justify-content:flex-end;height:0;display:flex;position:sticky;top:0}.dialog-x{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffffeb;border-radius:50%;place-items:center;margin:12px 12px 0 0;display:grid}.dialog-x:hover{background:#f1f2f3}.dialog-x svg{width:16px;height:16px}@media (width<=480px){.info-body{padding:22px 20px 20px}.info h2{font-size:26px}.lede{font-size:15px}.saved-body{padding:20px 16px}}.skip-links a{z-index:20;background:var(--ink);color:#fff;border-radius:12px;padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;top:10px;left:12px;transform:translateY(-160%)}.skip-links a:focus{transform:none}@media (forced-colors:active){.btn,.seg button,.icon-btn,.zoom-controls button,.pad-btn{border:1px solid buttontext}.screen [data-navfocus],.pour-btn[data-navfocus]{outline:3px solid highlight}}.is-wide .readout-head{flex-direction:column;align-items:stretch;gap:8px}.is-wide .readout-line{padding-top:0}.is-wide .share-btn{order:2;justify-content:center;height:36px;margin-left:0}.share-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e8141c;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;margin-left:auto;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.share-btn svg{width:16px;height:16px}.share-btn:disabled{opacity:.35;cursor:default}.icon-btn{position:relative}.icon-btn .count{color:#fff;text-align:center;background:#e8141c;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:17px;position:absolute;top:-3px;right:-3px}.sheet{width:min(940px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:#fff;border:0;border-radius:26px;padding:0;overflow:auto;box-shadow:0 30px 90px -24px #00000073}.sheet::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9}.sheet-narrow{width:min(560px,100vw - 24px)}.sheet-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:24px;display:grid}.sheet-card img,.card-loading{aspect-ratio:4/5;width:100%;box-shadow:0 18px 40px -20px #00000059, 0 0 0 1px var(--line);background:#f5f5f5;border-radius:18px;display:block}.card-loading{animation:1.2s ease-in-out infinite alternate shimmer}@keyframes shimmer{to{background:#ececec}}.sheet-side{flex-direction:column;gap:12px;min-width:0;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#e8141c;margin:4px 0 0;font-size:12px;font-weight:700}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field input{font:600 22px/1.2 var(--font-serif);color:var(--ink);border:1px solid var(--line);background:#fafafa;border-radius:12px;padding:10px 12px}.sheet-desc{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.sheet-list{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.sheet-list li{align-items:center;gap:8px;min-width:0;display:flex}.sheet-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.link-field{width:100%;font:500 12.5px/1 var(--font-ui);color:var(--muted);border:1px solid var(--line);background:#fafafa;border-radius:10px;padding:10px 12px}.sheet-note{min-height:1.2em;color:var(--ink);margin:0;font-size:13px}.sheet-close{width:100%}@media (width<=720px) and (orientation:portrait){.sheet-body{grid-template-columns:1fr;gap:14px;padding:16px 16px 0}.sheet-card img,.card-loading{width:auto;max-width:100%;height:min(34dvh,380px);margin:0 auto}}@media (height<=560px) and (orientation:landscape){.sheet-body{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:12px 16px 0}.sheet-card{align-self:start;position:sticky;top:12px}.sheet-card img,.card-loading{width:auto;height:calc(100dvh - 48px)}.sheet-side{gap:10px}}@media (width<=720px),(height<=560px){.field input{font-size:20px}.sheet-side .sheet-desc{display:none}.sheet-actions{z-index:1;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#fff0,#fff 14px);margin:0 -16px;position:sticky;bottom:0}.sheet-close{margin-bottom:16px}}.saved-body{padding:24px}.saved-body h2{font-family:var(--font-serif);margin:0 0 12px;font-size:28px;font-weight:600}.saved-list{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.saved-list li{border:1px solid var(--line);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;padding:12px;display:grid}.saved-text{flex-direction:column;min-width:0;display:flex}.saved-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-text span{color:var(--muted);font-size:13px}.saved-actions{grid-column:1/-1;gap:8px;display:flex}.swatches{display:flex}.swatches .dot{border:2px solid #fff;width:22px;height:22px;margin-right:-7px}.nudge{color:var(--muted);animation:nudge-in .3s var(--ease,ease-out);align-items:flex-start;gap:6px;margin:2px 0 0;font-size:13.5px;line-height:1.35;display:flex}.nudge-text{flex:1;min-width:0;padding-top:3px}.nudge strong{color:var(--ink);font-family:var(--font-serif);margin-right:.2em;font-size:15px;font-weight:600}.nudge-x{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:18px;line-height:1}.nudge-x:hover{color:var(--ink);background:#0000000f}.share-btn.is-nudging{animation:1.6s ease-out 3 share-pulse}@keyframes share-pulse{0%{box-shadow:0 0 #e8141c8c}70%,to{box-shadow:0 0 0 12px #e8141c00}}@keyframes nudge-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.nudge,.share-btn.is-nudging{animation:none}}.player-toast{z-index:8;background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:8px 8px 8px 14px;font-size:14px;display:flex;position:fixed;top:62px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -12px #00000080}.player-toast span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-toast button{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:6px 12px;font-weight:650}.player-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.finish{border:0;min-width:0;margin:0;padding:0}.finish legend{padding:0}.finish-row{flex-wrap:wrap;gap:8px;margin:2px 0 6px;display:flex}.finish-swatch{cursor:pointer;border:1px solid #0000001f;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:14px;font-weight:550;display:inline-flex;position:relative}.finish-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.finish-chip{background:var(--swatch);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000002e,inset 0 6px 8px -4px #ffffff80}.finish-chip-custom{box-shadow:inset 0 0 0 4px var(--swatch), inset 0 0 0 5px #0000002e;background:conic-gradient(#ff4d4d,#ffd84d,#4dff88,#4dd2ff,#8a6cff,#ff4dd2,#ff4d4d)}.finish-swatch:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.finish-swatch:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.machine{aspect-ratio:1000/2740;transform-origin:0 0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:left .6s var(--ease), top .6s var(--ease), width .6s var(--ease);position:absolute;container-type:inline-size}.machine[data-instant]{transition:none}.machine-art{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.screen-mount{position:absolute}.pour-btn{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;container-type:inline-size}.pour-drum{background:linear-gradient(90deg,#5f6469,#b9bdc1 22%,#eef0f1 44%,#a3a7ac 70%,#575c61);border-radius:50%;position:absolute;inset:14% 4% -8%;box-shadow:0 3cqw 6cqw #00000047}.pour-bezel{transition:transform .12s var(--ease);background:conic-gradient(from 200deg,#f3f4f5,#959a9f 16%,#fbfbfb 33%,#868b90 52%,#ebeced 70%,#9da1a6 86%,#f3f4f5);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1.4cqw #ffffff80,inset 0 -3cqw 6cqw #0000002e}.pour-lcd{transition:transform .12s var(--ease), box-shadow .2s;background:#efede6;border-radius:50%;position:absolute;inset:10%;overflow:hidden;box-shadow:inset 0 0 0 .8cqw #0000001f,0 0 0 .8cqw #00000026}.pour-lcd>span{background:#0d0d0d;border-radius:50%;position:absolute;inset:7%;overflow:hidden}.pour-btn:active .pour-bezel,.pour-btn.is-pouring .pour-bezel,.pour-btn:active .pour-lcd,.pour-btn.is-pouring .pour-lcd{transform:scale(.97)}.pour-btn.is-pouring .pour-lcd{box-shadow:0 0 0 1.2cqw #fffffff2,0 0 8cqw #ffffffb3}.pour-btn.is-armed:not(.is-pouring):after{content:"";pointer-events:none;border:1.6cqw solid #ffffffe6;border-radius:50%;animation:1.9s ease-out infinite armed;position:absolute;inset:6%}@keyframes armed{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.22)}}.pour-btn[data-navfocus],.pour-btn:focus-visible{outline:.8cqw solid var(--focus);outline-offset:.6cqw}.lcd-promo{text-align:center;color:#fff;font-family:var(--font-serif);letter-spacing:-.02em;text-wrap:balance;animation:lcd-in .5s var(--ease) both;place-items:center;padding:16%;font-size:10.5cqw;font-weight:560;line-height:1;display:grid}.lcd-drink{animation:lcd-in .35s var(--ease) both}.lcd-drink .badge{width:100%;height:100%;position:absolute;inset:0;transform:translateY(-6%)scale(.92)}.lcd-drink em,.lcd-ice em{color:#fff;height:24%;font:normal 700 7.5cqw/1 var(--font-ui);letter-spacing:.02em;text-align:center;white-space:nowrap;background:#00000080;padding-top:3%;position:absolute;bottom:0;left:0;right:0}.lcd-drink em.is-long,.lcd-ice em.is-long{padding-top:4.5%;font-size:5.6cqw}.lcd-ice{animation:lcd-in .35s var(--ease) both;background:radial-gradient(circle at 40% 35%,#c9ecfa,#4ea6d2)!important}.lcd-ice svg{width:56%;position:absolute;top:14%;left:22%}.lcd-choose{text-align:center;color:#e8141c;font:700 11cqw/1.02 var(--font-ui);animation:lcd-in .25s var(--ease) both;place-items:center;padding:16%;display:grid;background:#fff!important}@keyframes lcd-in{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}.ice-lever{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18%;padding:0;position:absolute}.ice-lever:after{content:attr(data-tip);color:#fff;font:600 max(11px, 1.6cqw) / 1 var(--font-ui);white-space:nowrap;opacity:0;pointer-events:none;background:#141414db;border-radius:999px;padding:.7em 1em;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-.8cqw)}.ice-lever:hover:after,.ice-lever:focus-visible:after,.ice-lever[data-navfocus]:after{opacity:1}.ice-lever[data-navfocus]{outline:3px solid var(--focus)}.access-pad{flex-direction:column;justify-content:space-evenly;align-items:center;padding:1cqw 0;display:flex;position:absolute}.pad-btn{width:4.8cqw;height:4.8cqw;color:var(--pad-ink,#64040ab8);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.pad-btn svg{filter:drop-shadow(0 1px #ffffff47);width:74%;height:74%}.pad-btn:hover{background:#0000000f}.pad-btn:active{background:#00000024}.pad-btn[aria-pressed=true]{color:#fff;background:#0000001f}.cup-art{animation:cup-in .55s var(--ease) both}@keyframes cup-in{0%{opacity:0;transform:translateY(340px)}to{opacity:1;transform:none}}.cup-wobble{transform-box:view-box;transform-origin:500px 1412px;animation:.7s ease-in-out wobble}@keyframes wobble{20%{transform:rotate(4deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(2.5deg)}80%{transform:rotate(-1.5deg)}}.bub{transform-box:fill-box;transform-origin:50%;animation:1.6s cubic-bezier(.45,0,.9,.6) infinite bub-rise}@keyframes bub-rise{0%{opacity:0;transform:translate(0)scale(.55)}12%{opacity:1}92%{opacity:1}to{transform:translate(var(--drift,0), var(--rise)) scale(1.35);opacity:0}}.ice-bob{animation:1.9s ease-in-out infinite ice-bob}@keyframes ice-bob{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(.02px, var(--bob,-.03px)) rotate(3deg)}}.ripple{animation:.9s ease-out infinite ripple}@keyframes ripple{0%{opacity:.8;transform:scale(.15)}to{opacity:0;transform:scale(1)}}.foam-pop{transform-box:fill-box;transform-origin:50%;animation:2s ease-out infinite foam-pop}@keyframes foam-pop{0%,60%{opacity:0;transform:scale(.4)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.condense{opacity:0;animation:70s linear 8s forwards condense}@keyframes condense{to{opacity:1}}.runoff{stroke-dasharray:18 5;animation:.4s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-23px}}@media (prefers-reduced-motion:reduce){.machine{transition:none}.bub,.ice-bob,.ripple,.foam-pop,.pour-btn:after{animation:none!important}.bub,.foam-pop,.ripple{opacity:0}.cup-wobble{animation:none}}.bay-canvas{pointer-events:none;display:block;position:absolute}.machine-front{pointer-events:none}.screen{color:#fff;font-family:var(--font-ui);isolation:isolate;background:#000;border-radius:.5cqw;position:absolute;inset:0;overflow:hidden;container:screen/inline-size}:where(.screen) button{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}.screen :focus-visible,.screen [data-navfocus]{outline-offset:.3cqw;outline:.3cqw solid #fff;box-shadow:0 0 0 .75cqw #1a73e8f2}.screen-view{animation:view-in .4s var(--ease) both;position:absolute;inset:0}@keyframes view-in{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:none}}.screen-glass{pointer-events:none;z-index:10;background:linear-gradient(118deg,#ffffff14 0%,#fff0 32%);position:absolute;inset:0}.a11y-banner{z-index:11;font:600 1.1cqw/1.2 var(--font-ui);white-space:nowrap;pointer-events:none;background:#0a0a0ac7;border-radius:999px;padding:.5cqw 1.3cqw;position:absolute;top:.8cqw;left:50%;transform:translate(-50%)}.home,.brand-screen,.featured-screen{position:absolute;inset:0}.promo-backdrop{transition:background .8s;position:absolute;inset:0;overflow:hidden}.promo-glow{filter:blur(6cqw);opacity:.5;border-radius:50%;position:absolute}.promo-glow.a{width:40cqw;height:40cqw;top:-10cqw;left:48cqw}.promo-glow.b{opacity:.4;width:32cqw;height:32cqw;top:12cqw;left:66cqw}.bubbles{position:absolute;inset:0}.bubbles span{background:radial-gradient(circle at 30% 30%,#ffffff8c,#ffffff0a 62%);border:.12cqw solid #ffffff80;border-radius:50%;animation:linear infinite bubble-rise;position:absolute;bottom:-3cqw}@keyframes bubble-rise{0%{opacity:0;transform:translate(0)}10%{opacity:.9}to{transform:translate(var(--drift), -62cqw);opacity:0}}.promo-stage{position:absolute;inset:0}.promo-copy{text-align:center;width:33cqw;animation:copy-in .7s var(--ease) both;flex-direction:column;align-items:center;display:flex;position:absolute;top:9cqw;left:11.5cqw}@keyframes copy-in{0%{opacity:0;transform:translateY(1.2cqw)}to{opacity:1;transform:none}}.promo-eyebrow{font:700 1cqw/1 var(--font-ui);letter-spacing:.22em;text-transform:uppercase;opacity:.92}.promo-headline{font:560 4.2cqw/.98 var(--font-serif);letter-spacing:-.025em;text-wrap:balance;text-shadow:0 .3cqw 2cqw #0000002e;margin:1cqw 0 1.1cqw}.promo-sub{font:600 1.15cqw/1.35 var(--font-ui);opacity:.95;text-wrap:balance;max-width:27cqw;margin:0}.promo-cta{height:3cqw;color:var(--cta-ink);font:700 1.2cqw/1 var(--font-ui);transition:transform .15s var(--ease);background:#fff;border-radius:999px;margin-top:1.7cqw;padding:0 2.6cqw;box-shadow:0 .4cqw 1.4cqw #0003}.promo-cta:active{transform:scale(.96)}.promo-visual{width:31cqw;height:29cqw;position:absolute;top:5cqw;left:51cqw}.promo-float{aspect-ratio:1;filter:drop-shadow(0 1.2cqw 1.6cqw #00000047);animation:float 6s ease-in-out infinite, pop-in .7s var(--ease) var(--enter,0s) both;cursor:pointer;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.promo-float:active{scale:.94}.promo-float .badge{width:100%;height:100%;display:block}@keyframes float{0%,to{translate:0}50%{translate:0 -.9cqw}}@keyframes pop-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.qr-card{color:#111;background:#fff;border-radius:.7cqw;flex-direction:column;gap:.45cqw;width:5cqw;padding:.6cqw .5cqw .5cqw;display:flex;position:absolute;top:4.4cqw;left:4.4cqw;box-shadow:0 .3cqw 1cqw #00000026}.qr-card>svg{width:1.7cqw;height:1.7cqw;margin:0 auto .2cqw}.qr-card span{font:700 .62cqw/1.15 var(--font-ui)}.qr{aspect-ratio:1;width:100%}.qr svg{width:100%;height:100%;display:block}.stepper{z-index:2;gap:.6cqw;display:flex;position:absolute;top:3.6cqw;left:50%;transform:translate(-50%)}.step{width:6.6cqw;height:1.8cqw;position:relative}.step:before,.step-fill{content:"";border-radius:999px;height:.22cqw;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step:before{background:#fff6;right:0}.step-fill{transform-origin:0;background:#fff;animation:linear forwards step-fill;right:0}@keyframes step-fill{0%{transform:translateY(-50%)scaleX(0)}to{transform:translateY(-50%)scaleX(1)}}.globe{z-index:2;background:#ffffff38;border-radius:50%;place-items:center;width:3.2cqw;height:3.2cqw;display:grid;position:absolute;top:4.2cqw;right:4.6cqw;box-shadow:inset 0 0 0 .1cqw #ffffff8c}.globe svg{width:56%;height:56%}.chev{color:#fff;opacity:.9;z-index:2;place-items:center;width:2.4cqw;height:7cqw;display:grid;position:absolute;top:15cqw}.chev.prev{left:4.2cqw}.chev.next{right:4.2cqw}.chev svg{width:70%;height:100%}.util{background:var(--tray);-webkit-backdrop-filter:blur(1cqw);backdrop-filter:blur(1cqw);width:7cqw;height:7cqw;font:600 1.35cqw/1 var(--font-ui);color:#fff;transition:transform .15s var(--ease);z-index:2;border-radius:50%;position:absolute;bottom:5.2cqw;box-shadow:inset 0 0 0 .12cqw #ffffff8c,inset 0 0 2cqw #ffffff2e}.util:active{transform:scale(.93)}.util-ice{left:4.4cqw}.util-water{right:4.4cqw}.tray{background:var(--tray);-webkit-backdrop-filter:blur(1.4cqw)saturate(1.3);backdrop-filter:blur(1.4cqw)saturate(1.3);z-index:2;border-radius:4.6cqw;grid-template-columns:repeat(9,6.9cqw);gap:.7cqw;padding:.95cqw 1.1cqw;display:grid;position:absolute;bottom:4.4cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .1cqw #ffffff73,0 1cqw 3cqw #0000001f}.bubble{filter:drop-shadow(0 .3cqw .5cqw #00000038);width:6.9cqw;height:6.9cqw;transition:transform .18s var(--ease);border-radius:50%}.bubble .badge{width:100%;height:100%;display:block}.bubble:active{transform:scale(.92)}@media (hover:hover){.bubble:hover,.flank:hover{transform:scale(1.05)}}.tray.is-nudged .bubble{animation:nudge .6s var(--ease) calc(var(--i) * 22ms) both}@keyframes nudge{0%,to{transform:none}40%{transform:translateY(-.8cqw)scale(1.07)}}.brand-screen{background:var(--bg)}.droplets{width:100%;height:100%;position:absolute;inset:0}.brand-light{pointer-events:none;background:radial-gradient(60% 70% at 50% 34%,#ffffff3d,#fff0 70%),linear-gradient(#ffffff0f,#00000038);position:absolute;inset:0}.all-drinks{-webkit-backdrop-filter:blur(.6cqw);backdrop-filter:blur(.6cqw);height:3.2cqw;font:600 1.25cqw/1 var(--font-ui);color:#fff;white-space:nowrap;z-index:3;background:#00000052;border-radius:999px;align-items:center;gap:.6cqw;padding:0 1.8cqw;display:flex;position:absolute;top:2.4cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .1cqw #ffffff4d}.all-drinks svg{opacity:.9;width:1.15cqw;height:1.15cqw}.cal-table,.disclaimer{z-index:3;background:#0000004d;border-radius:.7cqw;margin:0;padding:.7cqw .9cqw;position:absolute;top:2.4cqw}.cal-table{font:500 .82cqw/1.35 var(--font-ui);left:2.4cqw}.cal-title{margin-bottom:.2cqw;font-weight:700}.cal-grid{font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,auto);column-gap:.9cqw;display:grid}.disclaimer{width:18cqw;font:500 .74cqw/1.35 var(--font-ui);right:2.4cqw}.hero-bubble{filter:drop-shadow(0 1.4cqw 2cqw #0000004d);width:26cqw;height:26cqw;animation:hero-pop .45s var(--ease) both;z-index:1;margin-left:-13cqw;position:absolute;top:7.6cqw;left:50%}.hero-bubble .badge{width:100%;height:100%;display:block}@keyframes hero-pop{0%{opacity:.4;scale:.86}to{opacity:1;scale:1}}.flank{filter:drop-shadow(0 .8cqw 1.2cqw #00000047);width:13cqw;height:13cqw;transition:transform .2s var(--ease);animation:flank-in .5s var(--ease) both;z-index:1;border-radius:50%;position:absolute;top:14cqw}.flank .badge{width:100%;height:100%;display:block}.flank:active{transform:scale(.94)}.flank-left{--from:3cqw;left:calc(50% - 29.5cqw)}.flank-right{--from:-3cqw;left:calc(50% + 16.5cqw)}@keyframes flank-in{0%{translate:var(--from) 0;opacity:0}to{opacity:1;translate:0}}.pills{-webkit-backdrop-filter:blur(1cqw)saturate(1.2);backdrop-filter:blur(1cqw)saturate(1.2);z-index:2;animation:pills-in .5s var(--ease) 50ms both;background:#ffffff4d;border-radius:999px;gap:.9cqw;padding:.9cqw;display:flex;position:absolute;bottom:2.6cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .1cqw #fff6}@keyframes pills-in{0%{opacity:0;translate:0 1.5cqw}to{opacity:1;translate:0}}.pill{width:min(10.6cqw, calc((86cqw - (var(--n) - 1) * .9cqw) / var(--n)));background:var(--pill);height:4.8cqw;color:var(--pill-ink,#fff);font:700 1.28cqw/1.05 var(--font-ui);text-align:center;text-wrap:balance;transition:transform .18s var(--ease), box-shadow .18s;border-radius:999px;place-items:center;padding:0 .6cqw;display:grid;box-shadow:inset 0 -.3cqw .6cqw #0000001f,inset 0 .3cqw .5cqw #ffffff40}.pills.is-dense .pill{font-size:1.1cqw}.pill[aria-checked=true]{transform:translateY(-.3cqw);box-shadow:0 0 0 .32cqw #fff,0 .6cqw 1.4cqw #0000004d}.pill-logo{width:84%;height:64%;-webkit-mask:var(--mark) center / contain no-repeat;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat;background:currentColor;display:block}.pill-mark{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;max-width:100%;font-size:1.45cqw;overflow:hidden}.featured-copy{text-align:center;z-index:2;flex-direction:column;align-items:center;width:30cqw;display:flex;position:absolute;top:13cqw;left:6cqw}.featured-copy .promo-headline{font-size:3.4cqw}.featured-name{font:700 1.35cqw/1.25 var(--font-ui);text-wrap:balance;margin:.2cqw 0 0}.featured-row{z-index:2;justify-content:center;align-items:center;gap:1.4cqw;height:34cqw;display:flex;position:absolute;top:10cqw;left:38cqw;right:8cqw}.featured-item{filter:drop-shadow(0 1cqw 1.4cqw #00000047);width:9.5cqw;height:9.5cqw;transition:width .35s var(--ease), height .35s var(--ease);border-radius:50%;flex:none}.featured-item.is-on{width:20cqw;height:20cqw}.featured-item .badge{width:100%;height:100%;display:block}.featured-screen .chev{top:22cqw}.utility-screen .hero-bubble{top:8.5cqw}.utility-caption{font:600 1.8cqw/1.2 var(--font-ui);text-shadow:0 .2cqw 1cqw #00000040;justify-content:center;align-items:center;gap:.6cqw;margin:0;display:flex;position:absolute;top:37.5cqw;left:0;right:0}.ice-bubble{font:700 2.6cqw/1 var(--font-ui);color:#fff;text-shadow:0 .2cqw .6cqw #003c5a66;background:radial-gradient(circle at 36% 30%,#eaf8fe,#9ad5ef 45%,#3f97c4 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.4cqw;display:flex}.ice-bubble svg{filter:drop-shadow(0 .3cqw .6cqw #003c5a59);width:50%}.hint-arrow{width:2cqw;height:2cqw;animation:1.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(.5cqw)}}.screen.is-compact .tray{border-radius:6cqw;grid-template-columns:repeat(9,9.4cqw);gap:.5cqw;padding:.7cqw;bottom:2cqw}.screen.is-compact .bubble{width:9.4cqw;height:9.4cqw}.screen.is-compact .util{width:6.4cqw;height:6.4cqw;font-size:1.9cqw;top:25.5cqw;bottom:auto}.screen.is-compact .util-ice{left:3cqw}.screen.is-compact .util-water{right:3cqw}.screen.is-compact .qr-card,.screen.is-compact .promo-sub,.screen.is-compact .home .chev{display:none}.screen.is-compact .promo-copy{width:44cqw;top:7.5cqw;left:4cqw}.screen.is-compact .promo-eyebrow{font-size:1.7cqw}.screen.is-compact .promo-headline{margin:1.2cqw 0 1.6cqw;font-size:5.6cqw}.screen.is-compact .promo-cta{height:4.6cqw;margin-top:0;padding:0 3.4cqw;font-size:2cqw}.screen.is-compact .promo-visual{width:38cqw;height:19cqw;top:6cqw;left:50cqw}.screen.is-compact .stepper{top:1.6cqw}.screen.is-compact .step{width:7cqw;height:4cqw}.screen.is-compact .step:before,.screen.is-compact .step-fill{height:.4cqw}.screen.is-compact .globe{width:5.4cqw;height:5.4cqw;top:1.8cqw;right:2.6cqw}.screen.is-compact .cal-table,.screen.is-compact .disclaimer{display:none}.screen.is-compact .all-drinks{gap:1cqw;height:5.2cqw;padding:0 2.6cqw;font-size:2.1cqw;top:1.8cqw}.screen.is-compact .all-drinks svg{width:2cqw;height:2cqw}.screen.is-compact .hero-bubble{width:25cqw;height:25cqw;margin-left:-12.5cqw;top:8.5cqw}.screen.is-compact .flank{width:15cqw;height:15cqw;top:13cqw}.screen.is-compact .flank-left{left:calc(50% - 32cqw)}.screen.is-compact .flank-right{left:calc(50% + 17cqw)}.screen.is-compact .pills{border-radius:4.2cqw;flex-wrap:wrap;justify-content:center;gap:.8cqw;width:95cqw;padding:.9cqw;bottom:1.4cqw}.screen.is-compact .pill,.screen.is-compact .pills.is-dense .pill{width:calc((95cqw - 1.8cqw - (var(--cols) - 1) * .8cqw) / var(--cols));height:6.4cqw;font-size:2.15cqw}.screen.is-compact .pill-mark{font-size:2.3cqw}.screen.is-compact .featured-screen .chev{display:none}.screen.is-compact .featured-copy{width:auto;top:9cqw;left:8cqw;right:8cqw}.screen.is-compact .featured-copy .promo-headline{margin:.8cqw 0;font-size:4.6cqw}.screen.is-compact .featured-copy .promo-eyebrow{font-size:1.7cqw}.screen.is-compact .featured-name{font-size:2.2cqw}.screen.is-compact .featured-row{height:28cqw;top:26cqw;left:3cqw;right:3cqw}.screen.is-compact .featured-item{width:15cqw;height:15cqw}.screen.is-compact .featured-item.is-on{width:26cqw;height:26cqw}.screen.is-compact .utility-caption{font-size:3cqw;top:38cqw}.screen.is-compact .utility-screen .hero-bubble{top:9cqw}.screen.is-compact .a11y-banner{font-size:2cqw}@media (prefers-reduced-motion:reduce){.bubbles span,.promo-float,.hint-arrow{animation:none!important}.promo-float{opacity:1}.screen-view,.hero-bubble,.flank,.pills{animation-duration:10ms}}