:root{--bg: #0a0a0b;--panel: #121214;--surface: #18181b;--muted: #71717a;--text: #e4e4e7;--accent: #fafafa;--ok: #22c55e;--bad: #ef4444;--chip: #1e1e22;--chip-hover: #27272a;--border: #27272a;--input-bg: #09090b;--chip-secondary-bg: #111113;--scrollbar-track-color: #18181b;--scrollbar-thumb-color: #3f3f46;--table-header-bg: #111113;--ok-text: #4ade80;--ok-bg: rgba(34, 197, 94, .12);--ok-border: rgba(34, 197, 94, .25);--bad-text: #f87171;--bad-bg: rgba(239, 68, 68, .12);--bad-border: rgba(239, 68, 68, .25);--practice-ok-bg: rgba(34, 197, 94, .18);--practice-ok-border: rgba(34, 197, 94, .35);--practice-bad-bg: rgba(239, 68, 68, .18);--practice-bad-border: rgba(239, 68, 68, .35);--selector-bg: rgba(10, 10, 11, .75)}html.light-theme{--bg: #fafaf9;--panel: #f5f5f4;--surface: #e7e5e4;--muted: #78716c;--text: #1c1917;--accent: #0c0a09;--ok: #16a34a;--bad: #dc2626;--chip: #e7e5e4;--chip-hover: #d6d3d1;--border: #d6d3d1;--input-bg: #fafaf9;--chip-secondary-bg: #f5f5f4;--scrollbar-track-color: #f5f5f4;--scrollbar-thumb-color: #a8a29e;--table-header-bg: #f5f5f4;--ok-text: #16a34a;--ok-bg: rgba(22, 163, 74, .1);--ok-border: rgba(22, 163, 74, .25);--bad-text: #dc2626;--bad-bg: rgba(220, 38, 38, .1);--bad-border: rgba(220, 38, 38, .25);--practice-ok-bg: rgba(22, 163, 74, .15);--practice-ok-border: rgba(22, 163, 74, .3);--practice-bad-bg: rgba(220, 38, 38, .15);--practice-bad-border: rgba(220, 38, 38, .3);--selector-bg: rgba(250, 250, 249, .8)}*{box-sizing:border-box}body{margin:0;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;background:var(--bg);color:var(--text);transition:background-color .35s ease,color .35s ease}html,body{overflow-x:hidden}main{max-width:1400px;margin:0 auto;padding:16px;overflow-x:hidden;box-sizing:border-box;width:100%}@media(max-width:640px){main{padding:12px}}*{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:999px;border:2px solid var(--scrollbar-track-color)}.table-scroller>table{width:max-content;min-width:100%}@media(max-width:640px){.input-group .toolbar{flex-direction:column}}