:root{--ink:#12302b;--muted:#5e706b;--paper:#fffdf7;--cream:#f7f0df;--yellow:#f5c84b;--coral:#e86e4d;--line:#dfe4da;--white:#fff;--shadow:0 18px 45px #12302b17;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--ink:#f0f5ef;--muted:#adc0b8;--paper:#14221f;--cream:#1c302b;--line:#355049;--white:#1a2a26;--shadow:0 18px 45px #0003}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.container{width:min(1120px,100% - 40px);margin-inline:auto}.skip-link{background:var(--yellow);z-index:10;padding:.7rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);z-index:5;backdrop-filter:blur(10px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:2rem;min-height:72px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:900;text-decoration:none;display:inline-flex}.brand em{color:var(--coral);font-style:normal}.brand-mark{background:var(--yellow);border-radius:.65rem;place-items:center;width:2rem;height:2rem;font-size:1.45rem;line-height:1;display:grid}nav{align-items:center;gap:1.15rem;font-size:.92rem;font-weight:700;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover,nav a.active{color:var(--coral)}.theme-toggle{border:1px solid var(--line);background:var(--white);width:2.25rem;height:2.25rem;color:var(--ink);border-radius:50%}.hero{background:radial-gradient(circle at 90% 20%,#f8d973 0 10%,#0000 11%),linear-gradient(135deg,#fffdf7 0%,#f7f0df 100%);padding:clamp(3.5rem,9vw,7rem) 0 4rem}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:4rem;display:grid}.eyebrow{color:var(--coral);letter-spacing:.12em;font-size:.76rem;font-weight:900}h1,h2,h3{letter-spacing:-.04em;margin:0 0 1rem;line-height:1.08}h1{max-width:780px;font-size:clamp(2.6rem,6vw,5.25rem)}h2{font-size:clamp(1.9rem,3vw,3rem)}h3{font-size:1.25rem}.lead{color:var(--muted);max-width:680px;font-size:clamp(1.1rem,2vw,1.35rem)}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.button{border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.85rem 1.2rem;font-weight:850;text-decoration:none;display:inline-flex}.button.primary{background:var(--ink);color:var(--white)}.button.secondary{background:var(--white);border:1px solid var(--line)}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #12302b1a}.hero-illustration{background:var(--ink);min-height:300px;box-shadow:var(--shadow);border-radius:2rem;position:relative;overflow:hidden}.hero-illustration:before{content:"";background:var(--yellow);border-radius:50%;width:220px;height:220px;position:absolute;top:-55px;right:-45px}.pot{background:#e86e4d;border:8px solid #f4a37b;border-radius:0 0 45px 45px;height:100px;position:absolute;bottom:22%;left:18%;right:18%}.pot:before{content:"";background:#f4a37b;border:8px solid #e86e4d;border-radius:50%;height:26px;position:absolute;top:-20px;left:-14%;right:-14%}.steam{color:var(--paper);letter-spacing:.4rem;font-size:4rem;position:absolute;top:15%;left:36%;transform:rotate(-8deg)}.section{padding:4.5rem 0}.section.tinted{background:var(--cream)}.section-head{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem;display:flex}.section-head p{color:var(--muted);max-width:520px;margin:0}.card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.card{background:var(--white);border:1px solid var(--line);border-radius:1.1rem;padding:1.35rem;text-decoration:none;box-shadow:0 4px 14px #12302b08}.card:hover{border-color:var(--yellow);transform:translateY(-2px)}.card p{color:var(--muted);margin:.4rem 0 0}.card-kicker{color:var(--coral);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:900}.page-intro{padding:clamp(2.5rem,7vw,5rem) 0 2rem}.page-intro .lead{max-width:780px}.answer{border-left:5px solid var(--yellow);background:var(--cream);border-radius:.25rem 1rem 1rem .25rem;margin:1.5rem 0;padding:1.2rem 1.3rem;font-size:1.08rem}.tool-layout{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:start;gap:1.2rem;display:grid}.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:1.25rem;padding:clamp(1.1rem,3vw,1.7rem)}.panel h2{font-size:1.65rem}.panel-subtitle{color:var(--muted);margin-top:-.5rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}label{gap:.35rem;font-size:.9rem;font-weight:800;display:grid}select,input[type=number],input[type=text]{width:100%;color:var(--ink);background:var(--paper);border:1px solid #b9c8c0;border-radius:.7rem;min-height:48px;padding:.75rem .8rem}.check{align-items:center;gap:.55rem;font-weight:700;display:flex}.check input{width:1.2rem;height:1.2rem;accent-color:var(--coral)}.result{background:var(--ink);color:var(--white);border-radius:1rem;margin-top:1.2rem;padding:1.1rem}.result strong{color:var(--yellow);margin:.25rem 0 .55rem;font-size:2.4rem;line-height:1;display:block}.result small{color:#d9e4dc}.note{color:var(--muted);font-size:.93rem}.timer-wrap{text-align:center}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:-.08em;color:var(--ink);margin:1.4rem 0;font-size:clamp(4.5rem,14vw,8rem);font-weight:900;line-height:1}.timer-wrap.is-focus{z-index:8;background:var(--ink);color:var(--white);place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.timer-wrap.is-focus .timer-display{color:var(--yellow)}.timer-wrap.is-focus .timer-controls,.timer-wrap.is-focus .timer-presets,.timer-wrap.is-focus .timer-top{width:100%;max-width:700px}.timer-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.timer-controls{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.timer-controls .button{min-width:112px}.timer-presets{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.1rem 0;display:flex}.preset{border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:999px;padding:.5rem .8rem;font-weight:750}.timer-status{min-height:1.7rem;color:var(--muted);font-weight:700}.timer-wrap.is-focus .timer-status{color:#d9e4dc}.alert{color:var(--coral);font-weight:750}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.85rem .75rem}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.8rem}tbody tr:hover{background:#fff9e9}.content-grid{grid-template-columns:1.1fr .9fr;gap:2rem;margin-top:3rem;display:grid}.content-grid ul{padding-left:1.2rem}.content-grid li{margin:.6rem 0}.faq-list{gap:.8rem;display:grid}details{background:var(--white);border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.1rem}summary{cursor:pointer;font-weight:850}details p{color:var(--muted);margin:.75rem 0 0}.link-row{flex-wrap:wrap;gap:.6rem;display:flex}.link-chip{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:.55rem .8rem;font-weight:750;text-decoration:none}.disclaimer{color:var(--muted);border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;font-size:.9rem}.converter-result{color:var(--coral);margin:1rem 0 0;font-size:1.6rem;font-weight:900}.site-footer{background:var(--ink);color:var(--white);margin-top:4rem;padding:3rem 0 1rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:2rem;display:grid}.footer-grid p{color:#b9cfc6;max-width:300px}.footer-grid strong{color:var(--yellow);margin-bottom:.6rem;display:block}.footer-grid a:not(.brand){color:#e3eee9;margin:.35rem 0;text-decoration:none;display:block}.footer-bottom{color:#b9cfc6;border-top:1px solid #31534b;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1rem;font-size:.85rem;display:flex}.search-box{border:1px solid var(--line);background:var(--white);max-width:680px;box-shadow:var(--shadow);border-radius:1rem;margin-top:1.5rem;padding:1.1rem}.search-box label{margin-bottom:.4rem}@media (width<=780px){.container{width:min(100% - 28px,1120px)}.header-inner{min-height:64px}nav{gap:.65rem;font-size:.8rem}nav a:nth-child(2){display:none}.hero-grid,.tool-layout,.content-grid{grid-template-columns:1fr;gap:1.4rem}.hero{padding-top:3rem}.hero-illustration{min-height:220px}.card-grid{grid-template-columns:1fr}.section-head{display:block}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.timer-display{font-size:clamp(4rem,24vw,7rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}