:root{--bg-main: #0b0f19;--bg-card: rgba(21, 30, 49, .75);--bg-card-hover: rgba(30, 43, 70, .85);--bg-modal: #131b2e;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(0, 106, 167, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--swedish-blue: #006aa7;--swedish-blue-light: #2563eb;--swedish-yellow: #fecc00;--swedish-gold: #f59e0b;--accent-gradient: linear-gradient(135deg, #006aa7 0%, #3b82f6 50%, #6366f1 100%);--gold-gradient: linear-gradient(135deg, #f59e0b 0%, #fecc00 100%);--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .25);--shadow-glow: 0 0 25px rgba(0, 106, 167, .25);--glass-filter: blur(16px) saturate(180%);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}body.light-theme{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-modal: #ffffff;--surface-color: #ffffff;--border-color: #cbd5e1;--border-glow: rgba(0, 106, 167, .25);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-main: #0f172a;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .06);--shadow-glow: 0 0 25px rgba(0, 106, 167, .12);background-color:#f8fafc;color:#0f172a}body.light-theme .navbar-header{background:#fffffff0!important;border-bottom-color:#e2e8f0!important}body.light-theme .brand-title{color:#0f172a!important}body.light-theme .nav-item{color:#334155!important;font-weight:600!important}body.light-theme .nav-item:hover{color:#006aa7!important;background:#006aa714!important}body.light-theme .nav-item.active{color:#006aa7!important;background:#006aa71f!important;border-color:#006aa74d!important;font-weight:700!important}body.light-theme .nav-item.upgrade-nav-item{color:#d97706!important}body.light-theme .nav-item.upgrade-nav-item.active{color:#d97706!important;background:#f59e0b1f!important;border-color:#f59e0b4d!important}body.light-theme .quick-controls-pill,body.light-theme .profile-pill-btn{background:#f1f5f9!important;border-color:#cbd5e1!important}body.light-theme .quick-controls-pill:hover,body.light-theme .profile-pill-btn:hover{background:#e2e8f0!important;border-color:#006aa7!important}body.light-theme .user-name-short{color:#0f172a!important}body.light-theme .profile-popover-card,body.light-theme .mobile-menu-container{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 12px 36px #0000001f!important}body.light-theme .profile-popover-card strong,body.light-theme .mobile-menu-container strong{color:#0f172a!important}body.light-theme .profile-popover-card small,body.light-theme .mobile-menu-container small{color:#64748b!important}body.light-theme .profile-popover-card .popover-item,body.light-theme .mobile-menu-container .popover-item{color:#334155!important}body.light-theme .profile-popover-card .popover-item:hover,body.light-theme .mobile-menu-container .popover-item:hover{background:#f1f5f9!important;color:#006aa7!important}body.light-theme input,body.light-theme textarea,body.light-theme select,body.light-theme .input-field{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important}body.light-theme input:focus,body.light-theme textarea:focus,body.light-theme select:focus,body.light-theme .input-field:focus{border-color:#006aa7!important;background-color:#fff!important;color:#0f172a!important}body.light-theme input::placeholder,body.light-theme textarea::placeholder,body.light-theme select::placeholder,body.light-theme .input-field::placeholder{color:#94a3b8!important}body.light-theme .chapter-badge{color:#0f172a!important}body.light-theme .btn-outline{color:#0f172a!important;border-color:#cbd5e1!important}body.light-theme .btn-outline:hover{background:#f1f5f9!important}body.light-theme .option-card{background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}body.light-theme .option-card:hover:not(.correct):not(.wrong){background:#f8fafc!important;border-color:#006aa7!important}body.light-theme .option-card.selected{background:#eff6ff!important;border-color:#2563eb!important}body.light-theme .option-card .opt-sv{color:#0f172a!important}body.light-theme .option-card .opt-en{color:#475569!important}body.light-theme .option-letter{background:#e2e8f0!important;color:#334155!important}body.light-theme .explanation-card{background:#f1f5f9!important;border-color:#cbd5e1!important}body.light-theme .explanation-card .exp-text{color:#334155!important}body.light-theme .paywall-card h2{color:#0f172a!important}body.light-theme .hero-card{background:linear-gradient(135deg,#0f172a,#1e293b)!important;border-color:#60a5fa66!important;color:#fff!important}body.light-theme .hero-card h1,body.light-theme .hero-card h2,body.light-theme .hero-card h3,body.light-theme .hero-card p,body.light-theme .hero-card span,body.light-theme .hero-card strong{color:#fff!important}body.light-theme .hero-card .hero-description{color:#e2e8f0!important}body.light-theme .hero-card .hero-description-en{color:#cbd5e1!important}body.light-theme .hero-card .hero-stats{background:#00000059!important;border-color:#ffffff26!important}body.light-theme .hero-card .stat-num{color:#fff!important}body.light-theme .hero-card .stat-label{color:#cbd5e1!important}body.light-theme .chapter-card,body.light-theme .progress-card,body.light-theme .stat-card,body.light-theme .results-card,body.light-theme .intro-card{background:#fff!important;border-color:#e2e8f0!important;color:#0f172a!important}body.light-theme .chapter-card h1,body.light-theme .chapter-card h2,body.light-theme .chapter-card h3,body.light-theme .chapter-card h4,body.light-theme .chapter-card strong,body.light-theme .progress-card h1,body.light-theme .progress-card h2,body.light-theme .progress-card h3,body.light-theme .progress-card h4,body.light-theme .progress-card strong,body.light-theme .stat-card h1,body.light-theme .stat-card h2,body.light-theme .stat-card h3,body.light-theme .stat-card h4,body.light-theme .stat-card strong,body.light-theme .results-card h1,body.light-theme .results-card h2,body.light-theme .results-card h3,body.light-theme .results-card h4,body.light-theme .results-card strong,body.light-theme .intro-card h1,body.light-theme .intro-card h2,body.light-theme .intro-card h3,body.light-theme .intro-card h4,body.light-theme .intro-card strong{color:#0f172a!important}body.light-theme .chapter-card p,body.light-theme .chapter-card span,body.light-theme .chapter-card small,body.light-theme .progress-card p,body.light-theme .progress-card span,body.light-theme .progress-card small,body.light-theme .stat-card p,body.light-theme .stat-card span,body.light-theme .stat-card small,body.light-theme .results-card p,body.light-theme .results-card span,body.light-theme .results-card small,body.light-theme .intro-card p,body.light-theme .intro-card span,body.light-theme .intro-card small{color:#334155!important}body.light-theme .timer-badge{background:#006aa71f!important;border-color:#006aa74d!important;color:#006aa7!important}body.light-theme .timer-badge.warning{background:#ef44441f!important;border-color:#ef44444d!important;color:#dc2626!important}body.light-theme .grid-btn{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#334155!important}body.light-theme .grid-btn.answered{background:#2563eb!important;border-color:#1d4ed8!important;color:#fff!important}body.light-theme .flashcard-3d .card-face{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}body.light-theme .flashcard-3d .card-face .q-sv,body.light-theme .flashcard-3d .card-face .ans-sv,body.light-theme .flashcard-3d .card-face h3{color:#0f172a!important}body.light-theme .flashcard-3d .card-face .q-en,body.light-theme .flashcard-3d .card-face .ans-en,body.light-theme .flashcard-3d .card-face p{color:#334155!important}body.light-theme .lang-selector-box{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}body.light-theme .lang-selector-box .lang-select-dropdown{color:#0f172a!important}body.light-theme .lang-selector-box .lang-select-dropdown option{background:#fff!important;color:#0f172a!important}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,#006aa726,#0000 70%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,#fecc0014,#0000 70%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.btn-primary{background:var(--accent-gradient);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb80}.btn-primary:active{transform:translateY(0)}.btn-gold{background:var(--gold-gradient);color:#0f172a;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 14px #f59e0b59}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);font-weight:500;padding:.75rem 1.5rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn-outline:hover{background:#ffffff0d;border-color:#fff3}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.02em}.badge-swedish{background:#006aa733;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.badge-gold{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-success{background:#10b98133;color:#34d399;border:1px solid rgba(52,211,153,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.4,0,.2,1) forwards}.lang-selector-box{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.35rem .75rem;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.lang-selector-box:hover{border-color:var(--primary-color)}.lang-selector-box .globe-icon{font-size:1rem}.lang-selector-box .lang-select-dropdown{background:transparent;border:none;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;outline:none;padding-right:.25rem}.lang-selector-box .lang-select-dropdown option{background:#0f172a;color:#f8fafc;padding:.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}