:root{--bg: #0b0d14;--surface: rgba(255,255,255,.05);--border: rgba(255,255,255,.14);--text: #e8ebf5;--muted: #a7aec4;--accent: #7aa2ff;--accent-2: #5eead4;--warn: #fbbf24;--bad: #ff8a8a;--ok: #6ee7a8;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--sans: Inter, system-ui, Segoe UI, sans-serif}:root[data-theme=light]{--bg: #f6f7fb;--surface: #ffffff;--border: #c9cfe0;--text: #141826;--muted: #4a5270;--accent: #2447c8;--accent-2: #0f766e;--warn: #8a5a00;--bad: #b42323;--ok: #146c3b}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #f6f7fb;--text: #141826}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--sans)}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--accent);color:#000;padding:8px 12px;z-index:10}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{color:var(--text);text-decoration:none;font-weight:600;font-size:1.1rem}.brand .mark{color:var(--accent-2)}.tabs{display:flex;flex-wrap:wrap;gap:4px}.tabs button{background:none;border:1px solid transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font:inherit;cursor:pointer}.tabs button[aria-selected=true]{color:var(--text);border-color:var(--border);background:var(--surface)}.right{display:flex;gap:10px;align-items:center;margin-left:auto}a,.link{color:var(--accent)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.badge{padding:3px 10px;border-radius:999px;font:600 .78rem var(--mono);border:1px solid currentColor}.badge.demo{color:var(--warn)}.badge.local{color:var(--accent)}.badge.hardware{color:var(--ok)}.badge.recovery{color:var(--bad)}select,input,textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit}textarea{width:100%;font-family:var(--mono)}main{max-width:1100px;margin:0 auto;padding:24px 20px 64px}h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15;margin:.2em 0 .4em}h2{font-size:1.15rem;margin:1.4em 0 .5em}.kicker{color:var(--accent-2);font:600 .85rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.lead{color:var(--muted);max-width:70ch}.note{color:var(--muted);max-width:80ch}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;backdrop-filter:blur(10px)}.card h2{margin-top:0}.form{display:grid;gap:8px;max-width:760px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 16px;font:600 .95rem var(--sans);cursor:pointer}.btn.primary{background:var(--accent);color:#07101f;border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--bad);border-left:3px solid var(--bad);padding-left:10px}.srcbadge{font:600 .85rem var(--mono);color:var(--warn);border:1px dashed var(--warn);padding:6px 10px;border-radius:8px;display:inline-block}.state{margin-top:18px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.tablewrap{overflow:auto;max-height:520px;border:1px solid var(--border);border-radius:10px}table.grid{border-collapse:collapse;width:100%;font-size:.9rem}.grid th,.grid td{border-bottom:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}.grid.mono td,.grid.mono th,pre,.mono{font-family:var(--mono);font-size:.8rem}.grid th{position:sticky;top:0;background:var(--bg)}tr.sel{background:color-mix(in srgb,var(--accent) 22%,transparent)}pre{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;overflow:auto;max-height:360px;white-space:pre-wrap;word-break:break-all}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-family:var(--mono);font-size:.85rem}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-all}.detail{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-family:var(--mono);font-size:.82rem;margin-bottom:12px}svg{width:100%;height:auto;max-width:720px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.locked{opacity:.9}.foot{text-align:center;color:var(--muted);padding:24px;border-top:1px solid var(--border)}@media(max-width:640px){.top{padding:10px 14px}main{padding:18px 14px 48px}.right{margin-left:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.srcbadge.measured{color:var(--ok);border-color:var(--ok);border-style:solid}
