:root{color-scheme:light dark;--bg:#f4f5ef;--panel:#fff;--ink:#18362f;--muted:#4c625a;--line:#cedad3;--accent:#17634b;--wash:#e9f3ec}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header{max-width:1040px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line)}header a{font-weight:750;text-decoration:none}header span,.help,footer{font-size:14px;color:var(--muted)}main{max-width:1000px;margin:auto;padding:42px 24px}h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:12px 0 22px;letter-spacing:-1.4px}h2{font-size:25px;line-height:1.3;margin:12px 0}p{margin:12px 0 20px}.intro{font-size:20px;max-width:690px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 32px}nav a{border:1px solid var(--line);padding:8px 15px;border-radius:30px;text-decoration:none;background:var(--panel)}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}section{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;scroll-margin-top:24px}section>div:first-child p{color:var(--muted)}.step{font-weight:700;font-size:14px;color:var(--accent)}label{display:block;font-weight:600;font-size:15px;margin-bottom:16px}select,input,button{display:block;width:100%;min-width:0;max-width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel);color:var(--ink);margin-top:7px;min-height:48px}button{background:var(--accent);color:#fff;cursor:pointer;font-weight:650;border:0}button:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid #b77e16;outline-offset:3px}.result{grid-column:1/-1;background:var(--wash);padding:20px;border-radius:10px}.result:empty{display:none}.amount{font-size:32px;font-weight:750;line-height:1.3}.metadata{font-size:14px;color:var(--muted)}.result a{display:inline-block;margin:5px 18px 5px 0}aside{border-left:4px solid var(--accent);padding:4px 24px;margin:38px 0}footer{border-top:1px solid var(--line);padding-top:24px}@media(max-width:650px){main{padding:28px 16px}header{padding:18px 16px}section{grid-template-columns:minmax(0,1fr);padding:20px;gap:12px}h2{font-size:23px}.intro{font-size:18px}.amount{font-size:29px}}@media(prefers-color-scheme:dark){:root{--bg:#101d19;--panel:#192c24;--ink:#e4f0e8;--muted:#b4c9be;--line:#415c4e;--accent:#80dcb2;--wash:#233c30}button{color:#10291d}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}