:root{--bg: #0f1420;--bg-2: #161d2e;--panel: #1b2437;--panel-2: #212c42;--border: #33415e;--border-strong: #4a5c82;--text: #f2f6ff;--text-dim: #b8c5e0;--accent: #ffd400;--accent-2: #4cc2ff;--accent-ink: #0f1420;--good: #2ee6a0;--bad: #ff6b6b;--focus: #ffd400;--font-scale: 1;--base-font: 18px}:root[data-theme=contrast]{--bg: #000000;--bg-2: #000000;--panel: #000000;--panel-2: #0a0a0a;--border: #ffffff;--border-strong: #ffffff;--text: #ffffff;--text-dim: #ffffff;--accent: #ffff00;--accent-2: #00ffff;--accent-ink: #000000;--good: #00ff88;--bad: #ff5555;--focus: #ffff00}:root[data-theme=yellow]{--bg: #000000;--bg-2: #0a0a00;--panel: #000000;--panel-2: #141400;--border: #ffd400;--border-strong: #ffd400;--text: #ffd400;--text-dim: #f2c200;--accent: #ffd400;--accent-2: #ffea70;--accent-ink: #000000;--good: #ffd400;--bad: #ff8c00;--focus: #ffd400}:root[data-theme=inverted]{--bg: #ffffff;--bg-2: #f0f0f0;--panel: #ffffff;--panel-2: #eaeef7;--border: #333333;--border-strong: #000000;--text: #000000;--text-dim: #333333;--accent: #0033cc;--accent-2: #7a00cc;--accent-ink: #ffffff;--good: #007a3d;--bad: #cc0000;--focus: #0033cc}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:Segoe UI,Noto Sans,system-ui,Arial,sans-serif;font-size:calc(var(--base-font) * var(--font-scale));line-height:1.55;-webkit-font-smoothing:antialiased}body.big-cursor,body.big-cursor *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><path d='M6 4 L6 40 L16 30 L23 44 L30 41 L23 27 L38 27 Z' fill='%23ffd400' stroke='%23000' stroke-width='2.5' stroke-linejoin='round'/></svg>") 6 4,auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:12px;top:-80px;z-index:9999;background:var(--accent);color:var(--accent-ink);padding:12px 20px;font-weight:700;border-radius:0 0 10px 10px;text-decoration:none;transition:top .15s}.skip-link:focus{top:0}.app{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.topbar{display:flex;align-items:center;gap:18px;padding:14px 22px;background:var(--bg-2);border-bottom:3px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand .mark{width:46px;height:46px;border-radius:12px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px}.brand h1{margin:0;font-size:1.35em;letter-spacing:.5px}.brand .tag{margin:0;font-size:.62em;color:var(--text-dim);letter-spacing:.5px}.topbar .spacer{flex:1}.fontctl{display:flex;align-items:center;gap:8px}.fontctl .lbl{color:var(--text-dim);font-size:.8em}.body{display:grid;grid-template-columns:300px 1fr;min-height:0}@media (max-width: 820px){.body{grid-template-columns:1fr}}.sidebar{background:var(--bg-2);border-right:3px solid var(--border);padding:16px 12px}.sidebar h2{font-size:.82em;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin:6px 10px 12px}.navlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.navbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;background:transparent;border:2px solid transparent;border-radius:10px;color:var(--text);font-size:.95em;font-family:inherit;cursor:pointer}.navbtn:hover{background:var(--panel)}.navbtn[aria-current=true]{background:var(--panel-2);border-color:var(--accent);font-weight:700}.navbtn .ico{font-size:1.3em;width:1.4em;text-align:center}.navbtn .num{margin-left:auto;font-size:.75em;color:var(--text-dim);background:var(--panel);border-radius:20px;padding:1px 9px}.main{padding:30px 34px 60px;min-width:0}.screen-head{margin-bottom:22px;border-bottom:2px solid var(--border);padding-bottom:16px}.screen-head h2{margin:0 0 6px;font-size:1.7em}.screen-head p{margin:0;color:var(--text-dim);max-width:70ch}.card{background:var(--panel);border:2px solid var(--border);border-radius:14px;padding:22px;margin-bottom:20px}.card h3{margin:0 0 14px;font-size:1.1em}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.row.top{align-items:flex-start}.stack{display:flex;flex-direction:column;gap:8px}label.field{display:flex;flex-direction:column;gap:6px;font-size:.85em;color:var(--text-dim)}.btn{background:var(--accent);color:var(--accent-ink);border:2px solid var(--accent);border-radius:10px;padding:12px 22px;font-size:1em;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:9px}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn.ghost:hover{background:var(--panel-2)}.btn.small{padding:8px 14px;font-size:.9em}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.live{border-color:var(--bad);box-shadow:0 0 0 3px #ff6b6b4d}input[type=text],input[type=search],textarea,select{background:var(--bg);color:var(--text);border:2px solid var(--border-strong);border-radius:10px;padding:12px 14px;font-size:1em;font-family:inherit;width:100%}textarea{resize:vertical;min-height:120px;line-height:1.5}select{cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent);height:28px}.chiprow{display:flex;gap:10px;flex-wrap:wrap}.chip{border:2px solid var(--border-strong);background:var(--panel-2);color:var(--text);border-radius:30px;padding:9px 18px;font-size:.92em;font-family:inherit;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.toggle{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle .track{width:58px;height:32px;border-radius:20px;background:var(--panel-2);border:2px solid var(--border-strong);position:relative;transition:background .15s;flex:none}.toggle .track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.toggle input:checked+.track{background:var(--good);border-color:var(--good)}.toggle input:checked+.track:after{transform:translate(26px);background:#fff}.toggle input:focus-visible+.track{outline:4px solid var(--focus);outline-offset:3px}.note{background:var(--panel-2);border-left:5px solid var(--accent-2);border-radius:0 10px 10px 0;padding:12px 16px;color:var(--text-dim);font-size:.9em}.status{min-height:1.4em;font-weight:600;color:var(--accent-2)}.mag-sample{position:relative;border:2px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg);padding:26px 30px}.mag-sample h4{margin:0 0 10px;font-size:1.4em}.mag-sample p{margin:0 0 12px;max-width:60ch}.mag-lens{position:absolute;border:4px solid var(--accent);border-radius:50%;pointer-events:none;box-shadow:0 6px 24px #00000080;overflow:hidden;background:var(--bg)}.mag-lens .inner{position:absolute;top:0;left:0;transform-origin:0 0}.osk{display:flex;flex-direction:column;gap:8px}.osk-row{display:flex;gap:8px;justify-content:center}.key{min-width:46px;height:52px;padding:0 12px;border-radius:9px;border:2px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-size:1.05em;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center}.key:hover{background:var(--accent);color:var(--accent-ink)}.key:active{transform:translateY(2px)}.key.wide{min-width:92px}.key.space{flex:1;max-width:340px}.check-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.check-item:last-child{border-bottom:none}.badge{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1em}.badge.pass{background:var(--good);color:#04231a}.badge.fail{background:var(--bad);color:#2a0000}.check-item .ctext b{display:block}.check-item .ctext span{color:var(--text-dim);font-size:.9em}.meter{height:14px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden;margin-top:8px}.meter>i{display:block;height:100%;background:var(--good)}.focusgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.focustile{padding:18px;border:2px solid var(--border-strong);border-radius:12px;background:var(--panel-2);color:var(--text);font-size:1em;font-family:inherit;cursor:pointer;text-align:center}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.9em}.kv b{color:var(--text-dim);font-weight:600}.pill{display:inline-block;padding:3px 12px;border-radius:20px;font-size:.78em;font-weight:700;border:2px solid var(--border-strong)}.pill.on{background:var(--good);color:#04231a;border-color:var(--good)}.pill.off{background:var(--panel-2);color:var(--text-dim)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}