:root{color-scheme:dark;--bg:#0c111c;--panel:#171e2c;--card:#222b3c;--border:#374255;--text:#eef2fa;--muted:#a6b2c5;--accent:#4788f7;--negative:#ff626b;--positive:#45d39a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.app{max-width:1040px;margin:0 auto;padding:22px 16px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}h1{font-size:1.45rem;margin:0 0 5px}h2{font-size:1rem;margin:0}.topbar p,.subtle,.note{color:var(--muted)}.topbar p{margin:0;font-size:.83rem}#status{font-size:.8rem;white-space:nowrap;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:13px}.controls,.volume,.actions,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.volume{justify-content:flex-start;font-size:.9rem}.volume input{width:150px;accent-color:var(--accent)}.volume output{min-width:40px}button{font:inherit;cursor:pointer}button:not(.cell){border:1px solid var(--border);background:var(--card);color:var(--text);padding:9px 13px;border-radius:8px}button:not(.cell):hover{background:#34415a}.section-heading{font-size:.82rem;margin-bottom:12px;color:var(--muted)}.section-heading strong{color:var(--accent)}.matrix-scroll{overflow:auto;max-height:570px}.summary-scroll{overflow-x:auto}.matrix{display:grid;grid-template-columns:66px repeat(10,minmax(49px,1fr));gap:3px;min-width:625px}.head{font-size:.72rem;text-align:center;align-self:center;color:var(--muted);font-variant-numeric:tabular-nums;padding:5px 0}.head.ref{color:var(--accent);font-weight:750}.level{text-align:right;align-self:center;padding-right:7px;font-size:.73rem;font-variant-numeric:tabular-nums}.level.zero{font-weight:800;color:var(--accent)}.level.pos{color:var(--positive)}.level.neg{color:var(--negative)}.cell{height:28px;border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:4px;font-size:.7rem}.cell:hover{background:#35415a}.cell.selected{border:3px solid var(--negative);color:var(--text)}.cell.playing{background:var(--accent);color:#fff}.cell.zero-row{box-shadow:inset 0 1px 0 var(--accent),inset 0 -1px 0 var(--accent)}.cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.result{min-height:39px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--card);border-radius:5px;font-size:.72rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.result.chosen{border:2px solid currentColor}.result.positive{color:var(--positive)}.result.negative{color:var(--negative)}.result.zero{color:var(--accent)}.subtle{font-size:.8rem}.last{font-size:.95rem;font-weight:650;margin-top:5px}.note{font-size:.78rem;line-height:1.6}@media(max-width:650px){.app{padding:13px 9px}.panel{padding:10px}.topbar{align-items:flex-start}h1{font-size:1.2rem}.volume input{width:105px}}