*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}:root{color-scheme:light;--bg-page: #f5f5f8;--bg-panel-start: #e4e4ee;--bg-panel-end: #eaeaf2;--bg-card: rgba(0, 0, 0, .03);--bg-card-raised: rgba(0, 0, 0, .045);--bg-channel: rgba(0, 0, 0, .03);--bg-channel-border: rgba(0, 0, 0, .06);--bg-tab-active: rgba(0, 0, 0, .06);--bg-recessed: #dddde8;--bg-button: #ccccd8;--bg-row-stripe: rgba(0, 0, 0, .03);--bg-total: rgba(0, 0, 0, .04);--bg-focal: rgba(180, 140, 0, .08);--border-focal: rgba(180, 140, 0, .3);--bg-pedagogy: rgba(30, 100, 240, .06);--border-pedagogy: rgba(30, 100, 240, .15);--bg-confidence: rgba(130, 70, 220, .1);--border-confidence: rgba(130, 70, 220, .4);--border-primary: #c0c0d0;--border-secondary: #d0d0dc;--border-light: #b8b8c8;--border-input: #a8a8b8;--border-tier: #d0d0dc;--shadow-panel: 0 4px 24px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .6);--text-primary: #1a1a2e;--text-bright: #111122;--text-secondary: #555566;--text-muted: #666677;--text-faint: #777788;--text-dimmed: #888899;--text-ghost: #9999aa;--chart-axis: #bbb;--chart-grid: #ddd;--chart-tick: #999;--chart-tick-text: #777;--chart-zero: #999;--chart-bar-zero: #ccc;--chart-point-stroke: #f5f5f8;--c-yellow: #b08800;--c-green: #2e8e40;--c-blue: #2870e0;--c-red: #d04040;--c-purple: #7b3eb8;--c-green-dark: #1e7530;--c-red-dark: #b02828;--c-active: #b08800;--c-active-line: rgba(180, 140, 0, .25);--c-active-glow: rgba(180, 140, 0, .5);--c-active-col: rgba(180, 140, 0, .06);--led-off-bg: #ddd;--led-off-border: #bbb;--glow-total: rgba(50, 50, 80, .3);--pitch-dot-off: #ddd;--pitch-dot-border: #bbb;--select-bg: #dddde8;--select-color: #1a1a2e;--select-border: #a8a8b8;--range-track: #ccc;--range-thumb-border: #f5f5f8}:root.dark{color-scheme:dark;--bg-page: #0c0c14;--bg-panel-start: #141424;--bg-panel-end: #0f0f1e;--bg-card: rgba(255, 255, 255, .02);--bg-card-raised: rgba(255, 255, 255, .03);--bg-channel: rgba(255, 255, 255, .04);--bg-channel-border: rgba(255, 255, 255, .04);--bg-tab-active: rgba(255, 255, 255, .05);--bg-recessed: #1a1a2e;--bg-button: #252538;--bg-row-stripe: rgba(255, 255, 255, .015);--bg-total: rgba(216, 216, 232, .03);--bg-focal: rgba(255, 217, 61, .07);--border-focal: rgba(255, 217, 61, .3);--bg-pedagogy: rgba(77, 150, 255, .04);--border-pedagogy: rgba(77, 150, 255, .12);--bg-confidence: rgba(196, 132, 252, .15);--border-confidence: rgba(196, 132, 252, .5);--border-primary: #222238;--border-secondary: #1e1e32;--border-light: #2a2a42;--border-input: #333;--border-tier: #1e1e32;--shadow-panel: 0 4px 24px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .03);--text-primary: #d8d8e8;--text-bright: #ddd;--text-secondary: #aaa;--text-muted: #888;--text-faint: #666;--text-dimmed: #555;--text-ghost: #444;--chart-axis: #333;--chart-grid: #222;--chart-tick: #444;--chart-tick-text: #555;--chart-zero: #555;--chart-bar-zero: #333;--chart-point-stroke: #0c0c14;--c-yellow: #ffd93d;--c-green: #6bcb77;--c-blue: #4d96ff;--c-red: #ff6b6b;--c-purple: #c084fc;--c-green-dark: #27ae60;--c-red-dark: #d63031;--c-active: #ffd93d;--c-active-line: rgba(255, 217, 61, .25);--c-active-glow: rgba(255, 217, 61, .5);--c-active-col: rgba(255, 217, 61, .06);--led-off-bg: #222;--led-off-border: #333;--glow-total: rgba(216, 216, 232, .4);--pitch-dot-off: #222;--pitch-dot-border: #333;--select-bg: #1a1a2e;--select-color: #ddd;--select-border: #333;--range-track: #333;--range-thumb-border: #0c0c14}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--range-track);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--c-green);cursor:pointer;border:2px solid var(--range-thumb-border)}button:focus-visible{outline:2px solid var(--c-yellow);outline-offset:2px}input[type=range]:focus-visible{outline:2px solid var(--c-green);outline-offset:4px}