:root{--color-bg: #0f0f1a;--color-surface: #242424;--color-primary: #892EE1;--color-accent: #9638FB;--color-text: #f0f0f0;--color-text-muted: #888888;--color-border: rgba(176,0,255,.45);--color-cell-idle: #666666;--color-cell-selected: #892EE1;--color-cell-idle-text: var(--color-text);--color-cell-selected-text: #ffffff;--shadow-cell-selected: 0 0 8px #9638FB, 0 0 18px rgba(150,56,251,.45);--color-cell-correct: rgba(0,135,69,.45);--color-cell-wrong: rgba(182,39,45,.45);--color-cell-missed: rgba(180,100,0,.45);--color-correct: #07FF00;--color-wrong: #FF4444;--color-missed: #FFAA00;--border-radius-cell: 10px;--font-body: "Inter", system-ui, sans-serif;--transition-cell: all .18s ease;color-scheme:dark}html.theme-deep-purple{--color-mode-1: #892EE1;--color-mode-2: #B000FF;--color-mode-3: #3ABDF8;--color-mode-4: #3CF6D2;color-scheme:dark}html.theme-satellite-blue{--color-bg: #001520;--color-surface: #00253a;--color-primary: #4451B1;--color-accent: #3ABDF8;--color-text: #e0f2ff;--color-text-muted: #7fb8d4;--color-border: rgba(0,255,255,.4);--color-cell-idle: #29A0D7;--color-cell-selected: #4451B1;--color-cell-idle-text: #001520;--color-cell-selected-text: #e0f2ff;--shadow-cell-selected: 0 0 8px #3ABDF8, 0 0 18px rgba(58,189,248,.45);--color-mode-1: #4451B1;--color-mode-2: #00FFFF;--color-mode-3: #29A0D7;--color-mode-4: #7B61FF;color-scheme:dark}html.theme-floyd-pink{--color-bg: #16081c;--color-surface: #2a1035;--color-primary: #A982E1;--color-accent: #E0B7FF;--color-text: #f5e8ff;--color-text-muted: #c49ed8;--color-border: rgba(255,156,255,.4);--color-cell-idle: #D385B7;--color-cell-selected: #A982E1;--color-cell-idle-text: #16081c;--color-cell-selected-text: #16081c;--shadow-cell-selected: 0 0 8px #E0B7FF, 0 0 18px rgba(224,183,255,.45);--color-mode-1: #A982E1;--color-mode-2: #FF9CFF;--color-mode-3: #D385B7;--color-mode-4: #CD84F8;color-scheme:dark}html.theme-green-day{--color-bg: #001510;--color-surface: #002a1e;--color-primary: #00A79C;--color-accent: #3CF6D2;--color-text: #e0fff8;--color-text-muted: #7fcdb8;--color-border: rgba(0,255,0,.4);--color-cell-idle: #72A538;--color-cell-selected: #00A79C;--color-cell-idle-text: #001510;--color-cell-selected-text: #001510;--shadow-cell-selected: 0 0 8px #3CF6D2, 0 0 18px rgba(60,246,210,.45);--color-mode-1: #00A79C;--color-mode-2: #00FF00;--color-mode-3: #72A538;--color-mode-4: #3CF6D2;color-scheme:dark}html.theme-yellow-submarine{--color-bg: #141200;--color-surface: #2a2600;--color-primary: #FFAB00;--color-accent: #FFFF00;--color-text: #fff5cc;--color-text-muted: #aa8800;--color-border: rgba(176,0,255,.4);--color-cell-idle: #FFDD00;--color-cell-selected: #FDEF9B;--color-cell-idle-text: #1a1400;--color-cell-selected-text: #554400;--shadow-cell-selected: 0 0 8px #FFFF00, 0 0 18px rgba(255,255,0,.45);--color-mode-1: #FFAB00;--color-mode-2: #FFDD00;--color-mode-3: #FF8C00;--color-mode-4: #B000FF;color-scheme:dark}html.theme-deep-purple.light-mode{--color-bg: #faf5ff;--color-surface: #ffffff;--color-text: #1a0a2e;--color-text-muted: #5a4a6e;--color-border: rgba(137,46,225,.2);color-scheme:light}html.theme-satellite-blue.light-mode{--color-bg: #f0f8ff;--color-surface: #ffffff;--color-text: #001520;--color-text-muted: #2a5070;--color-border: rgba(68,81,177,.2);color-scheme:light}html.theme-floyd-pink.light-mode{--color-bg: #fef5ff;--color-surface: #ffffff;--color-text: #16081c;--color-text-muted: #6a3a7a;--color-border: rgba(169,130,225,.2);color-scheme:light}html.theme-green-day.light-mode{--color-bg: #f0fff8;--color-surface: #ffffff;--color-text: #001510;--color-text-muted: #2a5040;--color-border: rgba(0,167,156,.2);color-scheme:light}html.theme-yellow-submarine.light-mode{--color-bg: #fffde0;--color-surface: #ffffff;--color-text: #141200;--color-text-muted: #554400;--color-border: rgba(255,171,0,.25);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;transition:background .3s}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}h1,h2,h3{color:var(--color-text);line-height:1.3}button{font-family:inherit;cursor:pointer}a{color:var(--color-primary)}select,input,textarea{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-family:inherit}select option{background:var(--color-surface);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-cell)}.btn.btn-primary{background:var(--color-primary);color:#fff}.btn.btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-secondary{background:var(--color-cell-idle);color:var(--color-text);border:1px solid var(--color-border)}.btn.btn-secondary:hover{background:var(--color-cell-selected)}.btn.btn-ghost{background:none;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn.btn-ghost:hover{color:var(--color-text);background:var(--color-cell-idle)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge.badge-correct{background:var(--color-cell-correct);color:var(--color-correct)}.badge.badge-wrong{background:var(--color-cell-wrong);color:var(--color-wrong)}.badge.badge-missed{background:var(--color-cell-missed);color:var(--color-missed)}