@font-face{font-family:Golos;src:url('/assets/golos-cyrillic.woff2') format('woff2');font-display:swap;font-weight:400;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Golos;src:url('/assets/golos-latin.woff2') format('woff2');font-display:swap;font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent:#174e64;--paper:#f7f9fc;--ink:#203642;--muted:#516b79;--line:#c9d7df;--yellow:#f0d476;--white:#fff;font-family:Golos,'Trebuchet MS',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:var(--accent);text-underline-offset:4px}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:white;padding:.8rem 1.2rem}button:hover{filter:brightness(.92)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c18517;outline-offset:4px}header,main,footer{width:min(1180px,calc(100% - 64px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:bold;text-decoration:none;letter-spacing:-1px}.mark{display:inline-block;color:#b27824;margin-right:8px;font-size:31px;vertical-align:middle}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:14px}section{padding:65px 0;scroll-margin-top:15px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro{padding:20px 0}.caption{font-size:14px;color:var(--muted)}h1{font-size:clamp(36px,4.5vw,58px);line-height:1.08;letter-spacing:-2.5px;font-weight:400;margin:24px 0}p{font-size:16px;line-height:1.7;max-width:65ch}.intro>p{max-width:38ch}.small{font-size:13px;color:var(--muted);line-height:1.6}.cup{width:200px;height:137px;border:8px solid var(--accent);border-top:0;border-radius:0 0 75px 75px;margin:70px 0 35px 35px;position:relative;transform:rotate(-7deg);background:#e5eff4}.cup:after{content:'';position:absolute;right:-62px;top:13px;width:50px;height:61px;border:9px solid var(--accent);border-left:0;border-radius:0 40px 40px 0}.coffee{height:28px;background:#734f38;border:7px solid var(--accent);border-radius:50%;position:absolute;top:-15px;left:-8px;right:-8px}.cup span{display:block;padding:52px 15px;color:var(--accent);text-align:center;font-size:15px}.bench{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 12px 0 #e5edf2}.tabs{display:flex;border-bottom:1px solid var(--line);gap:6px;padding-bottom:16px}.tabs button{flex:1;background:transparent;color:var(--muted);border-color:transparent;padding:10px 5px;font-size:13px}.tabs button[aria-pressed=true]{background:var(--accent);color:white}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}label{display:block;color:var(--muted);font-size:13px}input,textarea{display:block;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px;width:100%;border-radius:4px;margin:8px 0 16px}input[type=number]{font-size:23px}.water{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:5px 0 16px}.water span:first-child{flex-basis:100%;font-size:13px;color:var(--muted)}#water{font-size:64px;letter-spacing:-3px;line-height:1.1}.recipe-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:12px 0;border-block:1px solid var(--line);color:var(--muted)}ol{padding-left:22px;font-size:14px;line-height:1.6}li{padding:5px 0 5px 4px}.timer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:17px}.timer>div{margin-right:auto}.timer span{display:block;font-size:12px;color:var(--muted)}#clock{font-size:30px;font-variant-numeric:tabular-nums}.timer button{padding:10px 12px;font-size:13px}.quiet{color:var(--accent);background:transparent;border-color:var(--line)}.save{width:100%;background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.error{color:#a03826;font-size:13px;margin:0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;border-top:1px solid var(--line);padding-top:28px}h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:0 0 25px}.section-head p{margin:0;color:var(--muted);font-size:14px}.guides{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:40px 0}.guides p{font-size:14px}.symbol{font-size:42px;color:var(--accent)}h3{font-size:20px;font-weight:400}details{border-top:1px solid var(--line);padding:20px 0;font-size:14px}summary{cursor:pointer}details p{font-size:14px}.journal-actions{margin:16px 0}.entry{display:grid;grid-template-columns:140px 1fr auto;border-top:1px solid var(--line);padding:22px 0;gap:20px}.entry h3{margin:0 0 10px}.entry p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.entry time{font-size:13px;color:var(--muted)}.entry button{align-self:start;font-size:12px}footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding:30px 0 40px;font-size:12px;color:var(--muted)}footer p{font-size:12px;margin-right:auto}footer .brand{font-size:20px}footer span{flex-basis:100%}dialog{width:min(470px,calc(100% - 32px));border:1px solid var(--line);border-radius:10px;padding:28px;color:var(--ink);background:var(--white)}dialog::backdrop{background:#20364299}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}noscript{display:block;padding:20px}@media(max-width:900px){.workspace{gap:35px}.guides{grid-template-columns:1fr 1fr}.cup{margin-left:0}.tabs button{font-size:12px}h1{letter-spacing:-1.5px}}@media(max-width:650px){header,main,footer{width:calc(100% - 32px)}header{align-items:start;gap:20px;padding:20px 0;flex-wrap:wrap}nav{gap:22px;flex-wrap:wrap}.workspace{grid-template-columns:1fr;gap:20px;padding-top:20px}.intro{position:relative;padding-right:0}.intro h1{font-size:40px}.cup{display:none}.intro>p{max-width:none}.intro>.small{display:none}.bench{padding:18px}.inputs{gap:12px}.section-head{grid-template-columns:1fr;gap:0}.guides{gap:24px;grid-template-columns:1fr}section{padding:40px 0}.entry{grid-template-columns:1fr auto}.entry time{grid-column:1/-1}.timer{gap:7px}footer{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}