:root{--bg:#f6f5f1;--card:#fff;--ink:#1c1c1a;--mute:#6b6a64;--line:#e3e1d9;--pos:#1b7f4b;--warn:#b26a00;--neg:#b3261e;--acc:#1c1c1a}
@media(prefers-color-scheme:dark){:root{--bg:#141412;--card:#1e1e1b;--ink:#ecebe6;--mute:#9b9a92;--line:#33332f;--pos:#4fc98a;--warn:#f0a93a;--neg:#ff6b61;--acc:#ecebe6}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:24px 16px 48px}
h1{font-size:1.75rem;line-height:1.2;margin:0 0 8px}
h2{font-size:1.1rem;margin:24px 0 6px}
.sub{color:var(--mute);margin:0 0 20px}
fieldset{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:14px 16px;margin:0 0 14px}
legend{padding:0 6px;font-weight:600;font-size:.95rem}
label{display:block;font-size:.85rem;color:var(--mute)}
input,select{display:block;width:100%;margin-top:4px;padding:10px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px}
input:focus,select:focus{outline:2px solid var(--acc);outline-offset:1px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
@media(min-width:560px){.grid{grid-template-columns:repeat(4,1fr)}}
.hint{font-size:.8rem;color:var(--mute);margin:8px 0 0}
#results{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:6px}
.big{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:12px}
.big div{flex:1;min-width:140px}
.big .label{display:block;font-size:.8rem;color:var(--mute)}
.big strong{font-size:2rem;line-height:1.1}
.pos{color:var(--pos)}.warn{color:var(--warn)}.neg{color:var(--neg)}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
td{padding:7px 0;border-top:1px solid var(--line)}
td:last-child{text-align:right;font-weight:600}
tr.sep td{border-top:2px solid var(--line)}
.verdict{margin:14px 0 0;font-weight:500}
.faq p{color:var(--mute);font-size:.95rem}
footer{margin-top:32px;font-size:.8rem;color:var(--mute)}