@import"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";:root,html.dark{--color-bg: #090d16;--color-bg2: #0b0f1a;--color-surface: #111827;--color-surface-card: #1f2937;--color-border: rgba(255,255,255,.08);--color-text: #f3f4f6;--color-text-muted: #94a3b8;--color-text-soft: #cbd5e1;--color-primary: #3b82f6;--color-primary-hover:#2563eb;--color-accent: #8b5cf6;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--glass-bg: rgba(17,24,39,.8);--glass-nav-bg: rgba(11,15,25,.88);--input-bg: #0f172a;--input-text: #ffffff;--btn-secondary-bg: rgba(255,255,255,.06);--btn-secondary-border:rgba(255,255,255,.12);--btn-secondary-text: #e5e7eb;--code-bg: #050811;--code-text: #38bdf8;--sequence-bg: #111827}html.light{--color-bg: #f0f4f8;--color-bg2: #e8edf4;--color-surface: #ffffff;--color-surface-card: #f8fafc;--color-border: rgba(0,0,0,.08);--color-text: #0f172a;--color-text-muted: #64748b;--color-text-soft: #334155;--color-primary: #2563eb;--color-primary-hover:#1d4ed8;--color-accent: #7c3aed;--color-success: #059669;--color-warning: #d97706;--color-danger: #dc2626;--glass-bg: rgba(255,255,255,.85);--glass-nav-bg: rgba(248,250,252,.92);--input-bg: #ffffff;--input-text: #0f172a;--btn-secondary-bg: rgba(0,0,0,.05);--btn-secondary-border:rgba(0,0,0,.12);--btn-secondary-text: #1e293b;--code-bg: #f1f5f9;--code-text: #0369a1;--sequence-bg: #f8fafc}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .25s ease,color .25s ease}input,select,textarea{background-color:var(--input-bg)!important;color:var(--input-text)!important;border:1px solid var(--color-border)!important;transition:background-color .2s,border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #3b82f659!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--input-text)!important;caret-color:var(--input-text)!important;transition:background-color 5000s ease-in-out 0s}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 10px 30px -5px #0000001f;transition:background .25s ease,border-color .25s ease}html.light .glass-card{box-shadow:0 4px 20px -4px #0000001a,0 1px 3px #0000000f}.glass-nav{background:var(--glass-nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:background .25s ease}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;font-weight:600;border-radius:.5rem;padding:.625rem 1.25rem;transition:all .2s ease-in-out;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);font-weight:500;border-radius:.5rem;padding:.625rem 1.25rem;transition:all .2s ease-in-out}.btn-secondary:hover{background:var(--btn-secondary-bg);filter:brightness(1.1)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-easy{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-medium{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-hard{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-type{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}html.light .badge-easy{color:#059669}html.light .badge-medium{color:#b45309}html.light .badge-hard{color:#dc2626}html.light .badge-type{color:#7c3aed}pre.code-snippet{background-color:var(--code-bg);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--code-text);overflow-x:auto;transition:background .25s}.option-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease-in-out}.option-card:hover{border-color:#3b82f666;filter:brightness(1.04)}.option-card.selected{background:#3b82f61f;border-color:var(--color-primary);box-shadow:0 0 15px #3b82f626}.option-card.correct{background:#10b9811f;border-color:var(--color-success)}.option-card.incorrect{background:#ef44441f;border-color:var(--color-danger)}.sequence-item{display:flex;align-items:center;justify-content:space-between;background:var(--sequence-bg);border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem 1rem;margin-bottom:.5rem;transition:background .25s}html.light .bg-slate-950{background-color:var(--color-bg)!important}html.light .bg-slate-900{background-color:#f1f5f9!important}html.light .bg-slate-800{background-color:#e2e8f0!important}html.light .text-white{color:#0f172a!important}html.light .text-slate-100{color:#1e293b!important}html.light .text-slate-200{color:#334155!important}html.light .text-slate-300{color:#475569!important}html.light .text-slate-400{color:#64748b!important}html.light .text-slate-500{color:#94a3b8!important}html.light .border-slate-800{border-color:#cbd5e1!important}html.light .border-slate-700,html.light .border-t.border-slate-800{border-color:#e2e8f0!important}html.light .bg-slate-900\/60{background-color:#f1f5f9e6!important}html.light .bg-slate-900\/80{background-color:#f1f5f9eb!important}html.light .bg-slate-900\/90{background-color:#f8fafcf2!important}