:root{color-scheme:light dark;--bg:#f4f7fb;--card:#fff;--ink:#102033;--muted:#526071;--line:#dbe4ef;--brand:#075f54;--soft:#e9f8f3;--danger:#a83226;--shadow:0 14px 34px rgba(15,23,42,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,-apple-system,sans-serif;line-height:1.55}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--card);padding:10px;z-index:10}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}.top{border-bottom:1px solid var(--line);background:var(--card)}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}.brand{font-weight:900;text-decoration:none;letter-spacing:-.02em}.nav{display:flex;gap:12px;align-items:center}.nav a,.theme{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--card);color:var(--ink);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.hero{padding:52px 0 34px;background:#102a43;color:#fff}.crumb{font-size:.85rem;color:#cbd5e1}.hero h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.04;letter-spacing:-.045em;max-width:820px;margin:18px 0 12px}.lead{max-width:780px;color:#e2e8f0;font-size:1.04rem}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chips span{border:1px solid #5f7690;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.main{padding:28px 0 56px}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.card h2{margin:0 0 6px;letter-spacing:-.025em}.intro{color:var(--muted);margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field label{font-weight:850;font-size:.87rem}.field input{width:100%;min-height:46px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;padding:10px 12px}.field input:focus,.btn:focus,.theme:focus,.nav a:focus{outline:3px solid #7dd3fc;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.btn{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-weight:900;padding:10px 14px;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.error{color:var(--danger);font-weight:800;min-height:1.5em;margin:10px 0 0}.result{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.result[hidden]{display:none}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--soft)}.metric strong,.metric span{display:block}.metric strong{font-size:1.2rem;overflow-wrap:anywhere}.metric span{font-size:.79rem;color:var(--muted);margin-top:4px}.status{color:var(--muted);font-size:.86rem;min-height:1.4em}.note{border-left:4px solid var(--brand);background:var(--soft);border-radius:8px;padding:14px;color:var(--muted);margin-bottom:14px}.side h2{font-size:1.08rem}.side ul{padding-left:20px;color:var(--muted)}.side li+li{margin-top:9px}.side a{font-weight:850;color:var(--brand)}html[data-theme="dark"]{--bg:#0b1220;--card:#121c2b;--ink:#f1f5f9;--muted:#bdc9d8;--line:#334155;--brand:#2dd4bf;--soft:#12302d;--shadow:none}.hero{color:#fff}html[data-theme="dark"] .btn.primary{background:#0f766e;color:#fff;border-color:#5eead4}@media(max-width:760px){.layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.wrap{width:min(calc(100% - 24px),1080px)}.hero{padding:38px 0 28px}.card{padding:17px}.nav a{display:none}.metrics{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){html:not([data-theme="light"]){--bg:#0b1220;--card:#121c2b;--ink:#f1f5f9;--muted:#bdc9d8;--line:#334155;--brand:#2dd4bf;--soft:#12302d;--shadow:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}