:root{--bg-base: #0a0a0a;--bg-surface: #121212;--bg-elevated: #1e1e1e;--bg-hover: #252525;--bg-active: #2a2a2a;--border: #262626;--border-light: #333;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #737373;--text-faint: #4a4a4a;--accent: #4CAF50;--accent-hover: #43a047;--accent-glow: rgba(76, 175, 80, .25);--error: #f44336;--warning: #f89f1b;--info: #2196F3;--easy: #4CAF50;--medium: #f57c00;--hard: #f44336;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}body{margin:0;min-width:320px;min-height:100vh}*{scrollbar-width:thin;scrollbar-color:var(--text-faint) var(--bg-surface)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--bg-surface)}*::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1{font-size:3.2em;line-height:1.1}button{border-radius:6px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-elevated);cursor:pointer;transition:all .15s ease}button:hover{border-color:var(--border-light)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;border-radius:5px;cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);transition:all .15s ease;white-space:nowrap}.btn:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-hover)}.btn:active{transform:scale(.97)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.btn-accent:disabled{background:var(--border-light);border-color:var(--border-light);box-shadow:none;cursor:not-allowed;opacity:.7}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-secondary)}.btn-run{padding:6px 20px;font-size:13px}.lang-toggle{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.lang-toggle button{padding:4px 14px;font-size:12px;font-weight:600;border:none;border-radius:0;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s ease}.lang-toggle button:hover{background:var(--bg-hover)}.lang-toggle button.active{background:var(--accent);color:#fff}.lang-toggle button.active:hover{background:var(--accent-hover)}