:root{--ink:#0b2545;--teal:#0f766e;--coral:#f25f4c;--sun:#ffd166;--bg:#f7f9fb;--card:#fff}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.fv{background:var(--ink);color:#fff;padding:8px 12px;display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:14px;position:sticky;top:0;z-index:9}
.fv a{color:var(--sun)}.exit{background:var(--coral);color:#fff;border:0;border-radius:6px;padding:8px 12px;font-weight:700;font-size:14px;cursor:pointer}
header{background:var(--teal);color:#fff;padding:20px 16px}header h1{margin:0;font-size:1.5rem}header p{margin:4px 0 0}
main{max-width:720px;margin:auto;padding:16px}.card{background:var(--card);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0002}
label{display:block;font-weight:600;margin:12px 0 4px}input,select{width:100%;padding:12px;font-size:16px;border:2px solid #cbd5e1;border-radius:8px}
input:focus,select:focus,button:focus{outline:3px solid var(--sun);outline-offset:2px}
fieldset{border:0;padding:0;margin:12px 0}legend{font-weight:600}.chk{display:flex;gap:8px;align-items:flex-start;font-weight:400;margin:6px 0}.chk input{width:auto;margin-top:4px}
.out{background:#e6f4f1;border-left:6px solid var(--teal);padding:12px;border-radius:8px}.big{font-size:1.6rem;font-weight:800}
.warn{background:#fff4e5;border-left:6px solid var(--coral);padding:12px;border-radius:8px}
.note{font-size:14px;background:#eef2f7;padding:12px;border-radius:8px}small,.src{font-size:13px;color:#334155}table{width:100%;border-collapse:collapse}td{padding:6px 0;border-bottom:1px solid #e2e8f0}td:last-child{text-align:right;font-weight:700}