:root{--bg:#080b10;--panel:#0d1219;--grid:#16202e;--grid-strong:#233043;--ink:#c7d3e0;--ink-dim:#6b7c90;--ink-faint:#3d4a5c;--x-col:#f3b23c;--ax-col:#3fd0e0;--trace:#57e06a;--sv1:#f3b23c;--sv2:#e06fb4;--lock:#f5f7fa;--warn:#ff6b6b;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0}.wrap{max-width:1080px;margin:0 auto;padding:22px 20px 60px}header{border-bottom:1px solid var(--grid-strong);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.brand{letter-spacing:-.5px;color:var(--ink);margin:0;font-size:24px;font-weight:700}.brand .beam{color:var(--trace)}.tag{letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:11px}.intro{max-width:640px;color:var(--ink-dim);margin:0 0 18px;font-size:12px;line-height:1.6}.intro b{color:var(--ink);font-weight:600}.status{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.dot{background:var(--ink-faint);border-radius:50%;width:7px;height:7px;transition:all .15s}.dot.live{background:var(--trace);box-shadow:0 0 8px var(--trace)}.stage{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}@media (width<=820px){.stage{grid-template-columns:1fr}}.scope{background:var(--panel);border:1px solid var(--grid-strong);border-radius:10px;position:relative;overflow:hidden}canvas{touch-action:none;cursor:crosshair;width:100%;display:block}.modepill{border:1px solid var(--grid-strong);background:#0009;border-radius:7px;display:flex;position:absolute;top:12px;left:12px;overflow:hidden}.modepill button{color:var(--ink-dim);font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:7px 13px;font-size:11px}.modepill button.on{background:var(--grid-strong);color:var(--ink)}.lockbadge{letter-spacing:2px;text-transform:uppercase;border:1px solid var(--grid-strong);color:var(--ink-faint);background:#0009;border-radius:6px;padding:6px 12px;font-size:11px;transition:all .15s;position:absolute;top:12px;right:12px}.lockbadge.hot{color:#0a0e12;background:var(--lock);border-color:var(--lock);box-shadow:0 0 18px #fff8}.side{flex-direction:column;gap:16px;display:flex}.card{background:var(--panel);border:1px solid var(--grid-strong);border-radius:10px;padding:14px 15px}.card h3{letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-dim);margin:0 0 11px;font-size:10px;font-weight:600}.matgrid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.matgrid input{border:1px solid var(--grid-strong);width:100%;color:var(--x-col);font-family:var(--mono);text-align:center;background:#0a0e14;border-radius:6px;outline:none;padding:9px 4px;font-size:18px}.matgrid input:focus{border-color:var(--x-col);box-shadow:0 0 0 2px #f3b23c22}.presets{flex-wrap:wrap;gap:6px;display:flex}.presets button{border:1px solid var(--grid-strong);color:var(--ink-dim);font-family:var(--mono);cursor:pointer;background:#0a0e14;border-radius:6px;padding:6px 9px;font-size:11px;transition:all .12s}.presets button:hover{border-color:var(--ink-dim);color:var(--ink)}.row{border-bottom:1px dashed var(--grid);justify-content:space-between;align-items:baseline;padding:5px 0;font-size:13px;display:flex}.row:last-child{border-bottom:none}.row .k{color:var(--ink-dim);letter-spacing:.5px;font-size:11px}.row .v{color:var(--ink);text-align:right}.v.eig{color:var(--ax-col)}.v.sig{color:var(--sv2)}.v.warnv{color:var(--warn)}.kappa-note{color:var(--ink-dim);margin-top:9px;font-size:11px;line-height:1.5}.kappa-note b{color:var(--warn)}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls button{border:1px solid var(--grid-strong);color:var(--ink);font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#0a0e14;border-radius:6px;flex:1;padding:9px;font-size:11px;transition:all .12s}.controls button:hover{border-color:var(--ink-dim)}.controls button.active{background:var(--trace);color:#08110a;border-color:var(--trace)}label.tog{color:var(--ink-dim);cursor:pointer;user-select:none;letter-spacing:.5px;align-items:center;gap:7px;font-size:11px;display:flex}label.tog input{accent-color:var(--trace)}.legend{color:var(--ink-dim);letter-spacing:.5px;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:11px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;width:14px;height:3px;display:inline-block}.hint{color:var(--ink-dim);border-left:2px solid var(--grid-strong);margin-top:18px;padding-left:14px;font-size:12px;line-height:1.6}.hint b{color:var(--ink)}.hint code{color:var(--x-col);background:#0a0e14;border-radius:4px;padding:1px 5px}