@font-face{font-family:Manrope;src:url(../manrope.ttf) format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#102729;--surface:#193538;--fg:#f2f5ec;--muted:#b8cac7;--a:#c2e58c;--b:#87d3e1;--border:#718e8d;--error:#ffb9a3}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 Manrope,system-ui,sans-serif}header,main,footer{max-width:1140px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:170px}a{color:var(--a)}button,.cta{font:inherit;min-height:48px;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--fg);padding:10px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:var(--a);color:var(--bg);font-weight:700}button img{width:20px;height:20px;filter:brightness(0) invert(1)}button.primary img{filter:none}h1{font-size:clamp(36px,5vw,58px);line-height:1.1;letter-spacing:-.035em}h2{font-size:26px;line-height:1.25}p{color:var(--muted);max-width:780px}.eyebrow{color:var(--a);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700}.setups{display:grid;grid-template-columns:1fr 1fr;gap:24px}fieldset{min-width:0;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:20px;margin:0}legend{padding:0 8px;font-weight:700;font-size:24px}fieldset:first-child legend{color:var(--a)}fieldset:last-child legend{color:var(--b)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:15px}.unit{color:var(--muted);font-size:13px;display:block}input{display:block;width:100%;min-height:48px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;padding:10px;margin-top:6px}input[aria-invalid=true]{border:2px solid var(--error)}:focus-visible{outline:3px solid var(--b);outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.notice{border-left:3px solid var(--b);padding:4px 18px}.error{color:var(--error)}.results{background:var(--surface);border-radius:20px;padding:24px;margin:32px 0;scroll-margin-top:20px}.deltas{display:grid;grid-template-columns:1fr 1fr;gap:20px}.deltas strong{display:block;font-size:36px}.deltas img{width:20px;filter:brightness(0) invert(1)}svg{display:block;width:100%;height:auto;max-height:320px;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:15px}th,td{padding:10px 4px;border-bottom:1px solid var(--border);text-align:left}td:first-child,th:first-child{color:var(--muted)}details{border:1px solid var(--border);border-radius:16px;padding:18px;margin:24px 0}summary{cursor:pointer;font-weight:700;min-height:48px}code{display:block;white-space:normal;overflow-wrap:anywhere;margin:12px 0}footer{border-top:1px solid var(--border)}footer nav{display:flex;flex-wrap:wrap;gap:20px}footer a{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:20px}.setups{grid-template-columns:1fr}.fields{gap:16px}.deltas strong{font-size:30px}}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f7f6f0;--surface:#fff;--fg:#172b2d;--muted:#526564;--a:#476828;--b:#176b7d;--error:#9a382a}button img,.deltas img{filter:none}.primary{color:#fff}}