@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: #e0e7ff;--accent-glow: rgba(79, 70, 229, .12);--success: #059669;--success-light: #d1fae5;--success-bg: #ecfdf5;--danger: #dc2626;--danger-light: #fee2e2;--danger-bg: #fef2f2;--warning: #d97706;--warning-light: #fef3c7;--purple: #7c3aed;--purple-light: #ede9fe;--border: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.08);--shadow-xl: 0 20px 60px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #dc26264d}50%{box-shadow:0 0 0 8px #dc262600}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-up{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.22,1,.36,1) forwards}.option-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:18px 20px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.option-card:hover{border-color:var(--border-hover);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.option-card.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px var(--accent-glow)}.option-card.selected:hover{background:var(--accent-light)}.pal-cell{width:38px;height:38px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-sm);transition:all .15s ease;font-family:JetBrains Mono,monospace}.pal-cell:hover{transform:scale(1.08)}.pal-cell.st-not-visited{background:var(--bg-secondary);border-color:var(--border);color:var(--text-tertiary)}.pal-cell.st-not-answered{background:var(--danger);border-color:var(--danger);color:#fff;border-radius:var(--radius-sm) var(--radius-sm) 2px 2px}.pal-cell.st-answered{background:var(--success);border-color:var(--success);color:#fff;border-radius:2px 2px var(--radius-sm) var(--radius-sm)}.pal-cell.st-marked{background:var(--purple);border-color:var(--purple);color:#fff;border-radius:var(--radius-full)}.pal-cell.st-answered-marked{background:var(--purple);border-color:var(--purple);color:#fff;border-radius:var(--radius-full);position:relative}.pal-cell.st-answered-marked:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:var(--success);border-radius:var(--radius-full);border:2px solid white}.pal-cell.is-current{outline:3px solid var(--accent);outline-offset:2px;transform:scale(1.1);z-index:2}.timer-critical{animation:pulseGlow 1.5s infinite}.progress-track{height:4px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#7c3aed,#06b6d4);background-size:200% 100%;animation:shimmer 3s linear infinite;transition:width .4s ease}.cbt-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.cbt-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0f172a14;border-color:#cbd5e1}.cbt-card.is-live{border-color:#a7f3d0;background:linear-gradient(180deg,#fff,#f0fdf4);box-shadow:0 4px 20px #0596690f}.cbt-card.is-live:hover{border-color:#34d399;box-shadow:0 16px 36px #05966924}.cbt-card.is-upcoming{border-color:#e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc)}.badge-live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#d1fae5;color:#047857;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-upcoming{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:#ede9fe;color:#6d28d9;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-pop{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;background:#fef3c7;color:#b45309;font-size:11px;font-weight:700}.tab-btn{padding:8px 16px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;color:#64748b;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#f1f5f9;color:#0f172a}.tab-btn.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 4px 12px #0f172a26}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}