:root{--bg:#f5f4ef;--ink:#172033;--muted:#687181;--line:#d9dce2;--paper:#fff;--accent:#e75b3c;--touch:2.75rem}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.55 "Segoe UI",system-ui,sans-serif}button,input,select{font:inherit}.calc-shell{width:min(100% - 2rem,78rem);margin:auto;padding:1.25rem 0 4rem}.calc-nav{display:flex;gap:.5rem;color:var(--muted);font-size:.78rem}.calc-nav a{color:inherit}.calc-hero{padding:3rem 0 2rem}.calc-hero h1{max-width:14ch;margin:.5rem 0 1rem;font:700 clamp(2.7rem,10vw,6.5rem)/.92 Georgia,serif;letter-spacing:-.06em}.calc-hero p{max-width:42rem;color:var(--muted);font-size:1.05rem}.kicker{font-size:.7rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.calc-grid{display:grid;gap:1rem}.calc-card{background:var(--paper);border:1px solid var(--line);padding:1.25rem}.field{margin-bottom:1rem}.field label{display:block;margin-bottom:.35rem;font-size:.75rem;color:var(--muted);font-weight:700}.field input,.field select{width:100%;min-height:var(--touch);padding:.65rem .8rem;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:0}.calc-btn{min-height:var(--touch);padding:.7rem 1rem;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.calc-btn.secondary{background:transparent;color:var(--ink)}.result-card{background:var(--ink);color:#fff;padding:1.5rem;min-height:14rem}.result-card .label{font-size:.7rem;letter-spacing:.14em;color:#aeb9ca}.result-card .big{display:block;margin:.5rem 0;font:700 clamp(3rem,12vw,7rem)/1 Georgia,serif}.result-card p{color:#c5ccda}.quick-row{display:flex;gap:.5rem;flex-wrap:wrap}.quick-row button{min-height:var(--touch);padding:.55rem .8rem;border:1px solid var(--line);background:#fff;cursor:pointer}.note{margin-top:1rem;padding:1rem;border-left:.25rem solid var(--accent);background:#fff}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}:focus-visible{outline:.18rem solid #f2ae2e;outline-offset:.15rem}@media(min-width:48rem){.calc-grid.two{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr)}.calc-card,.result-card{padding:1.75rem}.calc-hero{padding-block:4.5rem 2.5rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}