:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#193c35;background:#f1f1e9;font-synthesis:none;--surface:#fffef8;--field:#f3f4ee;--ink:#193c35;--muted:#596b62;--border:#d5ddd2;--accent:#d6ed8e}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}#auth-area{padding:18px 24px;min-height:65px}main{margin:auto;width:min(900px,calc(100% - 40px));padding:28px 0 70px}[hidden]{display:none!important}.calculator{display:grid;grid-template-columns:1.08fr 1fr;background:var(--surface);border-radius:28px;box-shadow:0 20px 80px #15352b0c;padding:12px}.inputs{padding:36px 34px 24px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px}h1{font-size:34px;letter-spacing:-1.4px;margin:14px 0 32px;line-height:1.15}h1 span{color:#7f9c3c}label{display:block;font-size:13px;font-weight:650;margin:23px 0 10px}.field{display:flex;align-items:center;background:var(--field);border:1px solid var(--border);border-radius:10px;padding:0 15px;gap:10px;min-height:53px;color:var(--muted)}input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:600 20px inherit;font-size:20px;padding:13px 0;outline:none}.field:focus-within{outline:2px solid #7a9a43;outline-offset:2px}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}button{font:inherit;cursor:pointer}.presets button{border:1px solid var(--border);border-radius:8px;padding:11px 0;color:var(--ink);background:var(--surface);font-weight:600}.presets button.selected{background:var(--ink);color:var(--surface);border-color:var(--ink)}button:focus-visible{outline:3px solid #97b854;outline-offset:3px}.results{border-radius:19px;background:#193e35;color:#f6f8e9;padding:46px 32px 28px;display:flex;flex-direction:column;justify-content:space-between}.results .eyebrow{color:#ccddbb}output{display:block;font-size:clamp(40px,5.5vw,60px);font-weight:550;letter-spacing:-2px;margin-top:12px;overflow-wrap:anywhere}.rounding{font-size:12px;color:#bdd0c1;margin-top:12px}dl{margin:52px 0 35px}dl div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #476257}dt{color:#d2ded2;font-size:14px}dd{margin:0;font-weight:600;overflow-wrap:anywhere}#reset{width:100%;background:var(--accent);color:#193c35;border:0;border-radius:9px;padding:15px 18px;text-align:left;font-weight:650;display:flex;justify-content:space-between}#error{font-size:12px;color:#a13224;min-height:17px;margin-bottom:0}@media(max-width:620px){main{width:calc(100% - 24px);padding:8px 0 24px}.calculator{grid-template-columns:1fr}.inputs{padding:24px 20px 16px}h1{font-size:30px;margin-bottom:25px}.results{padding:30px 24px}dl{margin:24px 0}output{font-size:48px}#auth-area{padding:12px}}@media(prefers-color-scheme:dark){:root{color:#e6eddc;background:#101f1a;--surface:#20342b;--field:#182a23;--ink:#e6eddc;--muted:#b6c5b8;--border:#4b6254}.results{background:#102a22;color:#f6f8e9}h1 span{color:#d6ed8e}#error{color:#ffb8a5}}