.coffee-page{min-height:100vh;color:var(--ink)}.coffee-nav,.coffee-hero,.coffee-workspace,.coffee-notes,.coffee-footer{width:min(1100px,100% - 40px);margin-inline:auto}.coffee-nav,.coffee-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.coffee-nav{border-bottom:1px solid var(--line);min-height:82px}.coffee-back,.coffee-footer{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none}.coffee-hero{max-width:840px;margin-left:max(20px,50vw - 550px);padding:80px 0 52px}.coffee-kicker{color:var(--muted);font-family:var(--font-dm-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:500}.coffee-kicker:before{background:var(--orange);content:"";border-radius:99px;width:24px;height:7px;margin-right:10px;display:inline-block}.coffee-hero h1{max-width:700px;font-size:clamp(52px,8vw,94px)}.coffee-hero>p:last-child{max-width:640px;color:var(--muted);margin:26px 0 0;font-size:18px;line-height:1.65}.coffee-workspace{border:1px solid var(--ink);background:var(--panel);box-shadow:10px 10px 0 var(--orange);border-radius:10px;grid-template-columns:minmax(0,1.24fr) minmax(310px,.76fr);display:grid;overflow:hidden}.coffee-controls,.coffee-result{padding:clamp(25px,4vw,45px)}.coffee-controls{border-right:1px solid var(--line);align-content:start;gap:25px;display:grid}.coffee-mode,.coffee-ratio{border:0;margin:0;padding:0}.coffee-mode legend,.coffee-ratio legend{color:var(--ink);margin-bottom:10px;font-size:13px;font-weight:800}.coffee-mode{flex-wrap:wrap;gap:10px 20px;display:flex}.coffee-mode label{color:var(--muted);font-size:14px;font-weight:700}.coffee-mode input{accent-color:var(--ink)}.coffee-field{color:var(--ink);gap:8px;font-size:13px;font-weight:800;display:grid}.coffee-field div{max-width:320px;position:relative}.coffee-field input,.coffee-ratio input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:4px;padding:0 38px 0 11px}.coffee-field span{color:var(--muted);font-family:var(--font-dm-mono), monospace;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.coffee-ratio{border-top:1px solid var(--line);gap:11px;padding-top:24px;display:grid}.coffee-ratio>label{max-width:180px;color:var(--ink);font-family:var(--font-dm-mono), monospace;align-items:center;gap:9px;font-weight:700;display:flex}.coffee-ratio input{min-height:40px;padding:0 10px}.coffee-ratio div{flex-wrap:wrap;gap:8px;display:flex}.coffee-ratio button{border:1px solid var(--line);color:var(--ink);font-family:var(--font-dm-mono), monospace;cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.coffee-ratio button:hover{background:var(--mint)}.coffee-ratio p{max-width:530px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.coffee-result{background:var(--ink);color:#fff}.coffee-result .coffee-kicker,.coffee-result-label,.coffee-local-note,.coffee-result dt,.coffee-water{color:#ffffffa6}.coffee-result h2{color:var(--acid);letter-spacing:-.08em;margin:0;font-size:clamp(58px,6vw,76px);line-height:.95}.coffee-result-label{margin:0 0 7px;font-size:13px;font-weight:700}.coffee-water{margin:13px 0 27px;font-size:14px}.coffee-result dl{gap:14px;margin:0 0 25px;display:grid}.coffee-result dl div{border-top:1px dashed #ffffff40;justify-content:space-between;align-items:baseline;gap:15px;padding-top:14px;display:flex}.coffee-result dt,.coffee-result dd{margin:0;font-size:13px}.coffee-result dd{font-family:var(--font-dm-mono), monospace;font-weight:500}.coffee-result button{background:var(--acid);width:100%;min-height:47px;color:var(--ink);cursor:pointer;border:0;border-radius:4px;font-weight:800}.coffee-result button:disabled{cursor:not-allowed;opacity:.45}.coffee-local-note{margin:13px 0 0;font-size:11px;line-height:1.5}.coffee-notes{grid-template-columns:.72fr 1.28fr;gap:9vw;padding:100px 0;display:grid}.coffee-notes h2{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:1.05}.coffee-notes>div:last-child{color:var(--muted);font-size:15px;line-height:1.7}.coffee-notes p{margin:0 0 20px}.coffee-notes a{color:var(--ink);font-weight:800}.coffee-footer{border-top:1px solid var(--line);min-height:82px;padding:20px 0}.coffee-footer span{margin-right:auto}@media (width<=760px){.coffee-hero{margin-inline:20px;padding-top:58px}.coffee-workspace,.coffee-notes{grid-template-columns:1fr}.coffee-controls{border-right:0;border-bottom:1px solid var(--line)}.coffee-notes{gap:30px;padding:70px 0}}@media (width<=560px){.coffee-nav,.coffee-footer{gap:12px}.coffee-back,.coffee-footer{font-size:11px}.coffee-mode{display:grid}.coffee-footer span{max-width:150px}}