/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#080706;--foreground:#fff8e6;--accent:#fcbe11;--accent-soft:#fcbe112b;--panel:#14110e;--panel-strong:#1d1813;--line:#fff8e624;--line-strong:#fcbe117a;--muted:#b8a98f;--muted-strong:#dac9aa;--metal-dark:#383838;--metal-mid:#9d9d96;--metal-light:#efeee5;--shadow:#00000080}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{color:var(--foreground);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;background:radial-gradient(circle at 50% 0,#fcbe111f,#0000 24rem),radial-gradient(circle at 85% 90%,#66391d38,#0000 24rem),linear-gradient(135deg,#080706 0%,#120e0b 52%,#070605 100%)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh;padding:18px;overflow-x:hidden}.site-layout{max-width:1180px;margin:0 auto}.content-stack{gap:24px;display:grid}.machine-panel{background:linear-gradient(145deg, #ffffff0d, transparent 34%), var(--panel);border:1px solid var(--line);box-shadow:0 30px 90px var(--shadow);border-radius:30px;flex-direction:column;gap:22px;max-width:820px;margin:0 auto;padding:clamp(16px,3vw,30px);display:flex}.gear-section{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0b,#0000 36%),#14110ed1;border-radius:30px;gap:20px;max-width:820px;margin:24px auto 0;padding:clamp(18px,3vw,30px);scroll-margin-top:22px;display:grid;box-shadow:0 24px 72px #00000061}.gear-heading{gap:10px;display:grid}.gear-heading h2{color:var(--foreground);letter-spacing:0;max-width:12ch;font-size:clamp(1.65rem,4vw,2.7rem);font-weight:820;line-height:1}.gear-heading p:not(.app-kicker){color:var(--muted-strong);max-width:64ch;font-size:.98rem;line-height:1.55}.gear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.gear-card{border:1px solid var(--line);background:#fff8e60b;border-radius:22px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.gear-photo{aspect-ratio:4/3;border-bottom:1px solid var(--line);color:var(--foreground);text-align:center;background:radial-gradient(circle at 50% 38%,#fcbe116b,#0000 54%),radial-gradient(circle at 50% 72%,#fff8e61f,#0000 40%),linear-gradient(145deg,#fff8e61c,#fff8e606);flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 42px #fcbe111f}.gear-photo span{color:var(--accent);letter-spacing:.02em;font-size:clamp(1.75rem,5vw,2.8rem);font-weight:900}.gear-photo img{filter:drop-shadow(0 5px 9px #00000073);image-rendering:pixelated;object-fit:contain;width:120px;height:120px}.gear-photo small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;font-size:.72rem;font-weight:800}.gear-copy{gap:9px;padding:16px;display:grid}.gear-copy p{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:860}.gear-copy h3{color:var(--foreground);font-size:1.14rem;font-weight:820;line-height:1.05}.gear-copy span{color:var(--muted-strong);font-size:.88rem;line-height:1.45}.gear-link{background:var(--accent);color:#151009;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin:auto 16px 16px;font-size:.9rem;font-weight:900;text-decoration:none;display:flex}.gear-link:focus-visible{outline-offset:4px;outline:3px solid #fcbe1180}.guide-section{border-top:1px solid var(--line);gap:22px;max-width:820px;margin:8px auto 0;padding:28px 4px 0;display:grid}.guide-heading{gap:10px;display:grid}.guide-heading h2{color:var(--foreground);font-size:clamp(1.55rem,3.2vw,2.25rem);font-weight:820;line-height:1}.guide-heading p:not(.app-kicker){color:var(--muted-strong);max-width:68ch;font-size:.96rem;line-height:1.55}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-grid article{border-left:2px solid #fcbe1180;gap:8px;padding:4px 14px 4px 16px;display:grid}.guide-grid article>span{color:var(--accent);letter-spacing:.14em;font-size:.68rem;font-weight:900}.guide-grid h3{color:var(--foreground);font-size:1rem;font-weight:820;line-height:1.1}.guide-grid p{color:var(--muted);font-size:.86rem;line-height:1.48}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;max-width:820px;margin:4px auto 0;padding:2px 4px 26px;font-size:.78rem;display:flex}.site-footer span{color:var(--muted-strong);margin-right:auto;font-weight:800}.site-footer a,.back-link{color:var(--muted-strong);text-underline-offset:3px}.site-footer a:hover,.back-link:hover{color:var(--accent)}.info-page{min-height:100vh;padding:24px 18px}.info-page-inner{background:linear-gradient(145deg, #ffffff0d, transparent 34%), var(--panel);border:1px solid var(--line);box-shadow:0 30px 90px var(--shadow);border-radius:30px;gap:18px;max-width:760px;margin:0 auto;padding:clamp(24px,5vw,52px);display:grid}.info-page h1{color:var(--foreground);letter-spacing:0;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:820;line-height:.95}.info-page section{border-top:1px solid var(--line);gap:8px;padding-top:18px;display:grid}.info-page h2{color:var(--foreground);font-size:1.1rem;font-weight:820}.info-page p{color:var(--muted-strong);max-width:66ch;line-height:1.65}.info-lede{font-size:1.08rem}.back-link{margin-top:6px;font-weight:800}.bean-page{min-height:100vh;padding:18px}.bean-page-inner,.bean-article-shell{gap:24px;margin:0 auto;display:grid}.bean-page-inner{max-width:920px}.bean-article-shell{max-width:1080px}.bean-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;padding:4px;display:flex}.bean-nav a{color:var(--muted-strong);font-size:.84rem;font-weight:820;text-decoration:none}.bean-nav a:hover,.bean-nav a:focus-visible{color:var(--accent)}.bean-index-header{background:linear-gradient(145deg, #ffffff0d, transparent 34%), var(--panel);border:1px solid var(--line);box-shadow:0 30px 90px var(--shadow);border-radius:28px;gap:14px;padding:clamp(24px,5vw,52px);display:grid}.bean-index-header h1,.bean-review-header h1{color:var(--foreground);letter-spacing:0;font-size:clamp(2.4rem,8vw,5.2rem);font-weight:820;line-height:.94}.bean-index-header>p:not(.app-kicker){color:var(--muted-strong);max-width:62ch;font-size:1.05rem;line-height:1.65}.bean-review-list{gap:16px;display:grid}.bean-review-card{border:1px solid var(--line);background:#14110ee6;border-radius:24px;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:0;display:grid;overflow:hidden}.bean-review-card:not(:has(.bean-card-image)){grid-template-columns:1fr}.bean-card-image{object-fit:cover;width:100%;height:100%;min-height:300px}.bean-card-copy{align-content:center;gap:14px;padding:clamp(20px,4vw,34px);display:grid}.bean-card-meta,.bean-review-byline{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 18px;font-size:.78rem;font-weight:760;display:flex}.bean-card-meta span{color:var(--accent);text-transform:uppercase}.bean-card-copy h2{color:var(--foreground);font-size:clamp(1.55rem,4vw,2.35rem);font-weight:820;line-height:1}.bean-card-copy>p{color:var(--muted-strong);line-height:1.6}.bean-note-row,.bean-facts{flex-wrap:wrap;gap:8px;display:flex}.bean-note-row span,.bean-facts span{border:1px solid var(--line);color:var(--muted-strong);background:#fff8e611;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:780}.bean-read-link,.bean-verdict a,.bean-calculator-cta>a{background:var(--accent);color:#100c07;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:42px;padding:0 16px;font-size:.82rem;font-weight:860;text-decoration:none;display:inline-flex}.bean-read-link:hover,.bean-verdict a:hover,.bean-calculator-cta>a:hover{background:#ffd04d}.bean-article-layout{grid-template-areas:"header""image""intro""ad""recipe""body""verdict";gap:20px;width:100%;max-width:820px;margin:0 auto;display:grid}.bean-review-header,.bean-review-intro,.bean-recipe-card,.bean-review-body,.bean-verdict,.bean-calculator-cta,.related-beans{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0b,#0000 36%),#14110ee6;border-radius:26px}.bean-review-header{grid-area:header;gap:14px;padding:clamp(24px,5vw,48px);display:grid}.bean-review-byline{border-top:1px solid var(--line);padding-top:14px}.bean-hero-image{border:1px solid var(--line);border-radius:26px;grid-area:image;margin:0;overflow:hidden}.bean-hero-image img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.bean-review-intro{grid-area:intro;gap:16px;padding:clamp(20px,4vw,34px);display:grid}.bean-review-intro>p{color:var(--foreground);font-size:clamp(1.15rem,3vw,1.45rem);font-weight:680;line-height:1.55}.bean-article-ad{grid-area:ad}.google-ad-slot{width:100%;min-height:100px;display:block}.bean-recipe-card{grid-area:recipe;gap:14px;padding:clamp(20px,4vw,34px);display:grid}.bean-recipe-card h2,.bean-review-body h2,.bean-verdict h2,.bean-calculator-cta h2,.related-beans h2{color:var(--foreground);font-size:clamp(1.35rem,3vw,1.8rem);font-weight:820;line-height:1.05}.bean-recipe-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bean-recipe-card dl>div{border:1px solid var(--line);background:#fff8e60b;border-radius:14px;gap:4px;padding:13px;display:grid}.bean-recipe-card dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:760}.bean-recipe-card dd{color:var(--foreground);font-size:1rem;font-weight:820}.bean-review-body{grid-area:body;gap:26px;padding:clamp(24px,5vw,44px);display:grid}.bean-review-body section{gap:10px;display:grid}.bean-review-body section+section{border-top:1px solid var(--line);padding-top:24px}.bean-review-body p,.bean-verdict>p:not(.app-kicker),.bean-calculator-cta p:not(.app-kicker){color:var(--muted-strong);line-height:1.7}.bean-verdict{grid-area:verdict;gap:14px;padding:clamp(24px,5vw,40px);display:grid}.bean-calculator-cta{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:820px;margin:0 auto;padding:clamp(20px,4vw,32px);display:flex}.bean-calculator-cta>div{gap:8px;display:grid}.related-beans{gap:16px;width:100%;max-width:820px;margin:0 auto;padding:clamp(20px,4vw,32px);display:grid}.related-beans>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.related-beans a{border:1px solid var(--line);background:#fff8e60b;border-radius:16px;gap:5px;padding:16px;text-decoration:none;display:grid}.related-beans a span{color:var(--accent);text-transform:uppercase;font-size:.7rem;font-weight:800}.related-beans a strong{color:var(--foreground);line-height:1.15}.bean-footer{width:100%}.hero-lockup{gap:10px;display:grid}.hero-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;display:flex}.hero-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-kicker,.glass-kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:850}.jump-link{color:#08130a;background:linear-gradient(#72db89,#379a54);border:1px solid #a2ffb866;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:.76rem;font-weight:850;text-decoration:none;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff47,0 10px 24px #0b371642}.jump-link:hover{background:linear-gradient(#85e79a,#42aa60);border-color:#b1ffc480;transform:translateY(-1px)}.jump-link:focus-visible{outline-offset:4px;outline:3px solid #7ae39180}.hero-lockup h1{color:var(--foreground);letter-spacing:0;max-width:680px;font-size:clamp(1.95rem,5.3vw,3.65rem);font-weight:780;line-height:.96}.hero-lockup h1 span{display:block}.dial-card{border:1px solid var(--line);background:linear-gradient(#fff8e60e,#fff8e605);border-radius:28px;min-width:0;padding:clamp(16px,3vw,24px)}.dial-card legend{color:var(--muted-strong);padding:0 10px;font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:860}.dial-stage{--dial-angle:0deg;grid-template:"left top right""left face right"1fr/minmax(120px,1fr) minmax(220px,270px) minmax(120px,1fr);justify-content:center;gap:12px 16px;margin-top:12px;display:grid}.dial-face{aspect-ratio:1;background:repeating-conic-gradient(from -64deg,#ffffff2e 0deg 1.5deg,#0000 1.5deg 8deg),radial-gradient(circle at 35% 25%,#ffffffa6,#0000 20%),radial-gradient(circle,#252525 0 34%,#0000 35%),conic-gradient(from 120deg,#323232,#dad8cd,#6f6f69,#f4f1e7,#3e3e3c,#323232);border:1px solid #ffffff38;border-radius:999px;grid-area:face;place-self:center;width:100%;min-width:0;max-width:270px;position:relative;box-shadow:inset 0 0 30px #00000094,inset 0 0 0 10px #0000002e,0 20px 44px #0000005c}.dial-arc{border:3px solid #fff8e657;border-color:#fff8e657 #fff8e657 #0000 #0000;border-radius:999px;position:absolute;inset:14%;transform:rotate(-45deg)}.tick,.dial-pointer,.dial-cap{position:absolute;top:50%;left:50%}.tick{transform-origin:bottom;background:#141210c7;border-radius:999px;width:4px;height:22%}.tick-left{transform:translate(-50%,-97%)rotate(-46deg)}.tick-center{transform:translate(-50%,-97%)}.tick-right{transform:translate(-50%,-97%)rotate(46deg)}.dial-pointer{height:37%;transform:translate(-50%, -98%) rotate(var(--dial-angle));transform-origin:bottom;background:linear-gradient(90deg,#0e0d0c,#36332f,#080706);border:1px solid #ffffff2e;border-radius:999px;width:9px;transition:transform .82s cubic-bezier(.12,.72,.2,1.18);box-shadow:0 4px 12px #0000008f}.dial-pointer:after{background:var(--accent);content:"";border:2px solid #11100f;border-radius:999px;width:13px;height:13px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fcbe11a6}.dial-cap{background:radial-gradient(circle at 34% 26%,#fff,#bfbdb4 28%,#5e5e59 70%,#2e2e2b 100%);border:8px solid #11100f;border-radius:999px;width:38%;height:38%;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #ffffff38,0 0 0 1px #ffffff3d}.dial-option{border:1px solid var(--line);color:var(--foreground);cursor:pointer;text-align:center;background:#fff8e60b;border-radius:17px;min-height:86px;padding:13px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.dial-option-left{grid-area:left;align-self:start;margin-top:64px}.dial-option-top{grid-area:top;justify-self:center;width:100%;max-width:220px}.dial-option-right{grid-area:right;align-self:start;margin-top:64px}.dial-option:hover{border-color:#fcbe1180;transform:translateY(-1px)}.dial-option:focus-visible{outline-offset:3px;outline:3px solid #fcbe1180}.dial-option.active{background:var(--accent-soft);border-color:var(--line-strong);box-shadow:inset 0 -4px 0 var(--accent)}.dial-option span{font-size:.98rem;font-weight:840;line-height:1.12;display:block}.dial-option small{color:var(--muted);margin-top:7px;font-size:.76rem;line-height:1.28;display:block}.recipe-panel{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.ratio-bubble{background:var(--accent);color:#151009;border-radius:999px;align-self:center;place-items:center;gap:2px;min-width:78px;padding:9px 13px;display:grid}.ratio-bubble span{letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:860}.ratio-bubble strong{font-size:1rem;font-weight:900;line-height:1}.slider-label{color:var(--muted);grid-template-columns:1fr auto;gap:11px;font-size:.82rem;font-weight:760;display:grid}.slider-label strong{color:var(--foreground);font-size:1rem}.slider-label input{accent-color:var(--accent);cursor:pointer;grid-column:1/-1;width:100%}.brew-stage{flex-direction:column;align-items:center;gap:0;padding-top:6px;display:flex}.brew-button{background:radial-gradient(circle at 35% 28%, #fff3b7, var(--accent) 42%, #ba7900 100%);color:#151009;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:999px;width:min(320px,82vw);height:118px;margin-bottom:8px;font-size:clamp(1.25rem,4vw,1.9rem);font-weight:920;transition:box-shadow .14s,transform .14s,filter .14s;box-shadow:0 14px #6f4300,0 24px 38px #00000070,inset 0 0 0 3px #fff8e661}.brew-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.brew-button:active:not(:disabled),.brew-button:disabled{transform:translateY(7px);box-shadow:0 7px #6f4300,0 16px 28px #0000006b,inset 0 0 0 3px #fff8e652}.brew-button:focus-visible{outline-offset:6px;outline:4px solid #fcbe117a}.group-head{z-index:2;background:linear-gradient(#d9d8cf,#73736e 48%,#282827);border:1px solid #ffffff38;border-radius:0 0 28px 28px;width:min(280px,72vw);height:62px;margin-top:10px;position:relative;box-shadow:inset 0 5px 12px #ffffff2e,0 14px 30px #0006}.spout{background:linear-gradient(#f2f1e8,#666661 62%,#1c1c1b);border-radius:0 0 12px 12px;width:34px;height:30px;position:absolute;top:44px}.spout.left{left:calc(50% - 62px)}.spout.right{right:calc(50% - 62px)}.stream{opacity:0;background:linear-gradient(#7f3b13,#c06925 52%,#5a230c);border-radius:999px;width:8px;height:0;position:absolute;top:70px}.stream.left{left:calc(50% - 49px)}.stream.right{right:calc(50% - 49px)}.brew-stage.brewing .stream{animation:2.15s ease-in forwards pour-stream}.glass-wrap{width:min(520px,100%);margin-top:38px}.glass{background:linear-gradient(90deg,#ffffff38,#0000 13% 86%,#ffffff2e),#ffffff09;border:2px solid #ffffff52;border-radius:34px 34px 52px 52px;min-height:clamp(320px,55vw,430px);position:relative;overflow:hidden;box-shadow:inset 0 0 22px #ffffff14,0 26px 70px #0000006b}.glass:before{content:"";opacity:.55;z-index:3;background:#ffffff2e;border-radius:999px;width:14px;height:72%;position:absolute;top:10%;left:8%}.espresso-fill{z-index:1;background:linear-gradient(#d79536 0 10%,#7b3512 22%,#351406 100%);height:0;transition:height .28s;position:absolute;bottom:0;left:0;right:0}.crema{background:radial-gradient(circle at 18% 48%,#ffec9fad,#0000 16%),radial-gradient(circle at 72% 52%,#ffd76f8f,#0000 14%),linear-gradient(#e0a348,#b86c23);width:100%;height:24px;display:block}.brew-stage.brewing .espresso-fill{animation:2.15s ease-in-out forwards fill-glass}.brew-stage.done .espresso-fill{height:82%}.glass-copy{text-align:center;z-index:4;flex-direction:column;justify-content:center;align-items:center;padding:clamp(22px,5vw,38px);display:flex;position:absolute;inset:0}.glass-copy h2{color:var(--foreground);letter-spacing:0;max-width:10ch;margin-top:12px;font-size:clamp(2rem,7vw,4.2rem);font-weight:820;line-height:.96}.glass-copy p:not(.glass-kicker){color:#fff0c9;max-width:32ch;margin-top:18px;font-size:clamp(1rem,2.8vw,1.3rem);font-weight:680;line-height:1.32}.brew-stage.done .glass-copy{animation:.36s ease-out both reveal-copy}.recommendation-content{flex-direction:column;align-items:center;max-width:410px;display:flex;transform:translateY(12px)}.brew-stage.brewing .recommendation-content{clip-path:inset(100% 0 0);animation:2.15s ease-in-out forwards reveal-with-coffee}.brew-stage.done .recommendation-content{clip-path:inset(0)}.recommendation-content h2{color:var(--foreground);text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(1.55rem,5vw,2.95rem);font-weight:840;line-height:.98}.recommendation-content p{color:#fff0c9;max-width:30ch;margin-top:14px;font-size:clamp(.88rem,2.1vw,1.04rem);font-weight:720;line-height:1.28}.cup-bubbles{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.cup-bubbles span{color:#fff6db;background:#fff8e624;border:1px solid #fff8e642;border-radius:999px;padding:8px 10px;font-size:clamp(.7rem,1.8vw,.82rem);font-weight:820;line-height:1.2}@keyframes pour-stream{0%{opacity:0;height:0}12%{opacity:1;height:220px}82%{opacity:1;height:220px}to{opacity:0;height:90px}}@keyframes fill-glass{0%{height:0}to{height:82%}}@keyframes reveal-with-coffee{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes reveal-copy{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width>=1240px){.bean-article-layout:has(.bean-article-ad){grid-template-columns:minmax(0,820px) 240px;grid-template-areas:"header ad""image ad""intro ad""recipe ad""body ad""verdict.";max-width:1080px}.bean-article-ad{align-self:start;min-height:280px;position:sticky;top:18px}}@media (width<=720px){.site-shell{padding:10px}.hero-topline{flex-direction:column;align-items:flex-start}.hero-links{width:100%}.machine-panel{border-radius:24px}.gear-section{border-radius:24px;margin-top:16px}.gear-grid,.guide-grid{grid-template-columns:1fr}.site-footer span{flex-basis:100%;margin-right:0}.hero-lockup h1{font-size:clamp(2.05rem,12vw,3.35rem)}.recipe-readout{border-radius:22px;flex-direction:column;align-items:flex-start;max-width:none}.dial-stage{grid-template:"top top""left right""face face"/1fr 1fr}.dial-face{max-width:240px}.dial-option{min-height:74px}.dial-option-left,.dial-option-right{margin-top:0}.dial-option-top{max-width:none}.recipe-panel{grid-template-columns:1fr}.ratio-bubble{justify-self:center}.brew-button{height:102px}.glass{min-height:360px}.bean-page{padding:10px}.bean-review-card{grid-template-columns:1fr}.bean-card-image{aspect-ratio:16/10;min-height:0}.bean-calculator-cta{flex-direction:column;align-items:flex-start}.bean-calculator-cta>a{width:100%}.related-beans>div{grid-template-columns:1fr}}