*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--color-bg: #080810;--color-surface: #0d0d1a;--color-surface-2: #13131f;--color-surface-3: #0a0a15;--color-surface-active: #0e0e20;--color-border: #1a1a30;--color-border-2: #1f1f35;--color-border-3: #0f0f20;--color-border-subtle: #111120;--color-border-soft: #2a2a48;--color-text: #e8e8f0;--color-text-soft: #c8c8e0;--color-text-mid: #9090b8;--color-text-mid-2: #7070a0;--color-text-dim: #606090;--color-text-dim-2: #505070;--color-text-def: #808099;--color-text-muted: #404060;--color-text-muted-2: #303050;--color-text-muted-3: #252540;--color-text-muted-4: #1e1e38;--color-heading: #ffffff;--color-accent: #4f46e5;--color-accent-soft: #818cf8;--color-green: #4ade80;--color-red: #f87171;--color-yellow: #fbbf24;--color-active-word: #fde68a;--color-progress-track: #1a1a2e;--color-progress-fill: #ffffff;--color-play-btn-bg: #ffffff;--color-play-btn-icon: #080810;--color-play-btn-glow: rgba(255, 255, 255, .1);--color-rate-easy-hover: #071410;--color-rate-hard-hover: #141200;--color-rate-no-hover: #150808;--radius: 8px;--font: "DM Mono", monospace;--font-heading: "Syne", sans-serif}[data-theme=light]{color-scheme:light;--color-bg: #f7f7ff;--color-surface: #eeeef8;--color-surface-2: #e6e6f2;--color-surface-3: #f3f3fc;--color-surface-active: #e0e0f0;--color-border: #d4d4ec;--color-border-2: #cccce4;--color-border-3: #e6e6f4;--color-border-subtle: #eaeaf4;--color-border-soft: #c4c4e0;--color-text: #1a1a2e;--color-text-soft: #2a2a44;--color-text-mid: #505078;--color-text-mid-2: #404068;--color-text-dim: #5a5a80;--color-text-dim-2: #505070;--color-text-def: #505068;--color-text-muted: #7878a0;--color-text-muted-2: #8888a8;--color-text-muted-3: #9898b8;--color-text-muted-4: #a8a8c8;--color-heading: #1a1a2e;--color-accent: #4f46e5;--color-accent-soft: #6366f1;--color-green: #16a34a;--color-red: #dc2626;--color-yellow: #b45309;--color-active-word: #92400e;--color-progress-track: #d0d0e8;--color-progress-fill: #1a1a2e;--color-play-btn-bg: #1a1a2e;--color-play-btn-icon: #f7f7ff;--color-play-btn-glow: rgba(0, 0, 0, .12);--color-rate-easy-hover: #dcf8f0;--color-rate-hard-hover: #fef8d8;--color-rate-no-hover: #fde8e8}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px;line-height:1.5;transition:background .2s,color .2s}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:2px}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);padding:6px 14px;border-radius:var(--radius);font-size:13px;transition:background .15s,color .15s,border-color .15s}button:hover:not(:disabled){background:var(--color-border)}button:disabled{opacity:.4;cursor:default}input[type=file]{color:var(--color-text)}