:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;--bg:#0c172d;--panel:#142844;--ink:#edf7ff;--muted:#bcd5e8;--border:#42627e;--field:#213c5e}html[data-theme=light]{--bg:#edf4fb;--panel:#fff;--ink:#17314d;--muted:#465f78;--border:#abc3dc;--field:#e4effb}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;min-width:320px}header,main,footer{max-width:1180px;margin:auto;padding:17px}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);gap:12px}a{color:inherit}header>a{font-size:19px;font-weight:900;text-decoration:none}header nav{display:flex;gap:7px;flex-wrap:wrap}button,select,input,textarea{font:inherit}button{cursor:pointer}header nav a,header nav button,.tools button,aside button{background:var(--field);color:var(--ink);border:1px solid var(--border);border-radius:11px;padding:9px 12px;text-decoration:none;font-weight:700;font-size:12px}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f3b353;outline-offset:3px}.hero{background:linear-gradient(120deg,#1c3061,#126372);border:1px solid #4583a1;border-radius:24px;color:#fff;padding:clamp(20px,4vw,48px);margin:18px 0}.hero small{font-weight:900;color:#a3f7d8}.hero h1{font-size:clamp(29px,5vw,52px);line-height:1.08;margin:8px 0}.hero p{max-width:690px;line-height:1.6;color:#e4f2fa}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.tabs button{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:12px;padding:15px;font-weight:850}.tabs .selected{background:#0b8176;color:white;border-color:#72e3ca}.panel{background:var(--panel);border:1px solid var(--border);padding:clamp(14px,3vw,28px);border-radius:20px;margin-bottom:18px}.panel[hidden]{display:none}.panel>p{color:var(--muted);line-height:1.5}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.95fr);gap:18px;margin-top:18px}.layout>div{min-width:0}svg{width:100%;height:auto;background:#091a34;border-radius:14px;border:1px solid #567c9d;display:block;touch-action:none;user-select:none}svg circle[data-drag]{cursor:grab}svg text{font:13px ui-monospace,monospace;fill:#e9f7ff}aside{background:var(--field);padding:17px;border:1px solid var(--border);border-radius:14px}aside h3{font-size:17px;margin:0 0 14px}aside p{color:var(--muted);line-height:1.5;font-size:14px}.stat{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:9px 0}.stat span{font-size:13px;color:var(--muted)}.stat b{text-align:right;font-size:13px}.tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}.tools label,aside label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:6px;color:var(--muted)}select,input,textarea{background:var(--field);color:var(--ink);border:1px solid var(--border);padding:9px;border-radius:9px}input{width:114px}textarea{width:100%}footer{text-align:center;color:var(--muted);font-size:12px}#geoHint,#vecHint,#probHint{font-size:13px;line-height:1.5}@media(max-width:780px){.layout{grid-template-columns:1fr}.tabs button{font-size:12px;padding:11px 4px}}@media print{header nav,.tabs,.tools{display:none!important}body,.panel,aside{background:white;color:#111}.hero{background:white;color:#111}.hero p{color:#333}.layout{grid-template-columns:1fr 240px}svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}