:root{--bg-page: #0a0e1a;--bg-surface: #111827;--bg-raised: #1a2236;--bg-input: #1e2a40;--bg-overlay: rgba(0,0,0,.82);--border: rgba(255,255,255,.13);--border-focus: #4a90d9;--text-primary: #f0f4ff;--text-secondary: #b8c5d6;--text-muted: #8a9ab5;--text-subtle: #6b7d99;--text-on-accent: #ffffff;--accent-red: #e94560;--accent-blue: #4a90d9;--accent-green: #2ecc71;--accent-yellow: #f1c40f;--accent-orange: #e67e22;--btn-default-bg: rgba(255,255,255,.11);--btn-default-text: #f0f4ff;--btn-hover-bg: rgba(255,255,255,.18);--card-bg: rgba(255,255,255,.055);--card-border: rgba(255,255,255,.09);--modal-bg: #111827;--p1: #e94560;--p2: #4a90d9;--gold: #f1c40f;--silver: #b8c5d6;--bronze: #e08040;--font-xs: 13px;--font-sm: 14px;--font-base: 16px;--font-md: 17px;--font-lg: 20px;--font-xl: 24px;--font-2xl: 30px;--font-3xl: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}[data-theme=light]{--bg-page: #f0f4f8;--bg-surface: #ffffff;--bg-raised: #e8edf5;--bg-input: #ffffff;--bg-overlay: rgba(0,0,0,.55);--border: rgba(0,0,0,.14);--border-focus: #1a6bbf;--text-primary: #0d1b2e;--text-secondary: #2c4263;--text-muted: #4a6080;--text-subtle: #6278a0;--text-on-accent: #ffffff;--accent-red: #c0293f;--accent-blue: #1a6bbf;--accent-green: #1a8a48;--accent-yellow: #b38600;--accent-orange: #b85c10;--btn-default-bg: rgba(0,0,0,.07);--btn-default-text: #0d1b2e;--btn-hover-bg: rgba(0,0,0,.12);--card-bg: rgba(0,0,0,.04);--card-border: rgba(0,0,0,.1);--modal-bg: #ffffff;--p1: #c0293f;--p2: #1a6bbf;--gold: #b38600;--silver: #4a6080;--bronze: #9e5010}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-base);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}:focus-visible{outline:3px solid var(--border-focus);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--text-subtle);border-radius:3px}.theme-toggle{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--btn-default-bg);color:var(--text-primary);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap;min-height:38px}.theme-toggle:hover{background:var(--btn-hover-bg)}.answer-btn{padding:13px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--btn-default-bg);color:var(--text-primary);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background .2s,border-color .2s;text-align:center;min-height:48px}.answer-btn:hover:not(:disabled){background:var(--btn-hover-bg)}.answer-btn.correct{background:var(--accent-green)!important;color:#fff!important;border-color:transparent!important}.answer-btn.wrong{background:var(--accent-red)!important;color:#fff!important;border-color:transparent!important}.answer-btn.revealed{background:var(--accent-green)!important;color:#fff!important;border-color:transparent!important}.answer-btn:disabled{cursor:default}.flag-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.flag-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;border-color:var(--border-focus)}input,select{font-family:inherit;font-size:var(--font-sm);color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;outline:none;transition:border-color .2s}input::placeholder{color:var(--text-muted)}input:focus,select:focus{border-color:var(--border-focus)}select option{background:var(--bg-surface);color:var(--text-primary)}.surface{background:var(--bg-raised);border:1px solid var(--border);transition:background .25s,border-color .25s}