*{box-sizing:border-box}:root{--bg:#0b0d10;--card:#14181d;--text:#e9eef3;--muted:#a6b4c4;--accent:#0d6efd;--ok:#198754;--danger:#dc3545;--sep:#27303a}.light{--bg:#f6f8fa;--card:#ffffff;--text:#0b0d10;--muted:#5b6b7b;--accent:#0d6efd;--ok:#198754;--danger:#dc3545;--sep:#e9eef3}html,body{height:100%}body{margin:0;font:16px/1.4 'Segoe UI',system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:12px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--card);position:sticky;top:0;z-index:10;border-bottom:1px solid var(--sep)}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:28px;height:28px;border-radius:6px}.brand h1{margin:0;font-weight:800}.brand .subtitle{font-weight:600;opacity:.85}.actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--sep);background:var(--card);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}.btn.ghost{background:transparent}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:900px){.grid.two{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--sep);border-radius:14px;padding:12px}.card-title{margin:0 0 8px 0;font-weight:700;opacity:.9}.field{display:flex;flex-direction:column;gap:6px}.field.row{flex-direction:row;align-items:center;gap:14px}.field.dir{flex-direction:row;align-items:center;gap:14px}.field label{font-weight:600;color:var(--muted)}input{background:transparent;border:1px solid var(--sep);color:var(--text);border-radius:10px;padding:8px 10px}.radio{display:flex;align-items:center;gap:6px}.radio.green input{accent-color:var(--ok)}.radio.red input{accent-color:var(--danger)}.row{display:flex;align-items:center;gap:10px;margin:8px 0}.hint{color:var(--muted)}.summary{font-size:24px;font-weight:800}.kv{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-weight:600}.kv b{font-size:22px}.sep{height:1px;background:var(--sep)}.results .card{min-height:180px}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0;color:var(--muted)}.hidden{display:none}