:root{color-scheme:light;--paper:#eef3e4;--ink:#172920;--dark:#142c24;--line:#bdcbb7;--signal:#c8ed83;--muted:#4c6054}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:inherit}a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #45791f;outline-offset:3px}
.mast{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin:auto;max-width:1140px;padding:1.2rem 2rem;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:1.3rem;letter-spacing:-.04em}.brand strong{font-weight:800}.mast>a:last-child{font-size:.91rem}.shell{max-width:1140px;margin:auto;padding:4.5rem 2rem 2.5rem}.intro{max-width:760px;margin-bottom:2.5rem}.eyebrow{font:700 .8rem/1.4 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem}h1,h2,p{margin-top:0}h1{font-size:clamp(2.75rem,7.5vw,6.4rem);letter-spacing:-.085em;line-height:.96;margin-bottom:1.25rem}h2{font-size:1.65rem;letter-spacing:-.045em;line-height:1.12}.lede{font-size:1.15rem;color:var(--muted);max-width:48ch}
.workbench{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden}.controls,.results{padding:clamp(1.15rem,4vw,2.5rem)}.controls{background:#f8fbf4}.control-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.control-header h2{margin:.25rem 0 1.4rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{font-weight:650;display:block;font-size:.9rem}label span{color:var(--muted);font-weight:500}input,select{display:block;width:100%;font:inherit;color:inherit;margin-top:.35rem;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:white;min-width:0}.hint{margin:1.1rem 0 0;font-size:.88rem;color:var(--muted)}.error{margin:1rem 0 0;color:#9b271f}.results{background:var(--dark);color:#edf9e9}.results .eyebrow,.volume{color:var(--signal)}.hero-value{font-weight:780;font-size:clamp(2.8rem,6vw,5.25rem);line-height:1;letter-spacing:-.08em;overflow-wrap:anywhere}.hero-value span{font-size:.35em;letter-spacing:0}.result-label{color:#c9decf;margin:.45rem 0 1.4rem}.results label{font-size:.8rem}progress{display:block;width:100%;height:.85rem;accent-color:var(--signal);margin:.35rem 0 1.2rem}.totals{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.totals>div{border-top:1px solid #587267;padding-top:.65rem}.totals strong{display:block;font-size:1.4rem;overflow-wrap:anywhere}.totals>div>span{font-size:.83rem;color:#c9decf}.method{display:grid;grid-template-columns:.75fr 1.25fr;gap:2.25rem;margin:3rem 0 0;padding-top:2rem;border-top:1px solid var(--line)}.method p:not(.eyebrow){color:var(--muted)}.bottom{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:.85rem}
@media(max-width:670px){.mast{padding-inline:1rem}.shell{padding:2.6rem 1rem 1.5rem}.workbench,.method{grid-template-columns:1fr}.method{gap:0}}
@media(max-width:350px){.fields{grid-template-columns:1fr}}