.coffee-fall{position:absolute;left:50%;top:65%;width:14px;transform:translateX(-50%);pointer-events:none;z-index:3}.coffee-thread{position:absolute;inset:0 6px;border-radius:50%;background:linear-gradient(90deg,#63351e,#dca46a 48%,#704025);box-shadow:0 0 4px #bd814936;transform-origin:top;animation:coffee-thread-shimmer 1.7s ease-in-out infinite}.coffee-fall[data-flow=drips] .coffee-thread{opacity:.12;width:1px;inset-inline:6.5px;animation:none}.coffee-fall[data-flow=last-drops] .coffee-thread{opacity:0;animation:none}.coffee-drop{position:absolute;top:0;left:5px;width:4px;height:6px;border-radius:50% 50% 55% 55%;background:radial-gradient(ellipse at 35% 25%,#f0c08b 0,#c78b51 30%,#754022 80%);box-shadow:0 0 3px #d8a36825;opacity:0;animation:coffee-drop-fall var(--drip-cycle,1.8s) linear infinite;animation-delay:var(--drop-delay,0s)}.coffee-drop:nth-child(2n){left:6px;width:3px;height:5px}.coffee-liquid-surface{position:absolute;left:0;right:0;top:-3px;height:6px;border-radius:50%;background:linear-gradient(180deg,#d2a16d99,#9b643c 45%,#63391e);box-shadow:0 -1px 2px #f0c89333}.coffee-impact-ring{position:absolute;left:14%;top:-3px;width:72%;height:7px;border:1px solid #f6cd9380;border-radius:50%;opacity:0;animation:coffee-impact var(--drip-cycle,1.8s) ease-out infinite;animation-delay:var(--drop-delay,0s)}.coffee-glass-shine{position:absolute;top:10%;bottom:15%;width:1px;background:linear-gradient(transparent,#fce8d766,transparent);pointer-events:none}.coffee-grain-texture{inset:10%;opacity:.42;background-image:radial-gradient(ellipse at 25% 40%,#27160ce6 0 1px,transparent 1.6px),radial-gradient(ellipse at 70% 60%,#d79a5855 0 .7px,transparent 1.3px);background-size:7px 9px,5px 7px;background-position:0 0,3px 4px}.coffee-grain-texture,.coffee-wet-sheen{position:absolute;border-radius:50%;pointer-events:none}.coffee-wet-sheen{inset:11%;background:radial-gradient(ellipse at 35% 27%,#f5d09c22,transparent 43%),radial-gradient(ellipse at 65% 70%,#a56d3f44,transparent 55%)}.coffee-bloom-bubble{position:absolute;width:var(--bubble-size,7px);height:var(--bubble-size,7px);border-radius:50%;border:1px solid #edc9938c;background:radial-gradient(circle at 32% 24%,#fce3b866 0,#b8814329 30%,#321d1455 68%);box-shadow:inset 0 -1px 2px #21130966;opacity:0;animation:coffee-bubble-release var(--bubble-cycle,4.5s) ease-out infinite;animation-delay:var(--bubble-delay,0s)}.coffee-bloom-bubble:after{content:"";position:absolute;inset:-2px;border:1px solid #e8bb704d;border-radius:50%;animation:coffee-bubble-ring var(--bubble-cycle,4.5s) ease-out infinite;animation-delay:var(--bubble-delay,0s)}.coffee-steam{position:absolute;left:17%;top:10%;width:66%;height:48%;overflow:visible;pointer-events:none;filter:blur(1.2px)}.coffee-steam path{fill:none;stroke:#f5dfbd;stroke-width:3.5;stroke-linecap:round;opacity:0;animation:coffee-steam-rise 5.2s ease-in-out infinite;transform-origin:center bottom}.coffee-steam path:nth-child(2){stroke-width:5;animation-duration:6s;animation-delay:-2.1s}.coffee-steam path:nth-child(3){stroke-width:2.5;animation-duration:4.7s;animation-delay:-3.5s}@keyframes coffee-thread-shimmer{0%,to{opacity:.7;transform:scaleX(.7)}45%{opacity:.92;transform:scaleX(1)}70%{opacity:.75;transform:scaleX(.85)}}@keyframes coffee-drop-fall{0%,10%{top:0;opacity:0;transform:scale(.55,.65)}14%{top:0;opacity:.9;transform:scaleX(.85)}25%{top:14%;opacity:1;transform:scale(.8,1.25)}42%{top:52%;opacity:1;transform:scale(.7,1.45)}57%{top:calc(100% - 5px);opacity:.85;transform:scale(.9,.75)}60%,to{top:calc(100% - 5px);opacity:0;transform:scale(1.5,.3)}}@keyframes coffee-impact{0%,55%{opacity:0;transform:scale(.12,.5)}60%{opacity:.65;transform:scale(.25,.6)}83%{opacity:.25;transform:scaleX(.85)}to{opacity:0;transform:scale(1.2,1.15)}}@keyframes coffee-bubble-release{0%,12%{opacity:0;transform:scale(.2)}23%{opacity:.45;transform:scale(.5)}45%{opacity:.8;transform:scale(1)}56%{opacity:.55;transform:scale(1.12)}62%,to{opacity:0;transform:scale(.75)}}@keyframes coffee-bubble-ring{0%,54%{opacity:0;transform:scale(.7)}58%{opacity:.5;transform:scale(1)}76%,to{opacity:0;transform:scale(2.2)}}@keyframes coffee-steam-rise{0%{opacity:0;transform:translateY(13px) scaleX(.7)}22%{opacity:.22}48%{opacity:.4;transform:translate(-3px,-6px) scaleX(1)}75%{opacity:.18;transform:translate(4px,-20px) scaleX(1.2)}to{opacity:0;transform:translate(7px,-33px) scaleX(1.4)}}@media(prefers-reduced-motion:reduce){.coffee-thread{animation:none;opacity:.65}.coffee-bloom-bubble,.coffee-drop,.coffee-impact-ring,.coffee-steam{display:none}}[data-brew-animation-paused=true] *,[data-brew-animation-paused=true] :after,[data-brew-animation-paused=true] :before{animation-play-state:paused!important}@keyframes coffee-top-glow{0%,to{transform:scale(.88);opacity:.3}50%{transform:scale(1.12);opacity:.7}}@keyframes coffee-top-bed{0%,to{transform:scale(.98) rotate(0deg)}50%{transform:scale(1.025) rotate(1.2deg)}}@keyframes coffee-top-ripple{0%{transform:scale(.48);opacity:.9}50%{transform:scale(.78);opacity:.52}to{transform:scale(1);opacity:0}}@keyframes coffee-pour-bubble{0%,to{transform:scale(.55);opacity:.2}50%{transform:scale(1.25);opacity:.9}}@keyframes coffee-side-pour{0%,to{transform:translateX(calc(-50% - 1.4rem)) scaleY(.9);opacity:.76}50%{transform:translateX(calc(-50% + 1.4rem)) scaleY(1);opacity:1}}@keyframes coffee-grounds-settle{0%,to{transform:scaleY(.98) translateY(0)}50%{transform:scaleY(1.04) translateY(-2px)}}@keyframes coffee-grounds-particle{0%{transform:translateY(0);opacity:.75}50%{transform:translateY(18px);opacity:.4}to{transform:translateY(32px);opacity:0}}.brew-session{--brew-muted:var(--color-muted);--brew-gold:var(--color-primary);color:var(--color-foreground);background:var(--color-focus);font-size:14px;line-height:1.5}.brew-session-ready{background:var(--color-card);max-width:920px;margin:0 auto;padding:24px;border:1px solid var(--color-border);border-radius:24px;display:flex;flex-direction:column;gap:22px}.brew-session-header{padding:18px 22px 10px;flex-shrink:0}.brew-session-ready .brew-session-header{padding:0}.brew-brand-line{display:flex;justify-content:space-between;gap:12px;font-size:18px;letter-spacing:2px;color:var(--brew-muted)}.brew-session-state{letter-spacing:0;color:var(--brew-gold)}.brew-session-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.brew-session-title>div{min-width:0}.brew-session-title h1{font-size:16px;line-height:1.35;font-weight:600;margin:0;overflow-wrap:anywhere}.brew-session-title p{font-size:11px;color:var(--brew-muted);margin:5px 0 0}.brew-session-title>button{padding:6px 8px;font-size:9px;letter-spacing:.04em;flex-shrink:0}.brew-ready-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"visual selection" "progress selection";grid-template-rows:auto 1fr;gap:24px;align-items:start}.brew-ready-visual{grid-area:visual;min-width:0}.brew-ready-progress{grid-area:progress;min-width:0}.brew-selected-name{font-size:17px;margin:14px 0}.brew-ready-facts{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:42px 42px;gap:12px 10px;margin:14px 0 0}.brew-ready-facts>div{min-width:0;grid-column:span 3}.brew-ready-facts dt{color:var(--brew-muted);font-size:11px;line-height:1.5;margin:0 0 3px}.brew-ready-facts dd{color:var(--color-foreground);font-size:14px;font-weight:500;line-height:1.5;margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.brew-ready-facts .brew-fact-half{grid-column:span 6}.brew-ready-facts .brew-fact-wide{grid-column:1/-1}.brew-visual-stage{width:100%;height:clamp(180px,28dvh,310px);min-height:160px;border-radius:18px;background:var(--color-inset);border:1px solid var(--color-border)}.brew-visual-stage [data-brew-camera-view]{width:auto;height:100%;aspect-ratio:258/320;max-width:100%;margin:0 auto}.brew-session-ready .brew-visual-stage [data-brew-camera-view]{transform:scale(1.12);transform-origin:center}.brew-ready-pour-preview{overflow:hidden;display:grid;place-items:center}.brew-ready-pour-scene{display:block;width:100%;height:100%;min-height:0}.brew-visual-stage [data-brew-camera-view=side],.brew-visual-stage [data-brew-camera-view=top]{width:100%;aspect-ratio:auto}.brew-side-scene-frame{height:100%;display:grid;place-items:center}.brew-side-scene-frame>.brew-ready-pour-scene{height:calc(clamp(180px,28dvh,310px) - 2px);max-height:100%}.brew-session-active .brew-side-scene-frame>.brew-ready-pour-scene{transform:scale(1.15);transform-origin:center}@media(max-height:760px) and (min-width:640px){.brew-side-scene-frame>.brew-ready-pour-scene{height:218px}}@media(max-width:639px){.brew-side-scene-frame>.brew-ready-pour-scene{height:208px}}.brew-session-overlay{position:fixed;inset:0;z-index:60;background:var(--color-focus);display:flex;justify-content:center;overflow:hidden}.brew-session-active{position:relative;isolation:isolate;width:100%;max-width:720px;height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0)}.brew-session-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;padding:0 22px 14px}.brew-stopwatch{display:flex;align-items:center;justify-content:flex-end;text-align:right;align-self:center;flex-shrink:0}.brew-stopwatch-time{font-size:36px;line-height:1;letter-spacing:-1.5px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-foreground)}.brew-animation-space{position:relative}.brew-animation-progress{margin-top:14px}.brew-paused-label{position:absolute;top:12px;left:12px;border-radius:8px;padding:4px 8px;background:var(--color-card);color:var(--color-muted);font-size:10px;pointer-events:none}.brew-step-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;padding:13px 14px;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-card));gap:12px}.brew-step-metrics>div{min-width:0;text-align:center}.brew-step-metrics>div+div{border-left:1px solid var(--color-border);padding-left:12px}.brew-step-metrics span{display:block;font-size:11px;line-height:1.5;color:var(--brew-muted)}.brew-step-metrics strong{display:block;margin-top:4px;font-size:27px;line-height:1.3;font-weight:500;font-variant-numeric:tabular-nums;color:var(--brew-gold);white-space:nowrap}.brew-step-metrics small{font-size:13px;margin-left:3px;font-weight:400}.brew-step-metrics .brew-metric-action{font-size:18px;line-height:1.95;color:var(--color-foreground);white-space:normal;overflow-wrap:anywhere}.brew-current-instruction{padding:12px 15px 14px;border-top:1px solid var(--color-border)}.brew-current-instruction>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.brew-current-instruction strong{font-weight:500;color:var(--color-foreground)}.brew-current-instruction span{font-size:11px;color:var(--brew-muted);white-space:nowrap}.brew-current-instruction p{margin:7px 0 0;font-size:15px;color:var(--color-foreground);line-height:1.65;overflow-wrap:anywhere}.brew-current-instruction .brew-next-action{font-size:13px;color:var(--color-foreground)}.brew-current-instruction .brew-technique{font-size:14px;color:var(--color-muted)}.brew-recipe-details{border-top:1px solid var(--color-border);padding-top:12px;color:var(--color-foreground);font-size:16px}.brew-recipe-details summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:500}.brew-detail-content{font-size:16px;line-height:1.8;padding:12px 0;color:var(--color-foreground);overflow-wrap:anywhere;word-break:normal}.brew-detail-content h2{font-size:17px;font-weight:600;line-height:1.5;margin:0 0 14px}.brew-detail-content p{margin:12px 0;max-width:65ch}.brew-detail-preparation{margin-bottom:28px}.brew-detail-equipment{display:grid;gap:12px;margin:0 0 18px;padding:16px;background:var(--color-inset);border-radius:12px}.brew-detail-equipment>div{display:grid;grid-template-columns:minmax(64px,auto) 1fr;gap:12px}.brew-detail-equipment dt{font-size:13px;color:var(--brew-muted)}.brew-detail-equipment dd{margin:0;font-size:15px;line-height:1.65}.brew-detail-preparation ul{padding-left:20px;margin:16px 0}.brew-detail-preparation li{margin:10px 0}.brew-detail-steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}.brew-detail-steps>li{padding:16px;border-radius:14px;background:var(--color-inset);border:1px solid var(--color-border)}.brew-detail-step-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}.brew-detail-step-header h3{font-size:17px;font-weight:600;line-height:1.5;margin:0}.brew-detail-step-header h3 span{color:var(--brew-muted);font-weight:400}.brew-detail-time{font-size:13px;color:var(--brew-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.brew-detail-steps>li>p:last-child{margin-bottom:0}.brew-detail-content .brew-detail-technique{padding-top:12px;border-top:1px solid var(--color-border);font-size:14px;color:var(--brew-muted)}.brew-detail-technique span{display:block;font-size:12px;margin-bottom:3px}.brew-detail-content a{display:inline-block;margin-top:18px;text-decoration:underline;text-underline-offset:4px;color:var(--brew-muted);font-size:14px}.brew-session-footer{flex-shrink:0;padding:10px 22px max(14px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border);background:var(--color-focus)}.brew-session-actions{display:flex;gap:9px;align-items:center}.brew-session .brew-primary-action{flex:1;min-height:48px;border-radius:13px;background:var(--brew-gold);color:var(--color-background);font-weight:600;font-size:15px;padding:8px 12px;white-space:normal}.brew-session .brew-secondary-action{min-height:48px;border:1px solid var(--color-border);border-radius:13px;padding:8px 15px;color:var(--color-foreground)}.brew-session .brew-session-sound{min-height:44px;font-size:10px;color:var(--brew-muted);flex-direction:column;gap:3px;padding:4px 5px}.brew-debug-controls{margin-bottom:10px}.brew-debug-controls [role=group]{padding:4px;box-shadow:none}.brew-debug-controls [role=group] button{min-height:32px;font-size:11px}.brew-debug-seek{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--color-muted);margin-top:7px}.brew-debug-seek input{flex:1;min-width:0;accent-color:var(--color-primary);height:22px}.brew-debug-seek output{font-variant-numeric:tabular-nums}@media(min-width:900px){.brew-session-active{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.brew-session-body,.brew-session-footer,.brew-session-header{padding-left:30px;padding-right:30px}}@media(max-width:639px){.brew-ready-layout{grid-template-columns:1fr;grid-template-areas:"visual" "progress" "selection";grid-template-rows:auto;gap:18px}.brew-session-ready{padding:18px}.brew-session-ready .brew-visual-stage{height:210px}.brew-session-active .brew-session-title{display:grid;grid-template-columns:minmax(0,1fr) auto}.brew-session-active .brew-session-title h1{font-size:14px}.brew-session-active .brew-visual-stage{height:clamp(260px,35dvh,310px)}.brew-step-metrics .brew-metric-action{font-size:clamp(14px,4vw,18px);line-height:1.5;letter-spacing:-.02em;white-space:nowrap}}@media(max-height:760px){.brew-session-header{padding-top:10px}.brew-session-title{margin-top:6px}.brew-visual-stage{height:220px}.brew-stopwatch-time{font-size:32px}.brew-session-footer{padding-top:7px;padding-bottom:9px}}@media(max-width:350px){.brew-session-body,.brew-session-footer,.brew-session-header{padding-left:14px;padding-right:14px}.brew-stopwatch-time{font-size:30px}.brew-step-metrics{padding:11px 10px;gap:8px}.brew-step-metrics>div+div{padding-left:8px}.brew-step-metrics strong{font-size:23px}.brew-step-metrics .brew-metric-action{font-size:16px}.brew-session-title{gap:6px}.brew-session-title>button{font-size:8px;padding:5px}.brew-session-title>button svg{display:none}}.brew-session-body::-webkit-scrollbar{display:none}.brew-header-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px}.brew-session-active .brew-brand-line{font-size:14px;letter-spacing:1.3px;white-space:nowrap;flex-shrink:0}.brew-header-controls{gap:8px}.brew-header-actions,.brew-header-controls{display:flex;align-items:center;flex-shrink:0}.brew-header-actions{gap:6px}.brew-header-actions>button:first-child:not(:last-child){font-size:9px;padding:6px 8px}.brew-header-controls .brew-compact-action{width:44px;justify-content:center}.brew-header-controls .brew-compact-action,.brew-header-controls .brew-reset-action{height:44px;display:flex;align-items:center;border-radius:12px;background:var(--color-card);border:1px solid var(--color-border);color:var(--color-foreground)}.brew-header-controls .brew-reset-action{padding:0 10px;gap:6px;font-size:12px;font-weight:500}.brew-dev-access{display:flex;justify-content:flex-end;padding:12px 0}.brew-transition-glass.brew-reset-screen{z-index:20}.brew-screen-actions{position:absolute;left:50%;bottom:max(32px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:12px;width:min(360px,calc(100% - 40px))}.brew-screen-actions .brew-screen-action{flex:1;min-width:0}.brew-header-controls .brew-session-sound{width:44px;height:44px;padding:0;border-radius:14px}.brew-header-controls .brew-session-sound span{display:none}.brew-step-guide{margin:14px 0;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;background:var(--color-card)}.brew-completion-screen{position:relative;width:100%;height:100dvh;overflow:hidden}.brew-completion-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100% - 32px),560px)}.brew-completion-center [data-brew-completion-animation]{max-width:none}.brew-completion-center [data-brew-completion-animation]>p{position:absolute;top:100%;margin:12px 0 0;font-size:20px}.brew-completion-home{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);min-height:48px;padding:10px 28px;border:1px solid var(--color-border);border-radius:16px;color:var(--brew-gold);background:var(--color-card)}.brew-transition-glass{position:absolute;inset:0;z-index:5;background:linear-gradient(150deg,rgb(244 237 227/.13),rgb(190 174 160/.07) 45%,rgb(33 30 27/.44));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--color-foreground);isolation:isolate}.brew-transition-glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 10%,rgb(244 237 227/.1),transparent 65%);box-shadow:inset 0 1px rgb(244 237 227/.19)}.brew-countdown-glass{animation:brew-glass-reveal .9s cubic-bezier(.4,0,.2,1) 4.7s forwards}.brew-countdown-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px);text-align:center}.brew-countdown-title{font-size:18px;font-weight:500;letter-spacing:.02em;margin:0}.brew-countdown-number{height:174px;display:grid;place-items:center;font-size:132px;line-height:1;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-5px;text-shadow:0 4px 40px rgb(244 237 227/.13)}.brew-countdown-number span{grid-area:1/1}.brew-countdown-hint{font-size:14px;line-height:1.65;color:var(--color-foreground);margin:8px 0 0;word-break:keep-all}.brew-screen-action{min-width:128px;min-height:56px;padding:14px 24px;font-size:16px;line-height:24px;white-space:normal;text-align:center;border:1px solid var(--color-border);background:var(--color-glass);border-radius:14px;color:var(--color-foreground)}.brew-countdown-cancel{position:absolute;left:50%;bottom:max(32px,env(safe-area-inset-bottom));transform:translateX(-50%)}.brew-countdown-cancel,.brew-countdown-content,.brew-countdown-glass .brew-countdown-center{animation:brew-countdown-dismiss .3s ease-in 4.7s forwards}@keyframes brew-glass-reveal{0%{opacity:1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}to{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}@keyframes brew-countdown-dismiss{to{opacity:0}}@media(prefers-reduced-motion:reduce){.brew-countdown-glass{animation:brew-countdown-dismiss .1s linear 4.9s forwards}.brew-countdown-cancel,.brew-countdown-content,.brew-countdown-glass .brew-countdown-center{animation-duration:.1s;animation-delay:4.9s}}.brew-session-ready .brew-session-title{margin-top:0;gap:14px}.brew-session-ready .brew-session-title h1{font-size:18px;line-height:1.4;word-break:keep-all}.brew-session-ready .brew-ready-start{flex:0 0 auto;min-height:44px;min-width:88px;padding:10px 14px;font-size:14px;letter-spacing:0;border-radius:12px;gap:6px}.brew-ready-recipe-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:32px 24px;align-items:center;gap:4px 10px;margin-top:14px}.brew-selected-roaster{margin:0;font-size:12px;line-height:20px;color:var(--brew-muted);white-space:nowrap}.brew-ready-recipe-heading .brew-selected-name{grid-column:1/-1;grid-row:2;margin:0;min-width:0;font-size:16px;line-height:24px;white-space:nowrap}.brew-ready-recipe-heading>button{flex-shrink:0;font-size:9px;padding:5px 8px}.brew-session-ready .brew-recipe-summary{margin:8px 0 14px;color:var(--brew-muted);font-size:12px;line-height:1.65}.brew-ready-selection{grid-area:selection;display:flex;flex-direction:column;gap:18px;min-width:0}.brew-recipe-details{scroll-margin-top:12px}.brew-session-ready .brew-recipe-details{scroll-margin-top:calc(6rem + env(safe-area-inset-top,0px))}.brew-step-metrics .brew-countdown-metric{display:flex;align-items:center;justify-content:center;text-align:center}.brew-step-metrics .brew-countdown-metric strong{margin:0;font-size:40px;line-height:1.2;letter-spacing:-1px}.brew-step-metrics .brew-countdown-metric small{font-size:17px;letter-spacing:0}.brew-countdown-content{position:absolute;left:50%;top:calc(50% + 168px);transform:translateX(-50%);width:min(calc(100% - 40px),300px);text-align:center;padding-top:20px;border-top:1px solid var(--color-border)}.brew-content-eyebrow{margin:0 0 12px;font-size:10px;letter-spacing:.18em;color:var(--color-muted)}.brew-content-copy{margin:0;font-size:15px;line-height:1.8;word-break:keep-all;text-wrap:pretty}.brew-countdown-glass{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,4dvh,40px);padding:24px 20px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.brew-countdown-glass .brew-countdown-center{position:static;transform:none;width:100%;flex-shrink:0}.brew-countdown-content{width:min(100%,300px)}.brew-countdown-cancel,.brew-countdown-content{position:static;transform:none;flex-shrink:0}@media(max-height:700px){.brew-countdown-glass{gap:20px}.brew-countdown-number{height:100px;font-size:82px}.brew-countdown-content{padding-top:12px}}@media(max-height:480px) and (min-width:480px){.brew-countdown-glass{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;gap:16px 24px;padding:16px 24px}.brew-countdown-content{border-top:0;padding-top:0;justify-self:center}.brew-countdown-cancel{grid-column:1/-1;justify-self:center}}@media(max-height:600px){.brew-completion-center{top:calc(50% - 55px);width:min(calc(100% - 32px),calc(133.333dvh - 226.667px))}}