.coffee-page{max-width:var(--content-max);padding:var(--space-6) var(--space-6) var(--space-section);color:var(--fg-1);margin:auto}.coffee-page [hidden]{display:none!important}.coffee-crumb,.coffee-small{font:var(--t-small);color:var(--fg-3)}.coffee-crumb{margin-bottom:var(--space-8)}.coffee-back{margin-bottom:var(--space-5);scroll-margin-top:var(--space-6)}.coffee-back a{min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--accent);border-radius:var(--radius-input);background:var(--bg-card);color:var(--accent);font:var(--t-label);align-items:center;text-decoration:none;display:inline-flex}.coffee-back a:hover{background:var(--bg-page-tint);text-decoration:underline}.coffee-label{font:var(--t-label);margin:0 0 var(--space-3)}.coffee-intro{max-width:var(--read-col);margin-bottom:var(--space-8)}.coffee-intro>.coffee-label{color:var(--accent)}.coffee-intro h1{font:400 var(--fs-title-leaf)/1.02 var(--font-display);letter-spacing:-.035em;margin:0 0 var(--space-4)}.coffee-intro em{color:var(--accent);font-style:normal}.coffee-intro>p:last-child{font-size:var(--fs-body);margin:0}.coffee-page fieldset{border:0;min-width:0;margin:0;padding:0}.coffee-presets>div{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.coffee-presets label{cursor:pointer;flex:1;position:relative}.coffee-presets input{left:var(--space-3);top:var(--space-4);accent-color:var(--accent);position:absolute}.coffee-presets label>span{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);border:1px solid var(--border-1);border-radius:var(--radius-input);height:100%;min-height:44px;display:block}.coffee-presets input:checked+span{background:var(--bg-card);border:2px solid var(--accent);padding:calc(var(--space-3) - 1px) calc(var(--space-3) - 1px) calc(var(--space-3) - 1px) calc(var(--space-10) - 1px)}.coffee-presets strong{font:var(--t-label);display:block}.coffee-presets small{font:var(--t-small);color:var(--fg-3);margin-top:var(--space-1);display:block}.coffee-setup{gap:var(--space-8);grid-template-columns:1.25fr 1fr;align-items:center;display:grid}.coffee-scene{isolation:isolate;background:var(--bg-inset);border-radius:var(--radius-card);aspect-ratio:1.5;position:relative;overflow:hidden}.coffee-counter{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.coffee-machine{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;width:48%;height:70%;position:absolute;bottom:12%;left:28%}.coffee-grinder{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;width:26%;height:55%;position:absolute;bottom:13%;left:4%}.coffee-pin{border:2px solid var(--bg-card);background:var(--accent);width:44px;height:44px;color:var(--accent-fg);font:var(--t-label);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute}.coffee-pin-machine{top:36%;left:66%}.coffee-pin-grinder{top:48%;left:8%}.coffee-pin-built-in{top:20%;left:38%}.coffee-scene-note{top:var(--space-4);left:var(--space-4);font:var(--t-small);background:var(--bg-page);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);position:absolute}.coffee-item{gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--border-1);scroll-margin-top:var(--space-section-lg);grid-template-columns:24px minmax(0,1fr) auto;display:grid}.coffee-number{font:var(--t-badge);color:var(--accent)}.coffee-item h2{font:400 var(--fs-subsection)/1.05 var(--font-display);margin:0 0 var(--space-2)}.coffee-item p{margin:0 0 var(--space-1)}.coffee-own{align-items:center;gap:var(--space-2);font:var(--t-small);margin-top:var(--space-2);cursor:pointer;min-height:44px;display:flex}.coffee-own input{width:18px;height:18px;accent-color:var(--accent)}.coffee-price{font:var(--t-label);white-space:nowrap}.coffee-shopping>p{margin:var(--space-4) 0 0}.coffee-total{align-items:baseline;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:2px solid var(--fg-1);font:var(--t-label);flex-wrap:wrap;display:flex}.coffee-total strong{font:400 var(--fs-subsection)/1.05 var(--font-display)}.coffee-total>.coffee-small{margin-left:auto}.coffee-calculator{gap:var(--space-16);padding:var(--space-10) 0 var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.coffee-controls h2{font:400 var(--fs-section-sm)/1.05 var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-8)}.coffee-controls label{font:var(--t-label);justify-content:space-between;gap:var(--space-3);align-items:center;display:flex}.coffee-controls label>span:last-child{font:400 var(--fs-subsection)/1 var(--font-display);color:var(--accent)}.coffee-controls input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:44px;margin:var(--space-2) 0 var(--space-4);display:block}.coffee-result>strong{font:400 var(--fs-rank-lg)/1 var(--font-display);letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;display:inline-block}.coffee-per{font:var(--t-label);margin-left:var(--space-2);white-space:nowrap}.coffee-bar{height:var(--space-2);background:var(--bg-page-tint);margin:var(--space-4) 0;border-radius:var(--radius-chip);overflow:hidden}.coffee-bar>span{background:var(--accent);border-radius:inherit;height:100%;display:block}.coffee-formula{gap:var(--space-4);font:var(--t-small);margin:0 0 var(--space-2);align-items:center;display:flex}.coffee-formula b{font:var(--t-label);display:block}.coffee-result>.coffee-small{margin:0}.coffee-comparison{gap:var(--space-16);padding:var(--space-6) 0;border-block:1px solid var(--border-1);grid-template-columns:1fr 1fr;display:grid}.coffee-comparison strong{font:400 var(--fs-subsection)/1.05 var(--font-display)}.coffee-comparison strong>span{font:var(--t-small)}.coffee-chain{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;display:flex}.coffee-chain img{-o-object-fit:contain;object-fit:contain}.coffee-bar-cafe>span{background:var(--fg-3);width:100%}.coffee-closing{font-size:var(--fs-body);margin:var(--space-6) 0}.coffee-method{font:var(--t-small);color:var(--fg-3);max-width:var(--read-col)}.coffee-method summary{cursor:pointer;min-height:44px;font:var(--t-label)}.coffee-method p{margin:var(--space-3) 0}.coffee-method ul{padding-left:var(--space-5)}.coffee-method li{margin:var(--space-2) 0}.coffee-explore{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-1)}.coffee-explore h2{font:var(--t-label);margin:0 0 var(--space-3)}.coffee-explore ul{gap:0 var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin:0;padding:0;list-style:none;display:grid}.coffee-explore a{min-height:44px;font-size:var(--fs-body);align-items:center;display:flex}.coffee-return{margin-top:var(--space-3)}@media (width<=800px){.coffee-setup{gap:var(--space-6);grid-template-columns:1fr}.coffee-scene{max-height:460px}.coffee-calculator,.coffee-comparison{gap:var(--space-8)}}@media (width<=600px){.coffee-page{padding:var(--space-5) var(--space-4) var(--space-section)}.coffee-crumb{margin-bottom:var(--space-6)}.coffee-presets>div{gap:var(--space-2)}.coffee-presets input{left:var(--space-2);top:var(--space-3)}.coffee-presets label>span{padding:var(--space-2) var(--space-2) var(--space-2) var(--space-8)}.coffee-presets input:checked+span{padding:calc(var(--space-2) - 1px) calc(var(--space-2) - 1px) calc(var(--space-2) - 1px) calc(var(--space-8) - 1px)}.coffee-presets .coffee-option-detail{display:none}.coffee-item{gap:var(--space-2);grid-template-columns:20px minmax(0,1fr)}.coffee-price{grid-column:2}.coffee-total{gap:var(--space-3)}.coffee-total>.coffee-small{width:100%;margin:0}.coffee-calculator{gap:var(--space-6);padding:var(--space-8) 0;grid-template-columns:1fr}.coffee-controls h2{margin-bottom:var(--space-6)}.coffee-comparison{gap:var(--space-6);grid-template-columns:1fr}.coffee-cafe{border-bottom:1px solid var(--border-1);padding-bottom:var(--space-4)}.coffee-result>strong{font-size:var(--fs-rank-lg)}.coffee-scene-note{top:var(--space-2);left:var(--space-2)}}.coffee-meter{width:100%;height:var(--space-2);margin:var(--space-4) 0;background:var(--bg-page-tint);border-radius:var(--radius-chip);border:0;display:block}.coffee-meter::-webkit-meter-bar{background:var(--bg-page-tint);height:var(--space-2);border:0}.coffee-meter::-webkit-meter-optimum-value{background:var(--accent)}.coffee-meter::-moz-meter-bar{background:var(--accent)}.coffee-page .coffee-pin:hover{color:var(--accent-fg);background:var(--accent-hi)}.coffee-quiz{max-width:var(--read-col);padding-bottom:var(--space-8)}.coffee-quiz h2,.coffee-match h2,.coffee-step-title{font:400 var(--fs-section-sm)/1.1 var(--font-display);margin:0 0 var(--space-5)}.coffee-quiz button{color:var(--fg-1);font-family:var(--font-sans);cursor:pointer}.coffee-quiz [data-quiz-step=routine] button{text-align:left;border:0;border-bottom:1px solid var(--border-1);width:100%;padding:var(--space-5) 0;gap:var(--space-2) var(--space-4);font-size:var(--fs-body);background:0 0;grid-template-columns:1fr auto;display:grid}.coffee-quiz [data-quiz-step=routine] button>span:first-child{font-weight:600}.coffee-quiz [data-quiz-step=routine] small{font:var(--t-small);color:var(--fg-3);grid-column:1}.coffee-quiz [data-quiz-step=routine] button>span:last-child{color:var(--accent);grid-area:1/2/3;align-self:center}.coffee-quiz [data-quiz-step=routine] button:hover{background:var(--bg-page-tint)}.coffee-quiz-actions{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.coffee-quiz-actions button,.coffee-match button{min-height:44px;padding:var(--space-2) 0;color:var(--accent);font:var(--t-label);cursor:pointer;background:0 0;border:0;text-decoration:underline}.coffee-match{border-top:2px solid var(--accent);padding-top:var(--space-6);margin-bottom:var(--space-6);max-width:var(--read-col)}.coffee-match h2{color:var(--accent);margin-bottom:var(--space-3)}.coffee-match p{margin:0 0 var(--space-3)}.coffee-method-choices{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.coffee-method-choices label{align-items:center;gap:var(--space-2);min-height:44px;font:var(--t-label);cursor:pointer;display:flex}.coffee-method-choices input{accent-color:var(--accent)}.coffee-drink-choice{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-8);font:var(--t-label);flex-wrap:wrap;display:flex}.coffee-drink-choice select{min-height:44px;padding:var(--space-2) var(--space-3);font:var(--t-label);color:var(--fg-1);background:var(--bg-page);border:1px solid var(--border-1);border-radius:var(--radius-input)}.coffee-quiz button:focus-visible,.coffee-match button:focus-visible,.coffee-drink-choice select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#coffee-cafe-price{font:inherit;color:inherit}.coffee-journey{margin:0 0 var(--space-8);scroll-margin-top:var(--space-6)}.coffee-journey ol{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.coffee-journey li{border-top:2px solid var(--border-1);padding-top:var(--space-2)}.coffee-journey li[data-state=current],.coffee-journey li[data-state=done]{border-color:var(--accent)}.coffee-journey button{align-items:center;gap:var(--space-2);width:100%;min-height:44px;color:var(--fg-3);font:var(--t-label);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.coffee-journey button:disabled{cursor:default;opacity:1}.coffee-journey [aria-current=step]{color:var(--accent)}.coffee-step-number{font:400 var(--fs-subsection)/1 var(--font-display)}.coffee-page [tabindex="-1"]:focus{outline:none}.coffee-chosen-drink{align-items:center;gap:var(--space-4);font:var(--t-label);margin:0 0 var(--space-4);display:flex}.coffee-chosen-drink button{min-height:44px;color:var(--accent);font:var(--t-label);padding:var(--space-2);cursor:pointer;background:0 0;border:0;text-decoration:underline}.coffee-match{max-width:none;padding:0 0 var(--space-5);margin:0 0 var(--space-6);border-top:0;border-bottom:1px solid var(--border-1)}.coffee-match-path{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.coffee-match-path>span:first-child{font:var(--t-label)}.coffee-match-path h2{font:400 var(--fs-subsection)/1.1 var(--font-display);color:var(--fg-1);margin:0}.coffee-match>#coffee-match-detail{font:var(--t-small);color:var(--fg-3)}.coffee-adjust summary{font:var(--t-label);color:var(--accent);cursor:pointer;align-content:center;width:fit-content;min-height:44px;display:list-item}.coffee-adjust .coffee-drink-choice{margin:var(--space-3) 0}.coffee-adjust .coffee-small{margin-top:var(--space-3)}.coffee-step-title,#coffee-cost-title{scroll-margin-top:var(--space-6)}.coffee-step-title{margin-top:0}.coffee-presets label>span{gap:var(--space-3);align-items:center;display:flex}.coffee-option-photo{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;flex:none;width:80px;height:80px}.coffee-journey button:focus-visible,.coffee-chosen-drink button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=800px){.coffee-presets label>span{flex-direction:column;align-items:flex-start}.coffee-option-photo{align-self:center}}@media (width<=540px){.coffee-journey ol{gap:var(--space-2)}.coffee-journey button{align-items:flex-start;gap:var(--space-1);padding-bottom:var(--space-2);flex-direction:column}.coffee-match-path{gap:var(--space-2)}.coffee-presets label>span{padding:var(--space-3) var(--space-2)}.coffee-presets input:checked+span{padding:calc(var(--space-3) - 1px) calc(var(--space-2) - 1px)}.coffee-option-photo{width:64px;height:64px}.coffee-presets strong{overflow-wrap:anywhere}}.coffee-setup-comparison{padding:var(--space-8) 0;border-bottom:1px solid var(--border-1)}.coffee-setup-comparison h2{font:400 var(--fs-section-sm)/1.05 var(--font-display);margin:0 0 var(--space-4)}.coffee-setup-comparison h2 em{color:var(--accent);font-style:normal}.coffee-setup-comparison table{table-layout:fixed;border-collapse:collapse;width:100%;margin:var(--space-5) 0}.coffee-setup-comparison th,.coffee-setup-comparison td{text-align:left;padding:var(--space-4) var(--space-2);border-top:1px solid var(--border-1);vertical-align:top;overflow-wrap:anywhere}.coffee-setup-comparison thead th{font:var(--t-small);color:var(--fg-3)}.coffee-setup-comparison th:first-child{width:46%;padding-left:0}.coffee-setup-comparison tbody th{font:var(--t-label)}.coffee-setup-comparison tbody th>.coffee-small{margin-top:var(--space-2);display:block}.coffee-setup-comparison td{font:var(--t-label);font-variant-numeric:tabular-nums;white-space:nowrap}.coffee-setup-comparison td strong{font:inherit;color:var(--accent)}.coffee-setup-comparison [data-selected]{background:var(--bg-inset)}.coffee-setup-comparison button{min-height:44px;margin-top:var(--space-2);padding:var(--space-2) 0;color:var(--accent);font:var(--t-label);cursor:pointer;background:0 0;border:0;text-decoration:underline;display:block}.coffee-setup-comparison button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.coffee-setup-comparison tbody th a{align-items:center;min-height:24px;display:inline-flex}