@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100dvh}.phone,body{background:#f8f5ff}.phone{overflow-x:hidden;width:100%}.scr{display:flex;flex-direction:column;max-height:100dvh;overflow:hidden}.scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.scroll::-webkit-scrollbar{width:3px}.scroll::-webkit-scrollbar-thumb{background:#4b00822e;border-radius:2px}@keyframes fd{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes su{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pi{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes loadBar{0%{width:0}to{width:100%}}@keyframes fall{0%{opacity:1;transform:translateY(-10px) rotate(0)}to{opacity:0;transform:translateY(210px) rotate(1turn)}}@keyframes timerPulse{0%,to{color:#ff6b6b;transform:scale(1)}50%{color:#f33;transform:scale(1.12)}}@keyframes powerGlow{0%,to{box-shadow:0 0 0 0 #d4af3700}50%{box-shadow:0 0 10px 3px #d4af3759}}@keyframes powerGlowP{0%,to{box-shadow:0 0 0 0 #4b008200}50%{box-shadow:0 0 10px 3px #4b008259}}@keyframes fadeUsed{0%{opacity:1}to{opacity:.35}}@keyframes wrongShake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes correctPop{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(100%)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fd{animation:fd .3s ease both}.su{animation:su .25s ease both}.pi{animation:pi .25s ease both}.correct-pop{animation:correctPop .3s ease}.wrong-shake{animation:wrongShake .35s ease}.star{animation:twinkle 2s infinite;background:#d4af37;border-radius:50%;height:3px;position:absolute;width:3px}button,input{font-family:Poppins,sans-serif}button{cursor:pointer;transition:all .18s}button:active{transform:scale(.97)}#root,body,html{max-width:100%;overflow-x:hidden;width:100%}.phone{display:flex;flex-direction:column;max-width:100%!important;padding-bottom:0;width:100%!important}.phone,.scr{min-height:100dvh;position:relative}.scr{flex:1 1;width:100%}*,.scr,img{max-width:100%}img{display:block;height:auto}@media (min-width:640px){body{align-items:flex-start;background:#0d0018;display:flex;justify-content:center}.phone{margin:0 auto;max-width:1200px!important}.scr{max-height:100dvh;min-height:100dvh}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-track{background:#4b00820f;border-radius:3px}.scroll::-webkit-scrollbar-thumb{background:#4b008247;border-radius:3px}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:active{transform:scale(.98) translateY(0)!important}}.profile-header{padding:44px 20px 68px}.profile-back{font-size:12px;margin-bottom:16px}.profile-avatar{font-size:24px;margin:0 auto 10px}.profile-name{font-size:19px}.profile-email{font-size:11px;margin-top:2px}.profile-badges{gap:7px;margin-top:10px}.profile-rank-badge,.profile-streak-badge{border-radius:20px;font-size:10px;padding:4px 11px}.profile-tabs-scroll{gap:8px;padding:12px 16px}.profile-tabs-scroll::-webkit-scrollbar{height:3px}.profile-tabs-scroll::-webkit-scrollbar-thumb,.profile-tabs-scroll::-webkit-scrollbar-track{border-radius:3px}.profile-tab{border-radius:30px;font-size:13px;padding:10px 20px}.profile-tab:hover{transform:translateY(-2px)}.profile-content-area{padding-bottom:20px}.profile-content-area::-webkit-scrollbar{width:4px}.profile-content-area::-webkit-scrollbar-thumb,.profile-content-area::-webkit-scrollbar-track{border-radius:4px}.profile-stats-section{gap:16px;padding:20px 16px}.profile-stats-title{font-size:11px;letter-spacing:1px}.profile-stats-grid{grid-gap:9px;gap:9px}.profile-stat-card{border-radius:13px;box-shadow:0 2px 10px #0000000f;padding:13px 12px}.profile-stat-value{font-size:22px}.profile-stat-label{font-size:10px;margin-top:2px}.profile-streak-card{border-radius:13px;gap:12px;padding:14px 16px}.profile-streak-icon{font-size:28px}.profile-streak-title{font-size:16px}.profile-streak-text{font-size:11px;margin-top:1px}.profile-signout-btn{border-radius:13px;font-size:14px;margin-top:20px;padding:14px}.profile-signout-btn:hover{transform:translateY(-1px)}.profile-chart-section{border-radius:16px;box-shadow:0 2px 10px #0000000d;margin-top:20px;padding:16px}.profile-chart-container{margin-top:12px}.achievements-grid{grid-gap:12px;gap:12px;margin-top:12px}.achievement-card{border-radius:12px;box-shadow:0 2px 8px #0000000d;gap:12px;padding:12px}.achievement-card:hover{transform:translateY(-2px)}.achievement-card-icon{font-size:32px}.achievement-card-name{font-size:14px;margin-bottom:2px}.achievement-card-desc{font-size:11px}.profile-empty-state{border-radius:16px;padding:40px 20px}.profile-empty-icon{font-size:48px;margin-bottom:12px}.profile-empty-text{font-size:14px}body.dark-mode .phone,body.dark-mode .scr,body.dark-mode .subjects-header-curve{background:#f8f5ff}body.dark-mode .subject-card-unselected{background:#fff;border-color:#e5e7eb}body.dark-mode .subject-card-selected{border-color:#d4af37!important}body.dark-mode .lekki-title,body.dark-mode .subject-name,body.dark-mode .subject-status{color:#1a0030}body.dark-mode .lekki-author,body.dark-mode .lekki-question-count div:last-child,body.dark-mode .subject-question-count{color:#6b7280}body.dark-mode .lekki-card-unselected{background:#fff;border-color:#e5e7eb}body.dark-mode .lekki-card-selected{border-color:#d4af37!important}body.dark-mode .start-button-container{background:#f8f5ff;border-top-color:#e5e7eb}body.dark-mode .start-button-inactive{color:#6b7280}body.dark-mode .scroll{background:#f8f5ff}body.dark-mode .lekki-card-unselected:hover,body.dark-mode .subject-card-unselected:hover{border-color:#d4af37}body.dark-mode .lekki-card-selected .lekki-badge,body.dark-mode .lekki-card-selected .lekki-title,body.dark-mode .subject-card-selected .subject-name,body.dark-mode .subject-card-selected .subject-status{color:#1a0030!important}body.dark-mode .quiz-header{background:linear-gradient(135deg,#280050,indigo)}body.dark-mode .quiz-action-bar{background:#f8f5ff;border-top-color:#e5e7eb}body.dark-mode .question-card{background:#fff;box-shadow:0 2px 8px #0000000d}body.dark-mode .question-text{color:#1a0030}body.dark-mode .quiz-option:hover:not(.disabled){border-color:#d4af37!important}body.dark-mode .quiz-option.selected{background:indigo!important;border-color:#d4af37!important}body.dark-mode .quiz-option.selected .quiz-option-letter{background:#d4af37!important}body.dark-mode .quiz-clear-btn{background:#fff;border-color:#e5e7eb;color:#6b7280}body.dark-mode .lifeline-fifty{background:#fff;border-color:#d4af37;color:#d4af37}body.dark-mode .lifeline-fifty-used{border-color:#e5e7eb;color:#6b7280}body.dark-mode .lifeline-hint{background:#fff}body.dark-mode .lifeline-hint-used{border-color:#e5e7eb;color:#6b7280}body.dark-mode .lifeline-voice-off{background:#fff;border-color:#e5e7eb;color:#6b7280}body.dark-mode .hint-box{border-color:#d4af37}body.dark-mode .hint-title,body.dark-mode .quick-take-link{color:#d4af37}body.dark-mode .modal-content{background:#fff}body.dark-mode .modal-title{color:#d4af37}body.dark-mode .modal-question{border-bottom-color:#e5e7eb;color:#6b7280}body.dark-mode .modal-explanation{color:#1a0030}body.dark-mode .modal-answer-box{border-color:#d4af37}body.dark-mode .modal-answer-title{color:#d4af37}body.dark-mode .modal-answer-text{color:#1a0030}body.dark-mode .modal-close-btn{background:indigo}body.dark-mode .result-stat-card{background:#fff}body.dark-mode .result-stat-value{color:#1a0030}body.dark-mode .result-stat-label{color:#6b7280}body.dark-mode .gate-container,body.dark-mode .join-card{background:linear-gradient(135deg,#280050,indigo)}body.dark-mode .profile-tabs{background:#f8f5ff;border-bottom-color:#e5e7eb}body.dark-mode .profile-tab{background:#fff;color:#6b7280}body.dark-mode .profile-tab.active{background:indigo}body.dark-mode .achievement-card,body.dark-mode .profile-stat-card,body.dark-mode .settings-card{background:#fff}body.dark-mode .achievement-card-name,body.dark-mode .profile-stat-value,body.dark-mode .settings-name{color:#1a0030}body.dark-mode .achievement-card-desc,body.dark-mode .profile-stat-label,body.dark-mode .settings-desc{color:#6b7280}body.dark-mode .profile-streak-card{background:linear-gradient(135deg,#280050,indigo)}body.dark-mode .profile-chart-section,body.dark-mode .profile-empty-state{background:#fff}body.dark-mode .profile-empty-text{color:#6b7280}body.dark-mode .scorecard-container{background:#fff}body.dark-mode .profile-content-area::-webkit-scrollbar-track,body.dark-mode .profile-tabs-scroll::-webkit-scrollbar-track{background:#e5e7eb}body.dark-mode .profile-content-area::-webkit-scrollbar-thumb,body.dark-mode .profile-tabs-scroll::-webkit-scrollbar-thumb{background:#d4af37}body.dark-mode .flashcards-card-sub-label{color:#d4af37!important}body.dark-mode .flashcards-card-example,body.dark-mode .flashcards-card-tip-text{color:#6b7280}body.dark-mode .flashcards-card-definition,body.dark-mode .flashcards-card-term{color:#1a0030}body.dark-mode .flashcards-card-label{color:#d4af37}.create-challenge-modal{background:#fff;box-shadow:0 2px 8px #0000000d}.modal-header{background:indigo}.form-group label{color:#1a0030}.form-group input,.form-group select{background:#f8f5ff;border:1px solid #e5e7eb;color:#1a0030}.message-preview{background:#d4af3710;color:#6b7280}.modal-footer{border-top:1px solid #e5e7eb}.cancel-btn{border:1px solid #e5e7eb;color:#6b7280}.send-btn{background:#d4af37}.xp-popup{align-items:center;animation:xpFloatUp 1.5s ease forwards;background:#fff;background:var(--card-bg);border-radius:50px;box-shadow:0 4px 20px #0000004d;display:flex;gap:12px;left:50%;padding:12px 24px;position:fixed;top:30%;transform:translateX(-50%);z-index:1000}.xp-popup.xp-earn{border-left:4px solid #d4af37;border-left:4px solid var(--gold)}.xp-popup.xp-penalty{border-left:4px solid #f44}.xp-popup-icon{font-size:24px}.xp-popup-amount{font-size:18px;font-weight:800}.xp-earn .xp-popup-amount{color:#d4af37;color:var(--gold)}.xp-penalty .xp-popup-amount{color:#f44}@keyframes xpFloatUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-80px)}}body.dark-mode .challenge-card,body.dark-mode .create-challenge-modal,body.dark-mode .history-card,body.dark-mode .leaderboard-item{background:#fff}body.dark-mode .challenges-header,body.dark-mode .leaderboard-header{background:linear-gradient(135deg,#1a0030,indigo)}.splash-container{align-items:center;background:linear-gradient(160deg,#1a0030,indigo,#1a0030);gap:16px;justify-content:center;overflow:hidden;position:relative}.splash-logo{animation:pulse 2s infinite;border-radius:50%;box-shadow:0 0 40px #d4af3780;height:120px;object-fit:cover;width:120px;z-index:1}.splash-title{color:#fff;font-size:36px;font-weight:900;line-height:1.1;text-align:center;z-index:1}.splash-title span{color:#d4af37}.splash-subtitle{color:#fff9;font-size:12px;margin-top:6px;text-align:center;z-index:1}.splash-load-bar{background:#ffffff26;border-radius:2px;height:3px;overflow:hidden;width:180px;z-index:1}.splash-load-progress{animation:loadBar 2.5s ease forwards;background:#d4af37;height:100%}.splash-footer{color:#ffeb82;font-size:10px;letter-spacing:2px;text-transform:uppercase;z-index:1}.onboard-container{background:linear-gradient(160deg,#280050,indigo,#280050)}.onboard-icon{animation:bounce 2s infinite;font-size:40px}.onboard-title{color:#fff;font-size:24px;font-weight:800;line-height:1.2}.onboard-title-gold{color:#d4af37}.onboard-text{color:#fff9;font-size:13px;line-height:1.65}.onboard-input{background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;color:#fff;font-size:14px;font-weight:500;outline:none;padding:14px 18px;width:100%}.onboard-input:focus{border-color:#d4af37}.onboard-button{background:#d4af37;border:none;border-radius:14px;box-shadow:0 8px 24px #d4af3766;color:#280050;font-size:15px;font-weight:700;padding:16px}.onboard-button:active{transform:scale(.97)}.subjects-header{background:linear-gradient(135deg,#280050,indigo);flex-shrink:0;overflow:hidden;padding:44px 20px 30px;position:relative}.subjects-header-curve{background:#f8f5ff;border-radius:20px 20px 0 0;bottom:-16px;height:32px;left:0;position:absolute;right:0}.subjects-welcome-label{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.subjects-welcome-name{color:#fff;font-size:22px;font-weight:800}.subjects-welcome-text{color:#fff9;font-size:13px;margin-top:2px}.settings-group{align-items:center;display:flex;gap:8px}.settings-group-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff24;border:1px solid #fff3;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.settings-group-btn:hover{background:#ffffff40;transform:translateY(-1px)}.settings-group-btn:active{transform:scale(.97)}.settings-group-icon{font-size:14px}.settings-group-text{font-size:11px;font-weight:600}.profile-btn{background:#d4af3733;border-color:#d4af3766}.profile-btn:hover{background:#d4af3759}.theme-btn{background:#ffffff24}@media (max-width:640px){.settings-group{gap:6px}.settings-group-btn{padding:5px 10px}.settings-group-icon{font-size:12px}.settings-group-text{font-size:10px}}@media (max-width:480px){.settings-group-text{display:none}.settings-group-btn{padding:8px 10px}.settings-group-icon{font-size:16px}}.subjects-card-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.subject-card{border-radius:16px;flex-direction:column;gap:7px;padding:14px 12px;transition:all .2s}.subject-card-selected{background:#e0f2fe;background:var(--subject-bg,#e0f2fe);border:2px solid #0369a1;border:2px solid var(--subject-color,#0369a1);box-shadow:0 4px 14px #0000000d}.subject-card-unselected{background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.subject-icon{border-radius:12px;font-size:18px;height:40px;transition:all .2s;width:40px}.subject-name{font-size:13px;line-height:1.2}.subject-question-count{font-size:10px}.subject-status{align-self:flex-start;border-radius:12px;font-size:9px;padding:3px 8px}.lekki-card{border-radius:16px;gap:12px;grid-column:1/-1;padding:14px;transition:all .2s}.lekki-card-selected{background:#fce7f3;border:2px solid #831843;box-shadow:0 4px 14px #83184330}.lekki-card-unselected{background:#fff;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.lekki-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;transition:all .2s;width:44px}.lekki-title{color:#1a0030;font-size:13px;font-weight:700;line-height:1.2}.lekki-author{color:#6b7280;font-size:10px;margin-top:2px}.lekki-badge{border-radius:12px;display:inline-block;font-size:9px;font-weight:700;margin-top:5px;padding:2px 8px}.lekki-question-count{color:#6b7280;flex-shrink:0;font-size:10px;text-align:right}.lekki-question-number{font-weight:700}.start-button-container{background:#f8f5ff;border-top:1px solid #e5e7eb;bottom:0;flex-shrink:0;left:0;padding:8px 16px 24px;position:fixed;right:0;z-index:10000}.start-button{border:none;border-radius:14px;font-size:15px;font-weight:700;padding:16px;transition:all .18s;width:100%}.start-button-active{background:indigo;box-shadow:0 8px 22px #4b008266;color:#fff}.start-button-inactive{background:#e5e7eb;color:#6b7280;cursor:not-allowed;opacity:.6}.start-button:active{transform:scale(.97)}.profile-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.profile-header{flex-shrink:0;padding:33px 15px 51px;position:relative}.profile-back{color:#ffffff80;cursor:pointer;display:inline-block;font-size:9px;font-weight:600;margin-bottom:12px}.profile-avatar{align-items:center;background:#d4af37;border:3px solid #ffffff38;border-radius:50%;color:#280050;display:flex;font-size:18px;font-weight:800;height:68px;justify-content:center;margin:0 auto 7.5px;width:68px}.profile-name{color:#fff;font-size:14.25px;font-weight:800;text-align:center}.profile-email{color:#fff6;font-size:8.25px;margin-top:1.5px;text-align:center}.profile-badges{display:flex;flex-wrap:wrap;gap:5.25px;justify-content:center;margin-top:7.5px}.profile-streak-badge{background:#d4af3733;border:1px solid #d4af37;border-radius:15px;color:#ffeb82}.profile-rank-badge,.profile-streak-badge{font-size:7.5px;font-weight:700;padding:3px 8.25px}.profile-rank-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff}.profile-tabs-wrapper{background:#f8f5ff;background:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);flex-shrink:0;position:relative}.profile-tabs-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:9px 12px;scrollbar-color:#d4af37 #e5e7eb;scrollbar-color:var(--gold) var(--border-color);scrollbar-width:thin;white-space:nowrap}.profile-tabs-scroll::-webkit-scrollbar{height:2.25px}.profile-tabs-scroll::-webkit-scrollbar-track{background:#e5e7eb;background:var(--border-color);border-radius:2.25px}.profile-tabs-scroll::-webkit-scrollbar-thumb{background:#d4af37;background:var(--gold);border-radius:2.25px}.profile-tab{background:#fff;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:22.5px;color:#6b7280;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:9.75px;font-weight:600;padding:7.5px 15px;transition:all .2s;white-space:nowrap}.profile-tab:hover{transform:translateY(-1.5px)}.profile-tab.active{background:indigo;background:var(--purple);border-color:#d4af37;border-color:var(--gold);color:#fff}.profile-content-area{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:15px}.profile-content-area::-webkit-scrollbar{width:3px}.profile-content-area::-webkit-scrollbar-track{background:#e5e7eb;background:var(--border-color);border-radius:3px}.profile-content-area::-webkit-scrollbar-thumb{background:#d4af37;background:var(--gold);border-radius:3px}.profile-stats-section{display:flex;flex-direction:column;gap:12px;padding:15px 12px}.profile-stats-title{color:#6b7280;font-size:8.25px;font-weight:700;letter-spacing:.75px;text-transform:uppercase}.profile-stats-grid{grid-gap:6.75px;display:grid;gap:6.75px;grid-template-columns:1fr 1fr}.profile-stat-card{background:#fff;border-radius:9.75px;box-shadow:0 1.5px 7.5px #0000000f;padding:9.75px 9px}.profile-stat-value{color:indigo;font-size:16.5px;font-weight:800}.profile-stat-label{color:#6b7280;font-size:7.5px;font-weight:600;margin-top:1.5px}.profile-streak-card{align-items:center;background:linear-gradient(135deg,#280050,indigo);border-radius:9.75px;display:flex;gap:9px;padding:10.5px 12px}.profile-streak-icon{font-size:21px}.profile-streak-title{color:#d4af37;font-size:12px;font-weight:800}.profile-streak-text{color:#ffffff8c;font-size:8.25px;margin-top:.75px}.profile-signout-btn{background:linear-gradient(135deg,#dc262626,#dc26260d);border:1px solid #dc262680;border-radius:9.75px;color:#dc2626;font-size:10.5px;font-weight:700;margin-top:15px;padding:10.5px;transition:all .2s}.profile-signout-btn:hover{background:#dc262640;transform:translateY(-.75px)}.profile-signout-btn:active{transform:scale(.98)}.profile-chart-section{background:#fff;border-radius:12px;box-shadow:0 1.5px 7.5px #0000000d;margin-top:15px;padding:12px}.profile-chart-container{height:auto;margin-top:9px;overflow-x:auto;width:100%}.achievements-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:9px}.achievement-card{align-items:center;background:#fff;border-radius:9px;box-shadow:0 1.5px 6px #0000000d;display:flex;gap:9px;padding:9px;transition:transform .2s}.achievement-card:hover{transform:translateY(-1.5px)}.achievement-card.locked{filter:grayscale(.3);opacity:.5}.achievement-card-icon{font-size:24px}.achievement-card-info{flex:1 1}.achievement-card-name{color:#1a0030;font-size:10.5px;font-weight:700;margin-bottom:1.5px}.achievement-card-desc{color:#6b7280;font-size:8.25px}.profile-empty-state{background:#fff;border-radius:12px;padding:30px 15px;text-align:center}.profile-empty-icon{font-size:36px;margin-bottom:9px}.profile-empty-text{color:#6b7280;font-size:10.5px}.toast{align-items:center;animation:slideUp .3s ease;border-radius:12px;bottom:20px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;gap:12px;left:50%;max-width:90%;padding:12px 20px;position:fixed;transform:translateX(-50%);z-index:10001}.toast-icon{font-size:20px}.toast-content{flex:1 1}.toast-message{font-size:14px;font-weight:500}.toast-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;margin-left:8px;opacity:.7;padding:0}.toast-close:hover{opacity:1}.achievement-popup{align-items:center;animation:slideIn .5s ease,fadeOut .5s ease 3.5s forwards;background:linear-gradient(135deg,#1a0030,indigo);border:2px solid #d4af37;border-radius:16px;box-shadow:0 8px 25px #0000004d;display:flex;gap:15px;max-width:320px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:10002}.achievement-popup-icon{animation:bounce .5s ease;font-size:40px}.achievement-popup-content{flex:1 1}.achievement-popup-title{color:#d4af37;font-size:12px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.achievement-popup-name{color:#fff;font-size:16px;font-weight:800;margin-bottom:2px}.achievement-popup-desc{color:#ffffffb3;font-size:11px}.loading-screen{background:linear-gradient(160deg,#1a0030,indigo,#1a0030);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #d4af374d;border-top-color:#d4af37;height:50px;width:50px}.loading-text{color:#d4af37;font-size:14px;letter-spacing:2px;margin-top:20px}.settings-card{transition:transform .2s}.settings-item{align-items:center;display:flex;gap:15px}.settings-icon{font-size:32px}.settings-info{flex:1 1}.settings-name{color:#1a0030;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:4px}.settings-desc{color:#6b7280;color:var(--text-secondary);font-size:12px}.settings-toggle{flex-shrink:0}.toggle-switch{background:#e5e7eb;background:var(--border-color);border-radius:13px;cursor:pointer;height:26px;position:relative;transition:background .3s;width:50px}.toggle-switch.active{background:#d4af37;background:var(--gold)}.toggle-slider{background:#fff;border-radius:50%;height:22px;left:3px;position:absolute;top:2px;transition:transform .3s;width:22px}.toggle-switch.active .toggle-slider{transform:translateX(22px)}.settings-arrow{color:#d4af37;color:var(--gold);font-size:20px;font-weight:600;transition:transform .2s}.about-settings-card:hover .settings-arrow,.privacy-settings-card:hover .settings-arrow,.terms-settings-card:hover .settings-arrow{transform:translateX(4px)}.about-settings-card:hover,.privacy-settings-card:hover,.terms-settings-card:hover{background:#d4af37;background:var(--gold);border-color:#d4af37;border-color:var(--gold)}.about-settings-card:hover .settings-arrow,.about-settings-card:hover .settings-desc,.about-settings-card:hover .settings-name,.privacy-settings-card:hover .settings-arrow,.privacy-settings-card:hover .settings-desc,.privacy-settings-card:hover .settings-name,.terms-settings-card:hover .settings-arrow,.terms-settings-card:hover .settings-desc,.terms-settings-card:hover .settings-name{color:#1a0030}.about-settings-card:hover .settings-icon,.privacy-settings-card:hover .settings-icon,.terms-settings-card:hover .settings-icon{filter:brightness(.9)}.settings-card{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.settings-card:hover{background:#d4af37;background:var(--gold);transform:translateY(-2px)}.settings-card:hover .settings-arrow,.settings-card:hover .settings-desc,.settings-card:hover .settings-name{color:#1a0030}.settings-card:hover .settings-icon{filter:brightness(.9)}body.dark-mode .settings-card:hover{background:#d4af37;background:var(--gold)}body.dark-mode .settings-card:hover .settings-arrow,body.dark-mode .settings-card:hover .settings-desc,body.dark-mode .settings-card:hover .settings-name{color:#1a0030}body.dark-mode .settings-card:hover .settings-icon{filter:brightness(.9)}:root{--bg-primary:#f8f5ff;--bg-secondary:#fff;--bg-header:linear-gradient(135deg,#280050,indigo);--text-primary:#1a0030;--text-secondary:#6b7280;--text-white:#fff;--border-color:#e5e7eb;--card-bg:#fff;--shadow:0 2px 8px #0000000d;--shadow-hover:0 4px 14px #0000001a;--purple:indigo;--dpurp:#280050;--gold:#d4af37;--green:#16a34a;--red:#dc2626}.about-page{-webkit-overflow-scrolling:touch;background:#f8f5ff;background:var(--bg-primary);overflow-y:auto}.about-header-section{background:linear-gradient(135deg,#280050,indigo);padding:30px 20px 40px;position:relative;text-align:center}.about-back-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .2s;z-index:10}.about-back-btn:hover{background:#ffffff40;transform:translateX(-2px)}.about-header-content{position:relative;z-index:5}.about-logo{animation:bounce 2s infinite;font-size:64px;margin-bottom:12px}.about-header-content h1{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.about-header-content p{color:#ffffffb3;font-size:14px}.about-content{margin:0 auto;max-width:800px;padding:24px 16px}.about-card{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);display:flex;gap:16px;margin-bottom:16px;padding:20px;transition:transform .2s}.about-card:hover{transform:translateY(-2px)}.about-card-icon{flex-shrink:0;font-size:40px}.about-card-content{flex:1 1}.about-card-content h3{color:#d4af37;color:var(--gold);font-size:18px;font-weight:700;margin-bottom:12px}.about-card-content p{color:#1a0030;color:var(--text-primary);font-size:14px;line-height:1.6}.about-features-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;padding:0}.about-features-list li{color:#1a0030;color:var(--text-primary);font-size:13px;padding:4px 0}.about-subjects-grid{display:flex;flex-wrap:wrap;gap:10px}.about-subject-tag{background:linear-gradient(135deg,#d4af3720,#d4af3710);background:linear-gradient(135deg,var(--gold)20,var(--gold)10);border:1px solid #d4af37;border:1px solid var(--gold);border-radius:30px;color:#d4af37;color:var(--gold);font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s}.about-subject-tag:hover{background:#d4af37;background:var(--gold);color:#1a0030;transform:translateY(-2px)}.about-link{color:#d4af37;color:var(--gold);font-weight:600;text-decoration:none}.about-link:hover{text-decoration:underline}.about-stats{background:linear-gradient(135deg,#d4af3715,#0000);background:linear-gradient(135deg,var(--gold)15,#0000);border-radius:16px;display:flex;gap:16px;justify-content:space-around;margin:24px 0;padding:20px}.about-stat{flex:1 1;text-align:center}.about-stat-number{color:#d4af37;color:var(--gold);font-size:32px;font-weight:800;margin-bottom:4px}.about-stat-label{color:#6b7280;color:var(--text-secondary);font-size:12px;letter-spacing:1px;text-transform:uppercase}.about-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:8px;padding:20px 16px 30px;text-align:center}.about-footer p{color:#6b7280;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.about-version{font-family:monospace;opacity:.7}body.dark-mode .about-header-section{background:linear-gradient(135deg,#0a0015,#1a0030)}body.dark-mode .about-card{background:#fff;background:var(--card-bg)}body.dark-mode .about-stats{background:#d4af3714}@media (max-width:640px){.about-card{flex-direction:column;padding:16px;text-align:center}.about-card-icon{margin-bottom:8px}.about-features-list{grid-template-columns:1fr;text-align:left}.about-subjects-grid{justify-content:center}.about-stats{flex-direction:column;gap:16px}.about-stat{padding:8px 0}.about-header-content h1{font-size:24px}.about-logo{font-size:48px}}.privacy-page,.terms-page{-webkit-overflow-scrolling:touch;background:#f8f5ff;background:var(--bg-primary);overflow-y:auto}.legal-header-section{background:linear-gradient(135deg,#280050,indigo);padding:30px 20px 40px;position:relative;text-align:center}.legal-back-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .2s;z-index:10}.legal-back-btn:hover{background:#ffffff40;transform:translateX(-2px)}.legal-header-content{position:relative;z-index:5}.legal-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:12px}.legal-header-content h1{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.legal-header-content p{color:#fff9;font-size:13px}.legal-content{margin:0 auto;max-width:800px;padding:24px 16px}.legal-card{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);margin-bottom:16px;padding:20px;transition:transform .2s}.legal-card:hover{transform:translateY(-2px)}.legal-card h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#d4af37;color:var(--gold);font-size:18px;font-weight:700;margin-bottom:12px;padding-bottom:8px}.legal-card p{color:#1a0030;color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:12px}.legal-card ul{margin:12px 0 0 20px;padding:0}.legal-card li{color:#1a0030;color:var(--text-primary);font-size:14px;line-height:1.6;margin-bottom:6px}.legal-link{color:#d4af37;color:var(--gold);font-weight:600;text-decoration:none}.legal-link:hover{text-decoration:underline}.legal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:8px;padding:20px 16px 30px;text-align:center}.legal-footer p{color:#6b7280;color:var(--text-secondary);font-size:12px}body.dark-mode .legal-header-section{background:linear-gradient(135deg,#0a0015,#1a0030)}body.dark-mode .legal-card{background:#fff;background:var(--card-bg)}@media (max-width:640px){.legal-header-content h1{font-size:24px}.legal-icon{font-size:48px}.legal-card{padding:16px}.legal-card h3{font-size:16px}.legal-card li,.legal-card p{font-size:13px}}.flashcards-page{background:#f8f5ff;background:var(--bg-primary);display:flex;flex-direction:column;min-height:100dvh}.flashcards-result-container{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;text-align:center}.flashcards-back-btn{background:none;border:none;color:#1a0030;color:var(--text-primary);cursor:pointer;font-size:24px;left:20px;position:absolute;top:20px}.flashcards-result-icon{font-size:48px;margin-top:40px}.flashcards-result-title{color:#d4af37;color:var(--gold);font-size:24px;font-weight:800;margin-top:20px}.flashcards-result-subtitle{color:#6b7280;color:var(--text-secondary);font-size:14px;margin-top:8px}.flashcards-result-stats{display:flex;gap:30px;justify-content:center;margin-top:30px}.flashcards-result-stat{text-align:center}.flashcards-result-stat-value{font-size:36px;font-weight:800}.flashcards-result-stat-value.known{color:#16a34a;color:var(--green)}.flashcards-result-stat-value.unknown{color:#dc2626;color:var(--red)}.flashcards-result-stat-label{color:#6b7280;color:var(--text-secondary);font-size:12px}.flashcards-progress-wrapper{margin:20px auto;width:80%}.flashcards-progress-bar{background:#e5e7eb;background:var(--border-color);border-radius:5px;height:10px;overflow:hidden}.flashcards-progress-fill{background:#d4af37;background:var(--gold);border-radius:5px;height:100%;transition:width .3s}.flashcards-progress-text{color:#1a0030;color:var(--text-primary);font-size:14px;font-weight:600;margin-top:8px}.flashcards-restart-btn{background:indigo;background:var(--purple);border:none;border-radius:12px;color:#fff;margin-top:30px}.flashcards-back-subjects-btn,.flashcards-restart-btn{cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px}.flashcards-back-subjects-btn{background:#0000;border:2px solid indigo;border:2px solid var(--purple);border-radius:12px;color:indigo;color:var(--purple);margin-top:15px}.flashcards-header{flex-shrink:0;padding:20px;position:relative}.flashcards-header-back{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 15px}.flashcards-header-content{margin-top:10px;text-align:center}.flashcards-header-icon{font-size:40px}.flashcards-header-title{color:#fff;font-size:18px;font-weight:800}.flashcards-header-counter{color:#ffffffb3;font-size:12px;margin-top:4px}.flashcards-header-progress{background:#fff3;border-radius:2px;height:4px;margin-top:15px;overflow:hidden}.flashcards-header-progress-fill{background:#d4af37;background:var(--gold);border-radius:2px;height:100%;transition:width .3s}.flashcards-card-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.flashcards-card{cursor:pointer;height:350px;max-width:400px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcards-card.flipped{transform:rotateY(180deg)}.flashcards-card-back,.flashcards-card-front{backface-visibility:hidden;background:#fff;background:var(--card-bg);border-radius:24px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;padding:20px;position:absolute;width:100%}.flashcards-card-front{align-items:center;background:linear-gradient(135deg,#fff,#fff);background:linear-gradient(135deg,var(--card-bg),var(--bg-secondary));justify-content:center;text-align:center}.flashcards-card-back{overflow-y:auto;transform:rotateY(180deg)}.flashcards-card-label{color:#d4af37;color:var(--gold);font-size:14px;font-weight:600;margin-bottom:20px}.flashcards-card-term{color:#1a0030;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.4;text-align:center}.flashcards-card-tip{color:#6b7280;color:var(--text-secondary);font-size:12px;margin-top:30px}.flashcards-card-definition{color:#1a0030;color:var(--text-primary);font-size:15px;line-height:1.6;margin-bottom:15px}.flashcards-card-sub-label{color:indigo;color:var(--purple);font-size:12px;font-weight:600;margin-bottom:5px}.flashcards-card-example,.flashcards-card-tip-text{color:#6b7280;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:15px}.flashcards-actions{display:flex;gap:15px;justify-content:center;padding:20px}.flashcards-btn-know,.flashcards-btn-need-review{border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;max-width:150px;padding:14px}.flashcards-btn-need-review{background:#dc2626;background:var(--red)}.flashcards-btn-know{background:#16a34a;background:var(--green)}.flashcards-footer{color:#6b7280;color:var(--text-secondary);font-size:12px;padding-bottom:20px;text-align:center}.flashcards-loading{color:#1a0030;color:var(--text-primary);padding:20px;text-align:center}body.dark-mode .flashcards-card-front{background:linear-gradient(135deg,#fff,#1a0030);background:linear-gradient(135deg,var(--card-bg),#1a0030)}.exam-type-page{background:#f8f5ff;background:var(--bg-primary);overflow-y:auto}.exam-type-header-section{background:linear-gradient(135deg,#280050,indigo);padding:30px 20px 40px;position:relative;text-align:center}.exam-type-back-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .2s;z-index:10}.exam-type-back-btn:hover{background:#ffffff40;transform:translateX(-2px)}.exam-type-header-content{position:relative;z-index:5}.exam-type-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:12px}.exam-type-header-content h1{font-size:28px;font-weight:800;margin-bottom:8px}.exam-type-header-content p{color:#ffffffb3;font-size:14px}.exam-type-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1000px;padding:40px 20px}.exam-type-card{background:#fff;background:var(--card-bg);border-radius:24px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);cursor:pointer;flex:1 1;min-width:280px;overflow:hidden;padding:30px 24px;position:relative;text-align:center;transition:all .3s}.exam-type-card:hover{box-shadow:0 4px 14px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.exam-type-card-icon{font-size:60px;margin-bottom:16px}.exam-type-card-title{font-size:28px;font-weight:800;margin-bottom:12px}.jamb-card .exam-type-card-title{color:#d4af37;color:var(--gold)}.postutme-card .exam-type-card-title{color:indigo;color:var(--purple)}.exam-type-card-description{color:#6b7280;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:20px}.exam-type-card-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.exam-type-card-features span{background:#e5e7eb;background:var(--border-color);border-radius:20px;color:#1a0030;color:var(--text-primary);font-size:11px;font-weight:600;padding:4px 12px}.exam-type-card-badge{border-radius:30px;display:inline-block;font-size:14px;font-weight:700;padding:8px 20px}.jamb-card .exam-type-card-badge,.postutme-card .exam-type-card-badge{background:#d4af37;background:var(--gold);color:#1a0030}.university-select-page{background:#f8f5ff;background:var(--bg-primary);overflow-y:auto}.university-header-section{background:linear-gradient(135deg,#280050,indigo);padding:30px 20px 40px;position:relative;text-align:center}.university-back-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .2s;z-index:10}.university-back-btn:hover{background:#ffffff40;transform:translateX(-2px)}.university-header-content{position:relative;text-align:center;z-index:5}.university-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:12px}.university-header-content h1{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.university-header-content p{color:#ffffffb3;font-size:14px}.university-grid-container{margin:0 auto;max-width:1200px;padding:30px 20px}.university-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.university-card{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);padding:20px;position:relative;text-align:center;transition:all .3s}.university-card.available{cursor:pointer}.university-card.available:hover{border-color:#d4af37;border-color:var(--gold);box-shadow:0 4px 14px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.university-card.coming-soon{filter:grayscale(.2);opacity:.6}.university-card-icon{font-size:48px;margin-bottom:12px}.university-card-name{color:#1a0030;color:var(--text-primary);font-size:22px;font-weight:800;margin-bottom:4px}.university-card-fullname{color:#6b7280;color:var(--text-secondary);font-size:11px;margin-bottom:12px}.university-card-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:4px 12px}.university-card-badge.available{background:#d4af37;background:var(--gold);color:#1a0030}.university-card-badge.coming{background:#e5e7eb;background:var(--border-color);color:#6b7280;color:var(--text-secondary)}.university-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:20px;padding:20px;text-align:center}.university-footer p{color:#6b7280;color:var(--text-secondary);font-size:12px}.mode-select-page{background:#f8f5ff;background:var(--bg-primary);overflow-y:auto}.mode-select-header-section{background:linear-gradient(135deg,#280050,indigo);padding:30px 20px 40px;position:relative;text-align:center}.mode-select-back-btn{background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .2s;z-index:10}.mode-select-back-btn:hover{background:#ffffff40;transform:translateX(-2px)}.mode-select-header-content{position:relative;text-align:center;z-index:5}.mode-select-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:12px}.mode-select-header-content h1{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.mode-select-header-content p{color:#ffffffb3;font-size:14px}.mode-select-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1000px;padding:40px 20px}.mode-select-card{background:#fff;background:var(--card-bg);border-radius:24px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);cursor:pointer;flex:1 1;min-width:280px;overflow:hidden;padding:30px 24px;position:relative;text-align:center;transition:all .3s}.mode-select-card:hover{box-shadow:0 4px 14px #0000001a;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.mode-select-card-icon{font-size:60px;margin-bottom:16px}.mode-select-card-title{font-size:24px;font-weight:800;margin-bottom:12px}.cbt-mode .mode-select-card-title{color:#d4af37;color:var(--gold)}.flashcard-mode .mode-select-card-title{color:indigo;color:var(--purple)}.mode-select-card-description{color:#6b7280;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:20px}.mode-select-card-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.mode-select-card-features span{background:#e5e7eb;background:var(--border-color);border-radius:20px;color:#1a0030;color:var(--text-primary);font-size:11px;font-weight:600;padding:4px 12px}.mode-select-card-badge{background:#d4af37;background:var(--gold);border-radius:30px;color:#1a0030;display:inline-block;font-size:14px;font-weight:700;padding:8px 20px}body.dark-mode .exam-type-card,body.dark-mode .mode-select-card,body.dark-mode .university-card{background:#fff;background:var(--card-bg)}@media (max-width:640px){.exam-type-container,.mode-select-container{align-items:center;flex-direction:column}.exam-type-card,.mode-select-card{max-width:100%;width:100%}.university-grid{grid-template-columns:1fr}.exam-type-header-content h1,.mode-select-header-content h1,.university-header-content h1{font-size:24px}.exam-type-icon,.mode-select-icon,.university-icon{font-size:48px}}.bottom-nav-item{transition:all .2s}.bottom-nav-item.active .bottom-nav-label{color:#d4af37;color:var(--gold)}.bottom-nav-item.active{background:#d4af3720;background:var(--gold)20}.notification-bell{font-size:24px}.notification-badge{border-radius:18px;font-size:10px;height:18px;min-width:18px;padding:0 4px;right:-12px;top:-8px}.notification-popup{align-items:center;animation:slideInRight .3s ease;background:#fff;background:var(--card-bg);border-left:4px solid #d4af37;border-left:4px solid var(--gold);border-radius:12px;bottom:80px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);display:flex;gap:12px;padding:12px 16px;position:fixed;right:16px;z-index:200}.notification-popup .popup-icon{font-size:28px}.notification-popup .popup-text{display:flex;flex-direction:column;gap:4px}.notification-popup .popup-text strong{color:#d4af37;color:var(--gold);font-size:14px}.notification-popup .popup-text span{color:#6b7280;color:var(--text-secondary);font-size:12px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.leaderboard-page{background:#f8f5ff;background:var(--bg-primary);min-height:100vh;padding-bottom:80px}.leaderboard-header{background:linear-gradient(135deg,#280050,indigo);background:linear-gradient(135deg,#280050,var(--purple));padding:30px 20px 40px;text-align:center}.leaderboard-title{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.leaderboard-subtitle{color:#ffffffb3;font-size:14px}.leaderboard-filters{background:#fff;background:var(--card-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;padding:16px}.filter-group{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#f8f5ff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:30px;color:#1a0030;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .2s}.filter-btn.active{background:#d4af37;background:var(--gold);border-color:#d4af37;border-color:var(--gold);color:#1a0030}.leaderboard-loading{color:#6b7280;color:var(--text-secondary);padding:60px;text-align:center}.leaderboard-list{padding:8px 16px}.leaderboard-item{align-items:center;background:#fff;background:var(--card-bg);border-radius:16px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s}.leaderboard-item.is-current-user{background:#d4af3710;background:var(--gold)10;border:2px solid #d4af37;border:2px solid var(--gold)}.leaderboard-rank{font-size:20px;font-weight:700;text-align:center;width:40px}.leaderboard-avatar{align-items:center;background:linear-gradient(135deg,indigo,#280050);background:linear-gradient(135deg,var(--purple),#280050);border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.leaderboard-info{flex:1 1}.leaderboard-name{color:#1a0030;color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:4px}.leaderboard-stats{color:#6b7280;color:var(--text-secondary);display:flex;font-size:11px;gap:12px}.leaderboard-score{color:#d4af37;color:var(--gold);font-size:16px;font-weight:700}.leaderboard-user-rank{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:20px;margin:20px 16px;padding:16px;text-align:center}.user-rank-label{color:#6b7280;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.user-rank-value{color:#d4af37;color:var(--gold);font-size:32px;font-weight:800;margin-bottom:12px}.challenges-page{background:#f8f5ff;background:var(--bg-primary);min-height:100vh;padding-bottom:80px}.challenges-header{background:linear-gradient(135deg,#280050,indigo);background:linear-gradient(135deg,#280050,var(--purple));padding:30px 20px 40px;text-align:center}.challenges-title{color:#fff;font-size:28px;font-weight:800;margin-bottom:8px}.challenges-subtitle{color:#ffffffb3;font-size:14px;margin-bottom:16px}.create-challenge-btn{background:#d4af37;background:var(--gold);border:none;border-radius:30px;color:#1a0030;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s}.create-challenge-btn:hover{transform:scale(1.02)}.challenges-tabs{background:#fff;background:var(--card-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:0;padding:0}.tab-btn{background:none;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px;transition:all .2s}.tab-btn.active{border-bottom:2px solid #d4af37;border-bottom:2px solid var(--gold);color:#d4af37;color:var(--gold)}.challenges-loading{color:#6b7280;color:var(--text-secondary);padding:60px;text-align:center}.challenges-list{padding:16px}.empty-state{color:#6b7280;color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-action{background:#d4af37;background:var(--gold);border:none;border-radius:30px;color:#1a0030;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 20px}.challenge-card{background:#fff;background:var(--card-bg);border-radius:20px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.challenge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.challenger-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.challenger-name{color:#1a0030;color:var(--text-primary);font-size:16px;font-weight:700}.challenge-subject{background:#d4af3720;background:var(--gold)20;border-radius:20px;color:#d4af37;color:var(--gold);font-size:12px;padding:4px 8px}.badge-accepted,.badge-completed,.badge-expired,.badge-pending{border-radius:20px;font-size:10px;font-weight:600;padding:4px 8px}.badge-pending{background:#ffa50020;color:orange}.badge-accepted{background:#4caf5020;color:#4caf50}.badge-completed{background:#9c27b020;color:#9c27b0}.badge-expired{background:#ff444420;color:#f44}.challenge-details{color:#6b7280;color:var(--text-secondary);display:flex;font-size:12px;gap:16px;margin-bottom:12px}.challenge-message{background:#f8f5ff;background:var(--bg-primary);border-radius:12px;color:#1a0030;color:var(--text-primary);font-size:13px;font-style:italic;margin-bottom:16px;padding:10px}.challenge-actions{display:flex;gap:12px}.accept-btn,.decline-btn{border-radius:30px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.decline-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#6b7280;color:var(--text-secondary)}.accept-btn{background:#d4af37;background:var(--gold);border:none;color:#1a0030}.history-card{align-items:center;background:var(--card-bg);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:8px}.history-opponent{color:#1a0030;color:var(--text-primary);font-size:14px;font-weight:600}.history-result{font-size:13px;font-weight:600}.history-result.win{color:#4caf50}.history-result.loss{color:#f44}.history-score{color:#d4af37;color:var(--gold);font-size:14px;font-weight:700}.history-date{color:var(--text-secondary)}.xp-bar-container{background:#f8f5ff;background:var(--bg-primary);border-radius:16px;margin:8px 0;padding:12px}.xp-bar-header{justify-content:space-between;margin-bottom:8px}.xp-bar-header,.xp-bar-level{align-items:center;display:flex}.xp-bar-level{color:#d4af37;color:var(--gold);font-size:14px;font-weight:600;gap:6px}.xp-icon{font-size:16px}.xp-bar-total{color:#6b7280;color:var(--text-secondary);font-size:12px}.xp-bar-progress{background:#e5e7eb;background:var(--border-color);border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#d4af37,orange);background:linear-gradient(90deg,var(--gold),orange);border-radius:10px;height:100%;transition:width .3s ease}.xp-bar-footer{color:#6b7280;color:var(--text-secondary);display:flex;font-size:10px;justify-content:space-between}.xp-bar-compact{align-items:center;display:flex;gap:8px}.xp-bar-compact-level{color:#d4af37;color:var(--gold);font-size:12px;font-weight:700}.xp-bar-compact-progress{background:#e5e7eb;background:var(--border-color);border-radius:10px;flex:1 1;height:6px;overflow:hidden}.xp-bar-compact-fill{background:linear-gradient(90deg,#d4af37,orange);background:linear-gradient(90deg,var(--gold),orange);border-radius:10px;height:100%}.xp-bar-compact-xp{color:#6b7280;color:var(--text-secondary);font-size:10px}.xp-bar-skeleton{animation:pulse 1s infinite;background:#e5e7eb;background:var(--border-color);border-radius:16px;height:40px}.challenges-page,.leaderboard-page,.profile-page,.scroll,.subjects-card-container{padding-bottom:80px!important}.challenges-list .challenge-card:last-child,.challenges-list .history-card:last-child,.leaderboard-list .leaderboard-item:last-child{margin-bottom:80px}.bottom-nav{padding:8px 16px 20px}.bottom-nav-item{border-radius:30px;gap:4px;padding:6px 12px}.bottom-nav-icon{font-size:24px}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-label{font-size:11px}.bottom-nav-label.active-label{font-weight:700}.bottom-nav-item:not(.active):hover{background:#e5e7eb30;background:var(--border-color)30}.subject-card{align-items:center;background:#fff;background:var(--card-bg);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);cursor:pointer;display:flex;gap:14px;margin-bottom:12px;padding:16px;transition:all .2s ease}.subject-card:hover{border-color:#d4af37;border-color:var(--gold);box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.lekki-card{align-items:center;background:#fff;background:var(--card-bg);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow);cursor:pointer;display:flex;gap:14px;margin-bottom:12px;padding:16px;transition:all .2s ease}.lekki-card:hover{border-color:#831843;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.subject-icon{align-items:center;border-radius:18px;display:flex;font-size:28px;height:52px;justify-content:center;transition:all .2s ease;width:52px}.subject-name{color:#1a0030;color:var(--text-primary);flex:1 1;font-size:16px;font-weight:700}.subject-question-count{color:#6b7280;color:var(--text-secondary);font-size:12px;text-align:right}.subject-status{border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px}body.dark-mode .lekki-card,body.dark-mode .subject-card{border-color:#e5e7eb;border-color:var(--border-color)}body.dark-mode .lekki-card:hover,body.dark-mode .subject-card:hover{border-color:#d4af37;border-color:var(--gold)}.bottom-nav{align-items:center;background:var(--card-bg);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);justify-content:space-around;padding:6px 12px 12px;z-index:100}.bottom-nav-item{border-radius:20px;padding:4px 8px;transition:all .2s ease}.bottom-nav-item.active{background:#d4af3715;background:var(--gold)15}.bottom-nav-icon{filter:grayscale(100%);font-size:18px;opacity:.5;transition:transform .2s ease}.bottom-nav-item.active .bottom-nav-icon{filter:grayscale(0);font-size:20px;opacity:1;transform:scale(1.05)}.bottom-nav-label{color:#6b7280;color:var(--text-secondary);font-size:10px;font-weight:500;opacity:.6;transition:all .2s ease}.bottom-nav-label.active-label{color:#d4af37;color:var(--gold);font-weight:600;opacity:1}.bottom-nav-item:not(.active):hover .bottom-nav-icon{filter:grayscale(50%);opacity:.7}.bottom-nav-item:not(.active):hover .bottom-nav-label{color:#1a0030;color:var(--text-primary);opacity:.8}.notification-bell{background:none;border:none;cursor:pointer;display:inline-block;font-size:18px;padding:0;position:relative}.bottom-nav-item:not(.active) .notification-bell{filter:grayscale(100%);opacity:.5}.bottom-nav-item.active .notification-bell{filter:grayscale(0);opacity:1}.notification-badge{align-items:center;background:#f44;border-radius:14px;color:#fff;display:flex;filter:none!important;font-size:9px;font-weight:700;height:14px;justify-content:center;min-width:14px;padding:0 3px;position:absolute;right:-10px;top:-6px}.leaderboard-xp-badge{align-items:center;display:flex;flex-direction:column;min-width:48px}.leaderboard-xp-value{color:#6c63ff;color:var(--primary,#6c63ff);font-size:14px;font-weight:700;line-height:1.1}.leaderboard-xp-label{color:#6b7280;color:var(--text-secondary);font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.exam-type-page{background:linear-gradient(160deg,#1a0030,indigo 60%,#1a0030);display:flex;flex-direction:column;min-height:100dvh}.exam-type-header-section{flex-shrink:0;padding:52px 20px 20px}.exam-type-back-btn{background:#ffffff1f;border:none;border-radius:10px;color:#ffffffb3;display:inline-block;font-size:12px;font-weight:600;margin-bottom:20px;padding:6px 14px}.exam-type-header-content{text-align:center}.exam-type-icon{font-size:36px;margin-bottom:8px}.exam-type-header-content h1{color:#fff;font-size:22px;font-weight:900;margin-bottom:4px}.exam-type-header-content p{color:#fff9;font-size:12px}.exam-type-compact-grid{grid-gap:10px;align-content:start;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(6,1fr);padding:16px 16px 40px}.exam-type-compact-card{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1.5px solid #ffffff26;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;grid-column:span 2;padding:16px 10px 14px;text-align:center;transition:all .18s}.exam-type-compact-card:focus,.exam-type-compact-card:hover{background:#fff3;border-color:#d4af37;border-color:var(--exam-color,#d4af37);box-shadow:0 6px 18px #0003;outline:none;transform:translateY(-2px)}.exam-type-compact-card:active{transform:scale(.96)}.exam-type-compact-card:nth-child(4),.exam-type-compact-card:nth-child(5){grid-column:span 3}.exam-type-compact-icon{font-size:28px}.exam-type-compact-label{color:#fff;font-size:12px;font-weight:800;line-height:1.2}.exam-type-compact-desc{color:#ffffff8c;font-size:9px;font-weight:600}.result-vibe-box{background:linear-gradient(135deg,#280050,indigo);border-radius:13px;margin-bottom:12px;padding:13px 15px;position:relative}.result-vibe-text{color:#ffffffe0;font-size:12px;font-style:italic;line-height:1.65}.result-review-btn{background:#f3f0ff;border:1.5px solid #d8d0ff;border-radius:12px;color:#6c3fc9;font-size:13px;font-weight:700;margin-bottom:10px;padding:12px;width:100%}.result-score-pct{font-size:16px;font-weight:800}.profile-view-btn{background:#f3f0ff;border:1px solid #d8d0ff;border-radius:11px;color:#6c3fc9;font-size:12px;padding:11px}.back-menu-btn{background:#0000;border-radius:11px;color:#9ca3af;padding:11px}.review-modal-overlay{align-items:flex-end;background:#0000008c;display:flex;inset:0;position:fixed;z-index:9999}.review-modal{background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:85dvh;overflow:hidden;width:100%}.review-modal-header{align-items:center;border-bottom:1px solid #f3f0ff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 18px}.review-modal-title{color:#1a0030;font-size:14px;font-weight:800}.review-modal-close{align-items:center;background:#f3f0ff;border:none;border-radius:8px;color:#6c3fc9;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.review-modal-body{flex:1 1;overflow-y:auto;padding:14px 16px 24px}.review-list{display:flex;flex-direction:column;gap:7px}.review-list-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:11px 13px;transition:all .15s}.review-list-item:active{transform:scale(.99)}.review-item-correct{background:#f0fdf4;border:1.5px solid #bbf7d0}.review-item-wrong{background:#fff1f2;border:1.5px solid #fecdd3}.review-item-num{color:#6b7280;font-size:10px;font-weight:700;min-width:24px}.review-item-q{color:#374151;flex:1 1;font-size:12px;line-height:1.4;min-width:0}.review-item-badge{flex-shrink:0;font-size:16px}.review-back-btn{background:none;border:none;color:#6c3fc9;font-size:12px;padding:0}.review-back-btn,.review-detail-q{font-weight:700;margin-bottom:14px}.review-detail-q{color:#1a0030;font-size:14px;line-height:1.55}.review-detail-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.review-detail-opt{align-items:center;background:#f8f5ff;border:1.5px solid #e9e4ff;border-radius:10px;color:#374151;display:flex;font-size:12px;gap:8px;padding:11px 13px;position:relative}.review-detail-opt.correct{background:#dcfce7;border-color:#16a34a;color:#166534}.review-detail-opt.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.review-opt-letter{align-items:center;background:#6c3fc91a;border-radius:50%;color:#6c3fc9;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;width:24px}.review-correct-badge,.review-wrong-badge{border-radius:8px;font-size:9px;font-weight:700;margin-left:auto;padding:2px 7px}.review-correct-badge{background:#dcfce7;color:#166534}.review-wrong-badge{background:#fee2e2;color:#991b1b}.review-explanation{background:#fffbeb;border:1px solid #d4af37;border-radius:10px;padding:12px 14px}.review-exp-label{color:#a07820;display:block;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.review-explanation p{color:#78350f;font-size:12px;line-height:1.65;margin:0}.challenge-flow-notice{align-items:flex-start;background:#f3f0ff;border:1px solid #d8d0ff;border-radius:10px;color:#4c1d95;display:flex;font-size:12px;gap:8px;line-height:1.55;margin-bottom:16px;padding:10px 13px}.challenge-play-overlay{background:#f8f5ff;background:var(--bg-primary,#f8f5ff);display:flex;flex-direction:column;inset:0;overflow:hidden;position:fixed;z-index:9999}.challenge-play-overlay .scr{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto!important}.challenge-play-overlay .quiz-action-bar{bottom:0;position:sticky;z-index:10}.challenge-play-banner{align-items:center;background:linear-gradient(135deg,#1a0030,indigo);color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:space-between;padding:40px 16px 12px}.challenge-play-exit{background:#ffffff26;border:none;border-radius:8px;color:#fff;font-size:12px;padding:4px 10px}.challenge-score-circle{align-items:center;background:linear-gradient(135deg,#f3f0ff,#ede9fe);border:3px solid #6c3fc9;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 16px;width:120px}.challenge-score-num{color:#6c3fc9;font-size:22px;font-weight:900}.challenge-score-pct{color:indigo;font-size:14px;font-weight:700}.history-card{background:#fff;background:var(--card-bg,#fff);border-radius:14px;box-shadow:0 2px 8px #0000000f;margin-bottom:10px;padding:14px 16px}.history-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-opponent-name{color:#1a0030;color:var(--text-primary,#1a0030);font-size:13px;font-weight:600}.history-subject{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:400}.history-result-row{align-items:center;display:flex;gap:6px;margin-bottom:4px}.history-result-icon{font-size:16px}.history-result-text{font-size:13px;font-weight:700}.history-result-row.win .history-result-text{color:#16a34a}.history-result-row.loss .history-result-text{color:#dc2626}.history-result-row.draw .history-result-text{color:#d4af37}.history-result-row.declined .history-result-text{color:#6b7280}.history-result-row.pending .history-result-text{color:#6c3fc9}.history-score-line{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin-bottom:4px}.history-date{color:#6b7280;color:var(--text-secondary,#9ca3af);font-size:10px}.badge-declined{background:#fee2e2;border-radius:10px;color:#dc2626;font-size:10px;font-weight:700;padding:2px 8px}.challenge-info-box{background:#f3eeff;border-radius:12px;display:flex;flex-direction:column;gap:6px;margin-bottom:14px;padding:12px 14px}.info-row{align-items:center;color:indigo;display:flex;font-size:13px;justify-content:space-between}.info-row span:last-child{color:#1a0030;font-weight:700}body.dark-mode .history-card{background:#fff;background:var(--card-bg);box-shadow:0 2px 8px #00000040}body.dark-mode .history-opponent-name{color:#1a0030;color:var(--text-primary)}body.dark-mode .history-result-row.draw .history-result-text{color:#d4af37}body.dark-mode .badge-declined{background:#dc262626;color:#fca5a5}body.dark-mode .challenge-info-box{background:#6c3fc926}body.dark-mode .info-row{color:#c4b5fd}body.dark-mode .info-row span:last-child{color:#f3f4f6}.sharegate-container{background:linear-gradient(160deg,#1a0030,indigo 60%,#1a0030);display:flex;padding:24px 16px}.sharegate-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;display:flex;flex-direction:column;gap:12px;padding:28px 22px 22px;text-align:center}.sharegate-icon{font-size:40px}.sharegate-subtitle{color:#ffffffa6;font-size:13px;line-height:1.6}.sharegate-vibe{border:1px solid #d4af374d;border-radius:12px;padding:12px 14px}.sharegate-vibe-badge{font-size:8px;letter-spacing:1.5px;margin-bottom:5px;text-transform:uppercase}.sharegate-vibe-text{color:#fffc;line-height:1.6}.sharegate-share-btn{border-radius:12px;padding:14px}.sharegate-share-btn-disabled{cursor:wait;opacity:.8}.sharegate-progress{height:3px}.sharegate-progress-fill{background:#4ade80;border-radius:2px}.sharegate-locked-btn{background:#ffffff0d;border-radius:12px;font-size:13px;padding:13px}.sharegate-unlocked{display:flex;flex-direction:column;gap:10px}.sharegate-success{border-radius:11px;padding:12px}.sharegate-start-btn{border-radius:12px;color:#1a0030;padding:14px}.loading-screen{align-items:center;background:#f8f5ff;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:100dvh}.loading-text{color:#6b7280;font-size:13px;font-weight:500}.loading-spinner{animation:spin .7s linear infinite;border:3px solid #6c3fc926;border-radius:50%;border-top-color:#6c3fc9;height:40px;width:40px}.bottom-nav{align-items:stretch;background:#fff;border-top:1px solid #e9e4ff;bottom:0;box-shadow:0 -2px 12px #6c3fc914;display:flex;height:60px;left:0;position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:center;padding:6px 4px;transition:all .15s}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{color:#9ca3af;font-size:9px;font-weight:600;letter-spacing:.3px}.active-label,.bottom-nav-item.active .bottom-nav-label{color:#6c3fc9!important;font-weight:700}.bottom-nav-item.active{background:#6c3fc90d}.has-bottom-nav{padding-bottom:68px}.about-exam-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.about-exam-tag{border:1.5px solid #0000;border-radius:20px;font-size:11px;font-weight:700;padding:5px 12px}.jamb-tag{background:#6c3fc91a;border-color:#6c3fc940;color:#6c3fc9}.postutme-tag{background:#0369a11a;border-color:#0369a140;color:#0369a1}.waec-tag{background:#065f461a;border-color:#065f4640;color:#065f46}.neco-tag{background:#9a34121a;border-color:#9a341240;color:#9a3412}.gst-tag{background:#7c3aed1a;border-color:#7c3aed40;color:#7c3aed}.loading-screen-logo{animation:pulse 1.5s ease-in-out infinite;font-size:44px;margin-bottom:4px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.back-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;gap:5px;max-width:180px;overflow:hidden;padding:7px 13px;transition:background .15s,transform .12s;white-space:nowrap}.back-btn:active{transform:scale(.96)}.back-btn-light{background:#ffffff26;border:1px solid #fff3;color:#fff}.back-btn-light:hover{background:#ffffff38}.back-btn-dark{background:#f3f0ff;border:1px solid #6c3fc926;color:#6c3fc9}.back-btn-dark:hover{background:#ede9fe}body.dark-mode .back-btn-dark{background:#6c3fc926;border-color:#6c3fc940;color:#c4b5fd}.back-btn-arrow{flex-shrink:0;font-size:14px;line-height:1}.back-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboard-subtitle{color:#ffffffa6;font-size:13px;font-weight:500;line-height:1.55;margin-top:-4px}.subjects-wrapper{background:#f8f5ff;background:var(--bg-primary);display:flex;flex-direction:column;height:100dvh}.subjects-mode-toggle-wrap{flex-shrink:0;padding:14px 16px 4px}.subjects-mode-toggle{background:#fff;background:var(--card-bg,#f3f0ff);border:1px solid #6c3fc91a;border-radius:14px;display:flex;gap:4px;padding:4px}.subjects-mode-btn{background:#0000;border:none;border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:11.5px;font-weight:700;padding:9px 4px;transition:all .2s;white-space:nowrap}.subjects-mode-btn.active{background:#fff;box-shadow:0 2px 8px #6c3fc926;color:#6c3fc9}body.dark-mode .subjects-mode-toggle{background:#ffffff14;border-color:#ffffff1a}body.dark-mode .subjects-mode-btn.active{background:#6c3fc94d;color:#c4b5fd}.subjects-body{flex:1 1;overflow-y:auto;padding:12px 16px 100px}.subjects-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.subjects-grid-card:last-child:nth-child(odd){grid-column:1/-1}.subjects-grid-card{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1.5px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 12px;transition:transform .15s,box-shadow .15s,border-color .15s}.subjects-grid-card:hover{border-color:#6c3fc933;border-color:var(--subject-color,#6c3fc933);box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.subjects-grid-card:active{border-color:var(--subject-color);box-shadow:0 4px 16px #0000001f;transform:scale(.97)}body.dark-mode .subjects-grid-card{box-shadow:0 2px 8px #0003}.subjects-grid-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.subjects-grid-label{color:#1a0030;color:var(--text-primary,#1a0030);font-size:13px;font-weight:700;line-height:1.2}.subjects-grid-meta{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px}.subjects-grid-badge{border-radius:10px;font-size:9px;font-weight:700;letter-spacing:.5px;margin-top:2px;padding:2px 8px;text-transform:uppercase}.subjects-empty-state{align-items:center;background:#fff;background:var(--card-bg);border-radius:20px;display:flex;flex-direction:column;gap:10px;margin-top:24px;padding:60px 20px;text-align:center}.subjects-empty-icon{font-size:56px}.subjects-empty-title{color:#1a0030;color:var(--text-primary);font-size:18px;font-weight:700}.subjects-empty-sub{color:#6b7280;color:var(--text-secondary);font-size:13px;line-height:1.55;max-width:280px}.subjects-empty-btn{background:indigo;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;margin-top:8px;padding:10px 28px;transition:all .2s}.subjects-empty-btn:hover{filter:brightness(1.1)}.error-text{color:#dc2626;font-size:12px;font-weight:600;margin-top:4px}.learn-page{background:#f8f5ff;height:100dvh}.learn-header,.learn-page{display:flex;flex-direction:column}.learn-header{gap:10px;padding:44px 16px 16px;position:relative}.learn-back-btn{align-self:flex-start;background:#ffffff26;border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px}.learn-header-info{align-items:center;display:flex;gap:12px}.learn-subject-icon{align-items:center;border-radius:12px;display:flex;font-size:20px;height:42px;justify-content:center;width:42px}.learn-subject-name{color:#fff;font-size:17px;font-weight:800}.learn-subject-meta{color:#ffffffa6;font-size:11px;margin-top:2px}.learn-font-controls{align-self:flex-end;display:flex;gap:6px;margin-top:-36px}.learn-font-btn{background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;font-size:11px;font-weight:700;padding:5px 10px}.learn-font-btn:disabled{cursor:not-allowed;opacity:.35}.learn-progress-bar{background:#6c3fc91f;flex-shrink:0;height:3px}.learn-progress-fill{border-radius:2px;height:100%;transition:width .5s ease}.learn-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:32px}.learn-accordion{display:flex;flex-direction:column;gap:8px;padding:16px 14px}.learn-accordion-item{background:#fff;border-radius:14px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:box-shadow .2s}.learn-accordion-item.open{box-shadow:0 4px 16px #6c3fc91f}.learn-accordion-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:14px;text-align:left;width:100%}.learn-accordion-left{align-items:center;display:flex;gap:10px}.learn-accordion-num{align-items:center;background:#f3f0ff;border-radius:50%;color:#6c3fc9;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;transition:background .2s,color .2s;width:28px}.learn-accordion-item.open .learn-accordion-num{color:#fff}.learn-accordion-title{color:#1a0030;font-size:13px;font-weight:700}.learn-accordion-chevron{color:#9ca3af;font-size:10px}.learn-accordion-body{border-top:1px solid #f3f0ff;padding:0 14px 16px}.learn-tts-bar{align-items:center;display:flex;flex-wrap:wrap;gap:7px;padding:10px 0}.learn-voice-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-family:Poppins,sans-serif;font-size:11px;min-width:120px;padding:6px 10px}.learn-tts-btn{background:#6c3fc9;border:none;border-radius:8px;color:#fff;font-size:11px;font-weight:700;padding:6px 12px}.learn-tts-stop{background:#ef4444}.learn-content-html{line-height:1.7}.learn-content-html .learn-intro{background:#f3f0ff;border-left:3px solid #6c3fc9;border-radius:10px;color:#374151;font-size:1em;line-height:1.75;margin-bottom:14px;padding:12px 14px}.learn-content-html .learn-keyword{background:#6c3fc91a;border-radius:4px;color:#6c3fc9;font-size:.95em;font-weight:700;padding:1px 5px}.learn-content-html .learn-subheading,.learn-content-html h3.learn-subheading{align-items:center;border-bottom:2px solid #e9e4ff;color:#1a0030;display:flex;font-size:1.08em;font-weight:800;gap:6px;margin:18px 0 8px;padding-bottom:5px}.learn-content-html .learn-p{color:#374151;font-size:1em;line-height:1.75;margin-bottom:10px}.learn-content-html .learn-verify{color:#16a34a;font-style:italic}.learn-content-html .learn-list{margin-bottom:12px;padding-left:18px}.learn-content-html .learn-list li{color:#374151;font-size:1em;line-height:1.75;margin-bottom:5px}.learn-content-html .learn-ordered{list-style:decimal}.learn-content-html .learn-table-wrap{border-radius:10px;box-shadow:0 1px 6px #0000000f;margin-bottom:14px;overflow-x:auto}.learn-content-html .learn-table{border-collapse:collapse;font-size:.9em;min-width:260px;width:100%}.learn-content-html .learn-table thead tr{background:#6c3fc9;color:#fff}.learn-content-html .learn-table th{font-weight:700;padding:8px 10px;text-align:left;white-space:nowrap}.learn-content-html .learn-table td{border-bottom:1px solid #f3f4f6;color:#374151;line-height:1.55;padding:8px 10px}.learn-content-html .learn-table tbody tr:nth-child(2n){background:#fafafe}.learn-content-html .learn-small-table{font-size:11px}.learn-content-html .learn-svg-wrap{border-radius:12px;margin:10px 0 16px;overflow:hidden}.learn-content-html .learn-svg{display:block;height:auto;max-height:140px;width:100%}.learn-content-html .learn-tip-box{align-items:flex-start;background:#fffbeb;border:1px solid #d4af37;border-radius:10px;color:#78350f;display:flex;font-size:12px;gap:9px;line-height:1.65;margin:12px 0;padding:10px 12px}.learn-content-html .learn-tip-warn{background:#fff1f2;border-color:#f43f5e;color:#9f1239}.learn-content-html .learn-tip-icon{flex-shrink:0;font-size:16px;margin-top:1px}.learn-content-html .learn-tense-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.learn-content-html .learn-tense-card{border-radius:10px;padding:10px 8px;text-align:center}.learn-content-html .learn-tense-title{font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.learn-content-html .learn-tense-example{font-size:12px;line-height:1.4}.learn-content-html .learn-tense-note{font-size:9px;margin-top:3px;opacity:.7}.learn-content-html .learn-tense-past{background:#fee2e2;color:#9a3412}.learn-content-html .learn-tense-present{background:#dcfce7;color:#065f46}.learn-content-html .learn-tense-future{background:#dbeafe;color:#1d4ed8}.learn-content-html .learn-formula-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.learn-content-html .learn-formula{background:#f8f5ff;border:1px solid #e9e4ff;border-radius:8px;color:#1a0030;font-family:Courier New,monospace;font-size:13px;padding:8px 12px}.learn-content-html .learn-formula-label{color:#6c3fc9;font-family:Poppins,sans-serif;font-weight:700;margin-right:6px}.learn-content-html .learn-formula-inline{background:#f3f0ff;border-radius:5px;color:#6c3fc9;font-family:Courier New,monospace;font-size:13px;font-weight:700;padding:2px 8px}.learn-content-html .learn-worked-example{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;margin-bottom:14px;padding:12px 14px}.learn-content-html .learn-worked-title{color:#166534;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.learn-keyboard-hint{color:#9ca3af;font-size:10px;padding:8px 0 0;text-align:center}.learn-nav-row{align-items:center;border-top:1px solid #f3f0ff;display:flex;gap:8px;justify-content:space-between;margin-top:14px;padding:14px 0 0}.learn-nav-btn{border-radius:9px;font-size:11px;padding:8px 14px}.learn-quiz-trigger{border:none;border-radius:10px;color:#fff;flex:1 1;font-size:12px;font-weight:700;max-width:160px;padding:10px 16px}.learn-empty{color:#9ca3af;font-size:13px;padding:40px 20px;text-align:center}.learn-quiz-overlay{background:#f8f5ff;flex:1 1;overflow-y:auto;padding:16px}.learn-quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.learn-quiz-badge{color:#6c3fc9;font-size:12px;font-weight:700}.learn-quiz-progress{color:#6b7280;font-size:11px;font-weight:600}.learn-quiz-card{background:#fff;border-radius:16px;box-shadow:0 3px 12px #00000012;padding:16px}.learn-quiz-q{color:#1a0030;font-size:14px;font-weight:700;line-height:1.55;margin-bottom:14px}.learn-quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.learn-quiz-opt{align-items:center;background:#f8f5ff;border:2px solid #e9e4ff;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;padding:11px 14px;text-align:left;transition:all .15s;width:100%}.learn-quiz-opt:disabled{cursor:not-allowed}.learn-quiz-opt.selected{background:#ede9fe;border-color:#6c3fc9;color:#6c3fc9}.learn-quiz-opt.correct{background:#dcfce7;border-color:#16a34a;color:#166534}.learn-quiz-opt.wrong{background:#fee2e2;border-color:#ef4444;color:#991b1b}.learn-quiz-opt-letter{align-items:center;background:#6c3fc91a;border-radius:50%;color:#6c3fc9;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.learn-quiz-next,.learn-quiz-submit{border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:700;margin-top:6px;padding:12px;width:100%}.learn-quiz-submit:disabled{cursor:not-allowed;opacity:.4}.learn-quiz-explanation{border-top:1px solid #f3f0ff;margin-top:12px;padding-top:12px}.learn-quiz-result{font-size:14px;font-weight:700;margin-bottom:8px}.learn-quiz-result.correct{color:#16a34a}.learn-quiz-result.wrong{color:#ef4444}.learn-quiz-exp-text{background:#f8f5ff;border-radius:8px;color:#374151;font-size:12px;line-height:1.65;margin-bottom:12px;padding:10px 12px}.learn-quiz-summary{background:#fff;border-radius:16px;margin-top:12px;padding:24px;text-align:center}.learn-quiz-summary-score{color:#6c3fc9;font-size:36px;font-weight:900;margin-bottom:8px}.learn-topic-list{display:flex;flex-direction:column;gap:10px;padding:14px 14px 100px}.learn-topic-card{align-items:center;background:#fff;border:1.5px solid #0000;border-radius:14px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px;transition:all .18s}.learn-topic-card:focus,.learn-topic-card:hover{box-shadow:0 4px 16px #6c3fc91f;outline:none;transform:translateY(-1px)}.learn-topic-card:active{transform:scale(.98)}.learn-topic-card.active{background:linear-gradient(135deg,#faf8ff,#f3f0ff);border-color:#6c3fc9;border-color:var(--topic-color,#6c3fc9)}.learn-topic-card.done{background:#f0fdf4;border-color:#16a34a4d}.learn-topic-card.locked{cursor:not-allowed;opacity:.5}.learn-topic-card.locked:hover{box-shadow:0 2px 8px #0000000f;transform:none}.learn-topic-card-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.learn-topic-num{align-items:center;background:#f3f0ff;border:2px solid #0000;border-radius:50%;color:#6c3fc9;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:32px;justify-content:center;transition:all .2s;width:32px}.learn-topic-num.done{background:#16a34a;border-color:#16a34a;color:#fff}.learn-topic-card-info{flex:1 1;min-width:0}.learn-topic-title{color:#1a0030;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-topic-status{color:#9ca3af;font-size:10px;font-weight:500;margin-top:2px}.learn-topic-card.done .learn-topic-status{color:#16a34a}.learn-topic-card-right{flex-shrink:0}.learn-topic-done-badge{align-items:center;background:#dcfce7;border-radius:50%;color:#16a34a;display:flex;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.learn-header{flex-shrink:0;overflow:hidden;transition:padding .25s ease}.learn-header-full{padding:44px 16px 14px}.learn-header-collapsed{padding:44px 16px 8px}.learn-header-collapsed .learn-header-info,.learn-header-collapsed .learn-tts-bar{display:none}.learn-header-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.learn-header-progress-bar{background:#ffffff26;border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.learn-header-progress-fill{border-radius:2px;height:100%;transition:width .5s ease}.learn-header-progress-label{color:#fff9;font-size:10px;margin-top:3px;text-align:right}.learn-tts-compact{flex-wrap:nowrap;padding:6px 0 0}.learn-tts-compact .learn-voice-select{flex:1 1;font-size:10px;min-width:0;padding:4px 8px}.learn-tts-compact .learn-tts-btn{flex-shrink:0;font-size:11px;padding:5px 10px}.learn-content-footer{display:flex;flex-direction:column;gap:10px;padding:16px 16px 32px}.learn-completed-badge{background:#dcfce7;border-radius:10px;color:#166534;font-size:13px;font-weight:700;padding:12px;text-align:center}.learn-quiz-trigger-full{border:none;border-radius:12px;box-shadow:0 4px 14px #6c3fc940;color:#fff;font-size:14px;font-weight:800;padding:14px;width:100%}.learn-content-nav{display:flex;gap:8px}.learn-nav-btn{background:#f3f0ff;border:none;border-radius:10px;color:#6c3fc9;flex:1 1;font-size:12px;font-weight:700;padding:10px}.learn-nav-btn:disabled{cursor:not-allowed;opacity:.35}.learn-nav-next{border:1.5px solid #0000}.learn-nav-next:disabled{background:#f3f0ff;border-color:#0000;color:#9ca3af}.learn-quiz-dots{display:flex;gap:5px;justify-content:center;margin-bottom:14px}.learn-quiz-dot{background:#e9e4ff;border-radius:50%;height:8px;transition:all .2s;width:8px}.learn-quiz-dot.active{background:#6c3fc9;transform:scale(1.2)}.learn-quiz-dot.done{background:#16a34a}.learn-quiz-back-btn{background:none;border:none;color:#6c3fc9;cursor:pointer;font-size:12px;font-weight:700;padding:0}.learn-quiz-results{display:flex;flex-direction:column;gap:12px;padding:20px 14px 40px}.learn-quiz-results-score{font-size:48px;font-weight:900;text-align:center}.learn-quiz-results-label{color:#374151;font-size:15px;font-weight:700;text-align:center}.learn-quiz-results-list{display:flex;flex-direction:column;gap:6px}.learn-quiz-result-row{align-items:center;border-radius:9px;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:9px 12px}.learn-quiz-result-row.correct{background:#f0fdf4;color:#166534}.learn-quiz-result-row.wrong{background:#fff1f2;color:#9f1239}.learn-quiz-finish-btn{border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:800;padding:14px;width:100%}.learn-quiz-retry-btn{background:#f3f0ff;border:none;border-radius:12px;color:#6c3fc9;font-size:13px;font-weight:700;padding:12px;width:100%}body.dark-mode .learn-topic-card{background:#1a0030;box-shadow:0 2px 8px #00000040}body.dark-mode .learn-topic-card.active{background:linear-gradient(135deg,#1a0030,#2d1b4e)}body.dark-mode .learn-topic-card.done{background:#16a34a1a}body.dark-mode .learn-topic-title{color:#f3f4f6}body.dark-mode .learn-topic-num{background:#2d1b4e}body.dark-mode .learn-quiz-result-row.correct{background:#16a34a1f;color:#4ade80}body.dark-mode .learn-quiz-result-row.wrong{background:#ef44441f;color:#fca5a5}body.dark-mode .learn-quiz-results-label{color:#d1d5db}body.dark-mode .learn-quiz-finish-btn,body.dark-mode .learn-quiz-retry-btn{background:#2d1b4e;color:#c4b5fd}body.dark-mode .learn-completed-badge{background:#16a34a26;color:#4ade80}.ready-container{align-items:center;background:linear-gradient(160deg,#1a0030,indigo,#1a0030);gap:14px;justify-content:center;padding:40px 24px;position:relative;text-align:center}.ready-back-btn{background:#ffffff1a;border:none;border-radius:10px;color:#ffffffb3;font-size:12px;left:20px;padding:6px 14px;position:absolute;top:48px}.ready-icon{font-size:28px}.ready-timer-circle{align-items:center;display:flex;height:140px;justify-content:center;position:relative;width:140px}.ready-count{color:#fff;font-size:58px;font-weight:900;z-index:1}.ready-subject{color:#fff;font-size:20px;font-weight:800}.ready-info{color:#ffffffa6;font-size:12px;line-height:1.6}.ready-features{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.ready-feature{border-radius:16px;font-size:10px;font-weight:600;padding:4px 10px}.ready-feature-gold{background:#d4af3733;border:1px solid #d4af37;color:#ffeb82}.ready-feature-white{background:#ffffff1a;border:1px solid #fff3;color:#fff}.quiz-header{flex-shrink:0;padding:38px 15px 13px}.quiz-home-btn{background:#ffffff1f;border:none;border-radius:8px;color:#ffffffd9;font-size:11px;font-weight:600;padding:5px 11px}.quiz-timer{font-size:12px;font-weight:700}.quiz-timer-warning{animation:timerPulse .6s infinite}.quiz-score-badge{background:#0003;border-radius:14px;color:#ffeb82;font-size:11px;font-weight:700;padding:4px 10px}.quiz-progress-bar{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}.quiz-progress-fill{background:#d4af37;border-radius:2px;height:100%;transition:width .4s ease}.lifeline-button{border-radius:10px;flex:1 1;font-size:10px;font-weight:700;padding:8px;transition:all .3s}.lifeline-fifty{background:#fff;border:1.5px solid #d4af37;color:#a07820}.lifeline-fifty-used{background:#f9f9f9;border:1px solid #e5e7eb;color:#ccc;cursor:not-allowed;opacity:.38}.lifeline-hint{background:#fff;border:1.5px solid indigo;color:indigo}.lifeline-hint-used{background:#f9f9f9;border:1px solid #e5e7eb;color:#ccc;cursor:not-allowed;opacity:.38}.lifeline-voice{background:#dcfce7;border:1.5px solid #16a34a;color:#16a34a}.lifeline-voice-off{background:#fff;border:1.5px solid #6b7280;color:#6b7280}.hint-box{background:#fffbeb;border:1px solid #d4af37;border-radius:11px;flex-shrink:0;padding:9px 13px}.hint-title{color:#a07820;font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.hint-text{color:#78350f;font-size:12px;line-height:1.55}.question-card{background:#fff;border-radius:16px;box-shadow:0 3px 14px #00000014;flex-shrink:0;padding:15px;transition:border-color .3s}.question-card-correct{border:2px solid #16a34a}.question-card-wrong{border:2px solid #dc2626}.question-number{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.question-year{background:#0000001a;border-radius:12px;font-size:9px;font-weight:700;padding:2px 7px}.question-text{color:#1a0030;font-size:13px;font-weight:600;line-height:1.55;margin-bottom:12px}.quiz-option{border-radius:11px;cursor:pointer;font-size:13px;font-weight:500;gap:9px;margin-bottom:7px;padding:11px 13px}.quiz-option,.quiz-option-letter{align-items:center;display:flex;transition:all .18s}.quiz-option-letter{border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.quick-take{background:linear-gradient(135deg,#280050,indigo);border-radius:14px;flex-shrink:0;padding:13px 15px}.quick-take-title{color:#d4af37;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:5px;text-transform:uppercase}.quick-take-text{color:#ffffffe0;font-size:12px;line-height:1.65}.quick-take-link{background:#d4af3714;border:1px solid #d4af3766;border-radius:18px;color:#ffeb82;cursor:pointer;display:inline-block;font-size:10px;font-weight:700;margin-top:7px;padding:3px 11px}.quiz-action-bar{align-items:center;background:#f8f5ff;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:9px;padding:9px 13px 18px}.quiz-clear-btn{background:#fff;border:2px solid #e5e7eb;border-radius:11px;color:#6b7280;font-size:12px;font-weight:600;padding:10px 13px}.quiz-submit-btn{border:none;border-radius:11px;flex:1 1;font-size:13px;font-weight:700;padding:11px 18px;transition:all .18s}.quiz-submit-active{background:indigo;box-shadow:0 4px 14px #4b00824d;color:#fff}.quiz-submit-inactive{background:#e5e7eb;color:#6b7280;cursor:not-allowed;opacity:.55}.quiz-next-btn{align-items:center;background:#d4af37;border:none;border-radius:11px;box-shadow:0 4px 14px #d4af3766;color:#280050;display:flex;font-size:13px;font-weight:700;gap:5px;margin-left:auto;padding:11px 20px}.modal-overlay{align-items:flex-end;background:#0009;inset:0;position:absolute;z-index:100}.modal-content{-webkit-overflow-scrolling:touch;background:#fff;border-radius:26px 26px 0 0;max-height:82%;overflow-y:auto;padding:24px 22px 32px;width:100%}.modal-handle{background:#e5e7eb;border-radius:2px;height:4px;margin:0 auto 18px;width:36px}.modal-title{color:indigo;font-size:14px;font-weight:800;margin-bottom:6px}.modal-question{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-style:italic;line-height:1.55;margin-bottom:14px;padding-bottom:12px}.modal-section-title{color:#d4af37;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.modal-explanation{color:#1a0030;font-size:13px;line-height:1.85}.modal-answer-box{background:#00000012;border:1px solid #00000030;border-radius:10px;margin-bottom:16px;margin-top:14px;padding:10px 14px}.modal-answer-title{font-size:9px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.modal-answer-text{color:#1a0030;font-size:13px;font-weight:700}.modal-close-btn{background:indigo;border:none;border-radius:11px;color:#fff;font-size:13px;font-weight:700;padding:13px;width:100%}.scorecard-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:200}.scorecard-container{border-radius:24px;box-shadow:0 24px 60px #0009;max-width:340px;overflow:hidden;width:100%}.scorecard-header{overflow:hidden;padding:24px 22px 18px;position:relative}.scorecard-stars{border-radius:50%;height:3px;opacity:.35;position:absolute;width:3px}.scorecard-brand{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;position:relative}.scorecard-brand-name{color:#ffffff61;font-size:10px;letter-spacing:2px;text-transform:uppercase}.scorecard-grade{border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 10px}.scorecard-center{position:relative;text-align:center}.scorecard-emoji{font-size:40px;margin-bottom:2px}.scorecard-percent{font-size:56px;font-weight:900;letter-spacing:-2px;line-height:1}.scorecard-percent-small{font-size:22px;font-weight:700;letter-spacing:0}.scorecard-fraction{color:#fff9;font-size:16px;font-weight:600;margin-top:2px}.scorecard-user{border-top:1px solid #ffffff1a;margin-top:14px;padding-top:14px;text-align:center}.scorecard-user-name{color:#fff;font-size:15px;font-weight:800}.scorecard-user-subject{color:#fff6;font-size:11px;margin-top:2px}.scorecard-stats{background:#110020;border-top:1px solid #ffffff0f;display:flex}.scorecard-stat{flex:1 1;padding:13px 8px;text-align:center}.scorecard-stat-icon{font-size:10px;margin-bottom:3px}.scorecard-stat-value{font-size:20px;font-weight:900}.scorecard-stat-label{color:#ffffff4d;font-size:9px;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.scorecard-quote{background:#0d0018;border-top:1px solid #ffffff0f;padding:13px 20px}.scorecard-quote-text{color:#ffffff80;font-size:11px;font-style:italic;line-height:1.65;text-align:center}.scorecard-footer{background:#0a0015;border-top:1px solid #ffffff0f;padding:14px 18px 18px}.scorecard-url{color:#fff3;font-size:10px;letter-spacing:1px;margin-bottom:11px;text-align:center}.scorecard-share-btn{align-items:center;background:#25d366;border:none;border-radius:12px;color:#fff;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;margin-bottom:9px;padding:13px;width:100%}.scorecard-close-btn{background:#0000;border:1px solid #ffffff1a;border-radius:12px;color:#ffffff52;font-size:12px;padding:10px;width:100%}.create-challenge-modal{background:var(--card-bg);border-radius:24px;box-shadow:var(--shadow);left:50%;max-height:85vh;max-width:400px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.modal-overlay{background:#000000b3;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal-header,.modal-overlay{align-items:center;display:flex}.modal-header{background:var(--purple);color:#fff;justify-content:space-between;padding:16px 20px}.modal-title{font-size:18px;font-weight:700}.modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px}.modal-body{max-height:60vh;overflow-y:auto;padding:20px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.radio-group{display:flex;flex-wrap:wrap;gap:16px}.radio-group label{align-items:center;display:flex;font-weight:400;gap:6px;margin-bottom:0}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1 1}.message-preview{background:var(--gold)10;border-radius:12px;color:var(--text-secondary);font-size:13px;font-style:italic;padding:10px;text-align:center}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.cancel-btn,.send-btn{border-radius:30px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.cancel-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.send-btn{background:var(--gold);border:none;color:#1a0030}.send-btn:disabled{cursor:not-allowed;opacity:.6}body.dark-mode .challenge-card,body.dark-mode .create-challenge-modal,body.dark-mode .history-card,body.dark-mode .leaderboard-item{background:var(--card-bg)}body.dark-mode .challenges-header,body.dark-mode .leaderboard-header{background:linear-gradient(135deg,#1a0030,var(--purple))}.result-hero{flex-shrink:0;overflow:hidden;padding:40px 20px 62px;position:relative;text-align:center}.result-score-circle{align-items:center;background:#ffffff1a;border:3px solid #d4af37;border-radius:50%;box-shadow:0 0 32px #d4af374d;display:flex;flex-direction:column;height:108px;justify-content:center;margin:0 auto 12px;position:relative;width:108px}.result-score-number{color:#d4af37;font-size:26px;font-weight:900}.result-score-label{color:#ffffff8c;font-size:9px;letter-spacing:1px}.result-name{color:#fff;font-size:18px;font-weight:800}.result-message{color:#ffffffb3;font-size:12px;line-height:1.5;margin-top:4px}.result-stats{display:flex;gap:8px;margin-bottom:12px}.result-stat-card{background:#fff;border-radius:13px;box-shadow:0 2px 10px #0000000f;flex:1 1;padding:12px 9px;text-align:center}.result-stat-value{color:indigo;font-size:18px;font-weight:800}.result-stat-label{color:#6b7280;font-size:9px;font-weight:600;margin-top:1px}.result-scorecard-btn{align-items:center;border:none;border-radius:13px;color:#fff;display:flex;font-size:13px;font-weight:700;gap:7px;justify-content:center;margin-bottom:12px;padding:13px 16px;width:100%}.gate-container{background:linear-gradient(135deg,#280050,#3d0070);border-radius:16px;margin-bottom:12px;padding:16px 18px}.gate-badge{color:#d4af37;font-size:9px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px}.gate-quote{color:#fff;font-size:12px;font-style:italic;line-height:1.65;margin-bottom:12px}.gate-text{color:#ffffff8c;font-size:11px;line-height:1.5;margin-bottom:10px}.gate-share-btn{align-items:center;background:#25d366;border:none;border-radius:12px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:9px;justify-content:center;margin-bottom:10px;padding:14px;width:100%}.gate-locked-btn{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;color:#ffffff4d;cursor:not-allowed;font-size:13px;font-weight:700;padding:13px;width:100%}.gate-unlock-note{color:#ffffff59;font-size:10px;margin-top:6px;text-align:center}.gate-verifying{background:#25d3661a;border:1px solid #25d3664d;border-radius:11px;margin-bottom:10px;padding:13px 14px;text-align:center}.gate-verifying-text{color:#4ade80;font-size:13px;font-weight:700;margin-bottom:4px}.gate-countdown{color:#ffffff73;font-size:11px;line-height:1.5}.gate-countdown-number{color:#d4af37;font-weight:700}.gate-progress-bar{background:#ffffff1a;border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.gate-progress-fill{background:#16a34a;border-radius:2px;height:100%;transition:width 1s linear}.gate-success{background:#16a34a2e;border:1px solid #16a34a;border-radius:11px;margin-bottom:10px;padding:11px 14px;text-align:center}.gate-success-text{color:#4ade80;font-size:13px;font-weight:700}.join-card{background:linear-gradient(135deg,#280050,indigo);border-radius:16px;margin-bottom:10px;padding:16px;text-align:center}.join-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.join-subtitle{color:#ffffff8c;font-size:11px;margin-bottom:12px}.join-button{align-items:center;background:#25d366;border:none;border-radius:11px;display:flex;gap:7px;justify-content:center;margin-bottom:8px}.join-button,.join-play-again{color:#fff;font-size:13px;font-weight:700;padding:12px;width:100%}.join-play-again{background:#ffffff1a;border:1px solid #ffffff29;border-radius:11px}.profile-view-btn{background:#fff;border:2px solid indigo;border-radius:13px;color:indigo;font-size:13px;font-weight:700;margin-bottom:8px;padding:13px;width:100%}.back-menu-btn{background:#f8f5ff;border:1px solid #e5e7eb;border-radius:13px;color:#6b7280;font-size:12px;font-weight:600;padding:12px;width:100%}.adgate-container{align-items:center;background:linear-gradient(160deg,#1a0030,indigo,#1a0030);justify-content:center;padding:40px 24px}.adgate-card{max-width:380px;width:100%}.adgate-icon{font-size:52px;margin-bottom:8px;text-align:center}.adgate-title{color:#fff;font-size:20px;font-weight:800;line-height:1.2;text-align:center}.adgate-subtitle{color:#ffffff8c;font-size:12px;line-height:1.5;margin-top:8px;text-align:center}.adgate-vibe{background:#d4af371a;border:1px solid #d4af3740;border-radius:14px;margin-bottom:22px;padding:16px;text-align:center}.adgate-vibe-badge{color:#d4af37;font-size:9px;font-weight:700;margin-bottom:8px}.adgate-vibe-text{color:#ffffffd9;font-size:13px;font-weight:500}.adgate-countdown{margin-bottom:16px;text-align:center}.adgate-countdown-label{color:#fff9;font-size:13px;margin-bottom:8px}.adgate-countdown-number{color:#d4af37;font-size:48px;font-weight:800}.adgate-countdown-hint{color:#fff6;font-size:11px;margin-top:8px}.adgate-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden}.adgate-progress-fill{background:#d4af37;height:100%;transition:width 1s linear}.adgate-retry-btn{background:#d4af3733;border:1px solid #d4af37;border-radius:11px;color:#d4af37;font-size:13px;font-weight:600;margin-bottom:10px;padding:12px;width:100%}.adgate-waiting-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:13px;color:#fff6;cursor:not-allowed;font-size:14px;font-weight:700;padding:15px;width:100%}.adgate-success{background:#16a34a2e;border:1px solid #16a34a;border-radius:13px;margin-bottom:14px;padding:13px 16px;text-align:center}.adgate-success-title{color:#4ade80;font-size:14px;font-weight:700;margin-bottom:3px}.adgate-success-text{color:#ffffffb3;font-size:12px}.adgate-continue-btn{background:#d4af37;border:none;border-radius:13px;box-shadow:0 8px 22px #d4af3766;color:#280050;font-size:15px;font-weight:700;padding:15px;width:100%}.sharegate-container{align-items:center;background:linear-gradient(160deg,#1a0030,indigo,#1a0030);justify-content:center;padding:40px 24px}.sharegate-card{max-width:380px;width:100%}.sharegate-icon{font-size:52px;margin-bottom:8px;text-align:center}.sharegate-title{color:#fff;font-size:20px;font-weight:800;line-height:1.2;text-align:center}.sharegate-subtitle{color:#ffffff8c;font-size:12px;margin-top:8px;text-align:center}.sharegate-vibe{background:#d4af371a;border:1px solid #d4af3740;border-radius:14px;margin-bottom:22px;padding:13px 16px;text-align:center}.sharegate-vibe-badge{color:#d4af37;font-size:9px;font-weight:700;margin-bottom:6px}.sharegate-vibe-text{color:#ffffffbf;font-size:12px;font-style:italic}.sharegate-share-btn{align-items:center;background:#25d366;border:none;border-radius:13px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:9px;justify-content:center;margin-bottom:12px;padding:15px;width:100%}.sharegate-share-btn-disabled{background:#25d36680;cursor:default}.sharegate-progress{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden}.sharegate-progress-fill{background:#16a34a;height:100%;transition:width 1s linear}.sharegate-locked-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:13px;color:#ffffff40;cursor:not-allowed;font-size:14px;font-weight:700;padding:14px;width:100%}.sharegate-unlocked{text-align:center}.sharegate-success{background:#16a34a2e;border:1px solid #16a34a;border-radius:13px;margin-bottom:14px;padding:13px 16px;text-align:center}.sharegate-success-text{color:#4ade80;font-size:14px;font-weight:700}.sharegate-start-btn{background:#d4af37;border:none;border-radius:13px;box-shadow:0 8px 22px #d4af3766;color:#280050;font-size:15px;font-weight:700;padding:15px;width:100%}.shop-page{background:#f8f5ff;background:var(--bg-primary,#f8f5ff);display:flex;flex-direction:column;height:100dvh}.shop-header{background:linear-gradient(135deg,#1a0030,indigo);flex-shrink:0;overflow:hidden;padding:44px 20px 28px;position:relative}.shop-header-bg{background:radial-gradient(circle at 70% 40%,#d4af3726,#0000 60%);inset:0;pointer-events:none;position:absolute}.shop-header-content{position:relative;z-index:1}.shop-title{color:#fff;font-size:22px;font-weight:900;margin-bottom:4px}.shop-subtitle{color:#ffffffa6;font-size:12px}.shop-body{flex:1 1;overflow-y:auto;padding:20px 14px 100px}.premium-active-box{background:linear-gradient(135deg,#1a0030,indigo);border:1.5px solid #d4af3759;border-radius:22px;box-shadow:0 8px 28px #4b008240;overflow:hidden;padding:24px 20px;position:relative}.premium-active-box:before{background:radial-gradient(circle,#d4af3726,#0000 70%);content:"";height:160px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:160px}.premium-badge{background:linear-gradient(135deg,#d4af37,#ffeb82);border-radius:30px;display:inline-block;font-size:12px;padding:5px 16px}.premium-active-title{color:#fff;font-size:17px;margin-top:12px}.premium-active-expiry{color:#ffffff80;margin-top:4px}.shop-already-premium{color:#ffffffbf;line-height:1.6;margin-top:10px}.premium-manage-btn{background:#ffffff1a;border:1px solid #ffffff40;border-radius:30px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;margin-top:16px;padding:10px 24px;transition:all .2s}.premium-manage-btn:hover{background:#fff3}.shop-plans-section{margin-bottom:28px}.shop-pricing-card{background:#fff;border-radius:28px;box-shadow:0 8px 28px #00000014;margin-bottom:20px;overflow:hidden}.shop-pricing-card-header{align-items:center;background:linear-gradient(135deg,#f8f5ff,#f0ebff);border-bottom:1px solid #6c3fc926;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.shop-pricing-card-title{color:#1a0030;font-size:16px;font-weight:800}.save-badge{background:#16a34a;border-radius:20px;color:#fff;font-size:8px;font-weight:600;margin-left:4px;padding:2px 5px}.shop-plans-comparison{grid-gap:0;-webkit-overflow-scrolling:touch;background:#fff;display:grid;gap:0;grid-template-columns:repeat(3,minmax(auto,30vw));overflow-x:auto}.shop-compare-plan{align-items:center;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px 12px 16px;position:relative;text-align:center;transition:all .2s}.shop-compare-plan:last-child{border-right:none}.shop-compare-plan.highlighted{background:linear-gradient(160deg,#f3eeff,#fff);border-radius:12px;box-shadow:0 4px 16px #4b00821a;margin:-2px 0;position:relative;z-index:1}.shop-compare-plan.annual-disabled{background:#f9fafb;opacity:.6}.shop-billing-toggle{background:#e5e7eb;border-radius:30px;display:flex;gap:2px;padding:3px}.shop-billing-btn{background:#0000;border:none;border-radius:28px;color:#6b7280;cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;padding:5px 14px;transition:all .2s;white-space:nowrap}.shop-billing-btn.active{background:indigo;box-shadow:0 2px 8px #4b008240;color:#fff}.shop-plan-tag{background:linear-gradient(135deg,#d4af37,#ffeb82);border-radius:30px;box-shadow:0 2px 6px #d4af3759;color:#1a0030;font-size:9px;font-weight:800;left:50%;letter-spacing:.3px;padding:2px 10px;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap}.shop-plan-icon{font-size:24px;margin-top:4px}.shop-plan-name{color:#1a0030;font-size:14px;font-weight:800}.shop-plan-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:1px;justify-content:center;min-height:32px}.shop-plan-currency{align-self:flex-start;color:indigo;font-size:11px;font-weight:700;margin-top:3px}.shop-plan-amount{color:indigo;font-size:22px;font-weight:900;line-height:1}.shop-plan-period{align-self:flex-end;color:#6b7280;font-size:9px;font-weight:600;margin-bottom:2px}.shop-plan-no-annual{align-self:center;color:#9ca3af;font-size:10px;font-style:italic}.shop-plan-features{display:flex;flex-direction:column;gap:4px;margin:2px 0;text-align:left;width:100%}.shop-plan-feature{align-items:flex-start;color:#374151;display:flex;font-size:12px;font-weight:500;gap:5px;line-height:1.3}.shop-plan-check{color:#16a34a;flex-shrink:0;font-size:10px;font-weight:800;margin-top:1px}.shop-plan-cta{border:none;border-radius:10px;cursor:pointer;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;margin-top:2px;padding:8px;transition:all .2s;width:100%}.shop-plan-cta.cta-primary{background:linear-gradient(135deg,indigo,#6c3fc9);box-shadow:0 3px 10px #4b00824d;color:#fff}.shop-plan-cta.cta-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.shop-plan-cta.cta-secondary{background:#f8f5ff;border:1.5px solid indigo;color:indigo}.shop-plan-cta.cta-secondary:hover{background:indigo;color:#fff}.shop-plan-cta:disabled{cursor:not-allowed;opacity:.5}.shop-plan-disabled-note{color:#9ca3af;font-size:9px;font-style:italic;margin-top:-2px}.shop-plans-note{color:#9ca3af;font-size:10px;margin-top:12px;padding:0 12px 12px;text-align:center}.shop-category-section{margin-bottom:20px}.shop-category-label{color:#6c3fc9;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding-left:2px;text-transform:uppercase}.shop-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.shop-item-card{background:#fff;border:1.5px solid #0000;border-radius:14px;box-shadow:0 2px 10px #0000000f;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .15s,box-shadow .15s}.shop-item-card:hover{border-color:#6c3fc933;box-shadow:0 6px 18px #6c3fc91f;transform:translateY(-2px)}.shop-item-card:active{transform:scale(.98)}.shop-item-img{flex-shrink:0;overflow:hidden;width:100%}.shop-item-body{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:10px}.shop-item-title{color:#1a0030;font-size:12px;font-weight:700;line-height:1.3}.shop-item-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;flex:1 1;font-size:10px;line-height:1.45;overflow:hidden}.shop-item-footer{align-items:center;border-top:1px solid #f3f0ff;display:flex;justify-content:space-between;margin-top:6px;padding-top:6px}.shop-item-price{color:#6c3fc9;font-size:13px;font-weight:800}.shop-item-buy{background:#d4af371a;border-radius:10px;color:#d4af37;font-size:11px;font-weight:700;padding:3px 9px}.shop-footer-note{color:#9ca3af;font-size:11px;line-height:1.55;padding:12px 0 0;text-align:center}@media (min-width:641px){.shop-plans-comparison{grid-template-columns:repeat(3,minmax(auto,30vw));overflow-x:visible}}@media (max-width:640px){.shop-plans-comparison{background:#fff;display:flex;gap:8px;overflow-x:auto;padding:4px 12px 12px;scroll-snap-type:x mandatory}.shop-compare-plan{background:#fff;border-radius:16px;border-right:none;box-shadow:0 2px 12px #00000014;flex:0 0 280px;margin:4px 0;min-width:260px;padding:18px 12px 14px;scroll-snap-align:start}.shop-compare-plan.highlighted{background:linear-gradient(160deg,#f3eeff,#fff);margin:4px 0;transform:none}.shop-compare-plan.annual-disabled{background:#f9fafb}.shop-plan-tag{font-size:8px;left:50%;padding:2px 8px;position:absolute;top:-8px;transform:translateX(-50%)}.shop-plan-icon{font-size:22px}.shop-plan-name{font-size:14px}.shop-plan-amount{font-size:20px}.shop-plan-feature{font-size:12px}.shop-plan-cta{font-size:10px;padding:7px 8px}.shop-pricing-card-header{padding:14px 16px}.shop-pricing-card-title{font-size:15px}.shop-billing-btn{font-size:10px;padding:4px 12px}.save-badge{font-size:7px;padding:1px 4px}}@media (max-width:380px){.shop-compare-plan{flex:0 0 260px;min-width:240px;padding:16px 10px 12px}.shop-plan-features{gap:3px}.shop-plan-feature{font-size:12px}.shop-plan-amount{font-size:18px}.shop-plan-currency{font-size:10px}}.ad-section-wrapper{background:#fafafe;border:1px dashed #6c3fc92e;border-radius:12px;margin:12px 0;overflow:hidden;padding:6px 8px 10px;position:relative}.ad-section-label{color:#9ca3af;font-size:8px;font-weight:700;letter-spacing:1.5px;padding-bottom:4px;text-align:right;text-transform:uppercase}.ad-publisher-box{align-items:center;background:#f3f0ff;border-radius:8px;display:flex;justify-content:center;margin-bottom:8px;max-height:100px;max-width:100%;min-height:60px;overflow:hidden;position:relative;width:100%}.ad-publisher-box>*{max-height:100px!important;max-width:100%!important;overflow:hidden!important}.ad-affiliate-card{align-items:center;background:#fff;border:1px solid #e9e4ff;border-radius:10px;color:inherit;display:flex;gap:10px;margin-top:6px;padding:10px 12px;text-decoration:none;transition:box-shadow .2s}.ad-affiliate-card:active{box-shadow:0 3px 10px #6c3fc92e;transform:scale(.99)}.ad-affiliate-img{border-radius:8px;flex-shrink:0;overflow:hidden;width:80px}.ad-affiliate-body{flex:1 1;min-width:0}.ad-affiliate-badge{color:#6c3fc9;color:var(--aff-color,#6c3fc9);font-size:8px;font-weight:700;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.ad-affiliate-title{color:#1a0030;font-size:12px;font-weight:700;line-height:1.3;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-affiliate-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:10px;line-height:1.4;margin-bottom:5px;overflow:hidden}.ad-affiliate-cta{color:#6c3fc9;color:var(--aff-color,#6c3fc9);font-size:11px;font-weight:700}.ad-custom-card{background:#fff;border:1px solid #e9e4ff;border-radius:10px;color:inherit;display:block;margin-top:6px;overflow:hidden;text-decoration:none}body.dark-mode .premium-overlay{background:#000000d9}body.dark-mode .premium-modal{background:#1a0030;border-top:1px solid #2d1b4e}body.dark-mode .premium-close{background:#2d1b4e;color:#c4b5fd}body.dark-mode .premium-title{-webkit-text-fill-color:unset;-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#d4af37);-webkit-background-clip:text;background-clip:text;color:#f3f4f6}body.dark-mode .premium-tagline{color:#9ca3af}body.dark-mode .free-col{background:#0f0020;border-color:#2d1b4e}body.dark-mode .premium-col{background:linear-gradient(160deg,#2d1b4e,#1e0f3a);border-color:#6c3fc9}body.dark-mode .premium-col-label{color:#9ca3af}body.dark-mode .premium-col-header{color:#c4b5fd!important}body.dark-mode .premium-compare-row{color:#e5e7eb}body.dark-mode .premium-x{color:#f87171}body.dark-mode .premium-check{color:#34d399}body.dark-mode .premium-plan-toggle{background:#3d2a5e}body.dark-mode .premium-plan-btn{color:#9ca3af}body.dark-mode .premium-plan-btn.active{background:#6c3fc9;box-shadow:0 2px 8px #6c3fc940;color:#fff}body.dark-mode .premium-save-badge{background:#22c55e;color:#0a0015}body.dark-mode .premium-currency{color:#c4b5fd}body.dark-mode .premium-amount{color:#f3f4f6}body.dark-mode .premium-period{color:#9ca3af}body.dark-mode .premium-savings-note{background:#22c55e26;color:#86efac}body.dark-mode .premium-cta-btn{background:linear-gradient(135deg,#6c3fc9,indigo)}body.dark-mode .premium-cancel-note,body.dark-mode .premium-sim-note{color:#4b5563}body.dark-mode .premium-plan-note{background:#6c3fc926;color:#d1d5db}body.dark-mode .premium-success-title{color:#f3f4f6}body.dark-mode .premium-success-sub{color:#9ca3af}body.dark-mode .limit-gate-overlay{background:#000000e6}body.dark-mode .limit-gate-card{background:#1a0030}body.dark-mode .limit-gate-title{color:#f3f4f6}body.dark-mode .limit-gate-msg{color:#9ca3af}body.dark-mode .limit-gate-timer-wrap{background:#0f0020}body.dark-mode .limit-gate-timer{color:#c4b5fd}body.dark-mode .limit-gate-timer-label,body.dark-mode .limit-gate-timer-sub{color:#6b7280}body.dark-mode .limit-gate-ready{color:#4ade80}body.dark-mode .limit-gate-close-btn{background:#2d1b4e;color:#c4b5fd}body.dark-mode .limit-gate-premium-btn{background:linear-gradient(135deg,#d4af37,#b8961f);color:#1a0030}body.dark-mode .limit-gate-continue-btn{background:linear-gradient(135deg,#6c3fc9,indigo)}body.dark-mode .premium-active-box{background:#d4af3714;border-color:#d4af3740}body.dark-mode .premium-active-title{color:#f3f4f6}body.dark-mode .premium-active-expiry{color:#d4af37}body.dark-mode .premium-manage-btn{background:#d4af371a;border-color:#d4af374d;color:#d4af37}body.dark-mode .shop-premium-card{background:linear-gradient(135deg,#0a0015,#1a0030)}body.dark-mode .shop-already-premium{background:#d4af370d;color:#d4af37}body.dark-mode .premium-badge{background:linear-gradient(135deg,#d4af37,#b8961f);color:#1a0030}.premium-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a001ebf;display:flex;inset:0;position:fixed;z-index:10000}.premium-modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:24px 24px 0 0;max-height:92dvh;overflow-y:auto;padding:28px 20px 36px;position:relative;width:100%}.premium-close{align-items:center;background:#f3f0ff;border:none;border-radius:50%;color:#6c3fc9;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px}.premium-header{margin-bottom:20px;text-align:center}.premium-star{font-size:40px;margin-bottom:8px}.premium-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c3fc9,#d4af37);-webkit-background-clip:text;background-clip:text;color:#1a0030;font-size:22px;font-weight:900}.premium-tagline{color:#6b7280;font-size:13px;margin-top:4px}.premium-compare{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.premium-compare-col{border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:14px 12px}.free-col{background:#f9fafb;border:1.5px solid #e5e7eb}.premium-col{background:linear-gradient(160deg,#f3f0ff,#ede9fe);border:1.5px solid #c4b5fd}.premium-col-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.premium-col-header{color:#6c3fc9!important}.premium-compare-row{align-items:center;color:#374151;display:flex;font-size:12px;gap:6px;line-height:1.4}.premium-x{color:#ef4444}.premium-check,.premium-x{flex-shrink:0;font-weight:700}.premium-check{color:#16a34a}.premium-plan-toggle{background:#e5e7eb;border-radius:30px;display:flex;gap:2px;margin-bottom:16px;padding:3px}.premium-plan-btn{align-items:center;background:#0000;border:none;border-radius:28px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s;white-space:nowrap}.premium-plan-btn.active{background:indigo;box-shadow:0 2px 8px #4b008240;color:#fff}.premium-save-badge{background:#16a34a;border-radius:20px;color:#fff;font-size:8px;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.premium-price-row{align-items:baseline;display:flex;gap:3px;justify-content:center;margin-bottom:4px}.premium-currency{color:#6c3fc9;font-size:20px;font-weight:700}.premium-amount{color:#1a0030;font-size:40px;font-weight:900;line-height:1}.premium-period{color:#6b7280;font-size:14px;font-weight:500}.premium-savings-note{background:#dcfce7;border-radius:8px;color:#16a34a;font-size:12px;font-weight:600;margin-bottom:16px;padding:6px 12px;text-align:center}.premium-cta-btn{background:linear-gradient(135deg,#6c3fc9,indigo);border:none;border-radius:14px;box-shadow:0 4px 16px #6c3fc959;color:#fff;font-size:15px;font-weight:800;letter-spacing:.3px;margin-top:8px;padding:15px;transition:transform .15s,box-shadow .15s;width:100%}.premium-cta-btn:active{transform:scale(.98)}.premium-cta-btn:disabled{cursor:wait;opacity:.6}.premium-loading{align-items:center;display:flex;gap:8px;justify-content:center}.premium-sim-note{color:#9ca3af;font-size:10px;margin-top:8px;text-align:center}.premium-cancel-note{color:#9ca3af;font-size:11px;margin-top:6px;text-align:center}.premium-plan-note{background:#f3f0ff;border-radius:10px;color:#374151;font-size:12px;line-height:1.5;margin-bottom:12px;padding:10px 12px}.premium-success-icon{font-size:56px;margin-bottom:12px;text-align:center}.premium-success-title{color:#1a0030;font-size:22px;font-weight:900;margin-bottom:8px;text-align:center}.premium-success-sub{color:#6b7280;font-size:13px;line-height:1.65;margin-bottom:24px;text-align:center}.limit-gate-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a001ecc;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.limit-gate-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000040;max-width:380px;padding:28px 22px 24px;text-align:center;width:100%}.limit-gate-icon{font-size:44px;margin-bottom:12px}.limit-gate-title{color:#1a0030;font-size:18px;font-weight:900;margin-bottom:10px}.limit-gate-msg{color:#6b7280;font-size:13px;line-height:1.65;margin-bottom:18px}.limit-gate-timer-wrap{background:#f3f0ff;border-radius:14px;margin-bottom:18px;padding:16px}.limit-gate-timer-label{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.limit-gate-timer{font-feature-settings:"tnum";color:#6c3fc9;font-size:36px;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:2px}.limit-gate-timer-sub{color:#9ca3af;font-size:11px;margin-top:6px}.limit-gate-ready{color:#16a34a;font-size:15px;font-weight:700;margin-bottom:16px}.limit-gate-premium-btn{background:linear-gradient(135deg,#d4af37,#b8961f);border:none;border-radius:12px;box-shadow:0 4px 14px #d4af3759;color:#1a0030;font-size:14px;font-weight:800;margin-bottom:10px;padding:14px;width:100%}.limit-gate-continue-btn{background:linear-gradient(135deg,#6c3fc9,indigo);color:#fff;font-weight:700}.limit-gate-close-btn,.limit-gate-continue-btn{border:none;border-radius:12px;font-size:13px;padding:12px;width:100%}.limit-gate-close-btn{background:#f3f0ff;color:#6c3fc9;font-weight:600}.premium-badge{align-items:center;background:linear-gradient(135deg,#d4af37,#b8961f);border-radius:20px;color:#1a0030;display:inline-flex;font-size:10px;font-weight:800;gap:5px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.premium-active-box{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #d4af37;border-radius:14px;margin-bottom:16px;padding:16px;text-align:center}.premium-active-title{color:#1a0030;font-size:14px;font-weight:800;margin-bottom:4px}.premium-active-expiry{color:#78350f;font-size:11px}.premium-manage-btn{background:#d4af3726;border:1px solid #d4af37;border-radius:8px;color:#b8961f;font-size:11px;font-weight:700;margin-top:10px;padding:8px 18px}.shop-premium-card{background:linear-gradient(135deg,#1a0030,indigo);border-radius:16px;cursor:pointer;margin-bottom:16px;overflow:hidden;padding:20px 18px;position:relative}.shop-premium-card:before{background:radial-gradient(circle,#d4af3733,#0000 70%);content:"";height:120px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:120px}.shop-premium-star{font-size:32px;margin-bottom:8px}.shop-premium-title{color:#fff;font-size:18px;font-weight:900;margin-bottom:4px}.shop-premium-sub{color:#ffffffa6;font-size:12px;line-height:1.55;margin-bottom:12px}.shop-premium-features{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.shop-premium-feature{align-items:center;color:#ffffffd9;display:flex;font-size:12px;gap:6px}.shop-premium-cta{background:linear-gradient(135deg,#d4af37,#b8961f);border:none;border-radius:10px;box-shadow:0 4px 14px #d4af374d;color:#1a0030;font-size:13px;font-weight:800;padding:12px 20px;width:100%}.shop-already-premium{align-items:center;background:#d4af371a;border:1px solid #d4af374d;border-radius:10px;color:#d4af37;display:flex;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:12px}body.dark-mode{--bg-primary:#0a0015;--bg-secondary:#1a0030;--card-bg:#1a0030;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#3d2a5e;--shadow:0 2px 8px #0000004d;--shadow-hover:0 4px 14px #0006;--bg-header:linear-gradient(135deg,#0a0015,#1a0030);--green:#22c55e;--red:#ef4444}body.dark-mode .phone,body.dark-mode .scr,body.dark-mode .subjects-header-curve{background:var(--bg-primary)}body.dark-mode .subject-card-unselected{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .subject-card-selected{background:#2d1b4e!important;border-color:var(--gold)!important}body.dark-mode .lekki-title,body.dark-mode .subject-name,body.dark-mode .subject-status{color:var(--text-primary)}body.dark-mode .lekki-author,body.dark-mode .lekki-question-count div:last-child,body.dark-mode .subject-question-count{color:var(--text-secondary)}body.dark-mode .lekki-card-unselected{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .lekki-card-selected{background:#2d1b4e!important;border-color:var(--gold)!important}body.dark-mode .lekki-card-selected .lekki-icon{background:#8b5cf6!important}body.dark-mode .start-button-container{background:var(--bg-primary);border-top-color:var(--border-color)}body.dark-mode .start-button-inactive{background:#2d1b4e;color:var(--text-secondary)}body.dark-mode .scroll{background:var(--bg-primary)}body.dark-mode .subjects-card-container{background:#0000}body.dark-mode .lekki-card-unselected:hover,body.dark-mode .subject-card-unselected:hover{background:#2d1b4e;border-color:var(--gold);transform:translateY(-2px)}body.dark-mode .lekki-card-selected .lekki-icon,body.dark-mode .subject-card-selected .subject-icon{background:#8b5cf6!important;background:var(--subject-color,#8b5cf6)!important}body.dark-mode .lekki-card-selected .lekki-badge,body.dark-mode .lekki-card-selected .lekki-title,body.dark-mode .subject-card-selected .subject-name,body.dark-mode .subject-card-selected .subject-status{color:var(--text-primary)!important}body.dark-mode .quiz-header{background:var(--bg-header)}body.dark-mode .quiz-action-bar{background:var(--bg-primary);border-top-color:var(--border-color)}body.dark-mode .question-card{background:var(--card-bg);box-shadow:var(--shadow)}body.dark-mode .question-text{color:var(--text-primary)}body.dark-mode .quiz-option{background:#1a0030!important;border:1px solid #3d2a5e!important;color:#f3f4f6!important}body.dark-mode .quiz-option:hover:not(.disabled){background:#2d1b4e!important;border-color:var(--gold)!important;transform:translateX(4px)}body.dark-mode .quiz-option.selected{background:var(--purple)!important;border-color:var(--gold)!important;color:#fff!important}body.dark-mode .quiz-option.correct{background:#16a34a33!important;border-color:#16a34a!important}body.dark-mode .quiz-option.wrong{background:#dc262633!important;border-color:#dc2626!important}body.dark-mode .quiz-option-letter{background:#3d2a5e!important;color:#f3f4f6!important}body.dark-mode .quiz-option.selected .quiz-option-letter{background:var(--gold)!important;color:#1a0030!important}body.dark-mode .quiz-option.correct .quiz-option-letter{background:#16a34a!important;color:#fff!important}body.dark-mode .quiz-option.wrong .quiz-option-letter{background:#dc2626!important;color:#fff!important}body.dark-mode .quiz-option.disabled{cursor:not-allowed;opacity:.6}body.dark-mode .quiz-option.hidden{display:none}body.dark-mode .quiz-clear-btn{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .lifeline-fifty{background:var(--card-bg);border-color:var(--gold);color:var(--gold)}body.dark-mode .lifeline-fifty-used{background:#2d1b4e;border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .lifeline-hint{background:var(--card-bg);border-color:#8b5cf6;color:#8b5cf6}body.dark-mode .lifeline-hint-used{background:#2d1b4e;border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .lifeline-voice{background:#1a3a2a;border-color:#16a34a;color:#16a34a}body.dark-mode .lifeline-voice-off{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .hint-box{background:#2a1a2e;border-color:var(--gold)}body.dark-mode .hint-title{color:var(--gold)}body.dark-mode .hint-text{color:#ffd6a5}body.dark-mode .quick-take{background:linear-gradient(135deg,#1a0030,#2a1a4e)}body.dark-mode .quick-take-text{color:#ffffffe0}body.dark-mode .quick-take-link{color:var(--gold)}body.dark-mode .modal-content{background:var(--bg-secondary)}body.dark-mode .modal-title{color:var(--gold)}body.dark-mode .modal-question{border-bottom-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .modal-explanation{color:var(--text-primary)}body.dark-mode .modal-answer-box{background:#2d1b4e;border-color:var(--gold)}body.dark-mode .modal-answer-title{color:var(--gold)}body.dark-mode .modal-answer-text{color:var(--text-primary)}body.dark-mode .modal-close-btn{background:var(--purple)}body.dark-mode .result-stat-card{background:var(--card-bg)}body.dark-mode .result-stat-value{color:var(--text-primary)}body.dark-mode .result-stat-label{color:var(--text-secondary)}body.dark-mode .gate-container,body.dark-mode .join-card{background:var(--bg-header)}body.dark-mode .profile-tabs{background:var(--bg-primary);border-bottom-color:var(--border-color)}body.dark-mode .profile-tab{background:var(--bg-secondary);color:var(--text-secondary)}body.dark-mode .profile-tab.active{background:var(--purple);color:#fff}body.dark-mode .achievement-card,body.dark-mode .profile-stat-card,body.dark-mode .settings-card{background:var(--card-bg)}body.dark-mode .achievement-card-name,body.dark-mode .profile-stat-value,body.dark-mode .settings-name{color:var(--text-primary)}body.dark-mode .achievement-card-desc,body.dark-mode .profile-stat-label,body.dark-mode .settings-desc{color:var(--text-secondary)}body.dark-mode .profile-streak-card{background:var(--bg-header)}body.dark-mode .profile-chart-section,body.dark-mode .profile-empty-state{background:var(--card-bg)}body.dark-mode .profile-empty-text{color:var(--text-secondary)}body.dark-mode .scorecard-container{background:var(--bg-secondary)}body.dark-mode .scorecard-footer,body.dark-mode .scorecard-quote,body.dark-mode .scorecard-stats{background:#0a0015}body.dark-mode .adgate-container,body.dark-mode .onboard-container,body.dark-mode .ready-container,body.dark-mode .sharegate-container,body.dark-mode .splash-container{background:linear-gradient(160deg,#0a0015,#1a0030,#0a0015)}body.dark-mode .adgate-vibe{background:#8b5cf61a;border-color:#8b5cf640}body.dark-mode .adgate-waiting-btn{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .profile-content-area::-webkit-scrollbar-track,body.dark-mode .profile-tabs-scroll::-webkit-scrollbar-track{background:var(--border-color)}body.dark-mode .profile-content-area::-webkit-scrollbar-thumb,body.dark-mode .profile-tabs-scroll::-webkit-scrollbar-thumb{background:var(--gold)}body.dark-mode .flashcards-card-sub-label{color:var(--gold)!important}body.dark-mode .flashcards-card-example,body.dark-mode .flashcards-card-tip-text{color:var(--text-secondary)}body.dark-mode .flashcards-card-definition,body.dark-mode .flashcards-card-term{color:var(--text-primary)}body.dark-mode .flashcards-card-label{color:var(--gold)}body.dark-mode .bottom-nav{background:#0f0020;border-top-color:#2d1b4e;box-shadow:0 -2px 12px #0006}body.dark-mode .bottom-nav-label{color:#6b7280}body.dark-mode .bottom-nav-item.active{background:#6c3fc91f}body.dark-mode .active-label,body.dark-mode .bottom-nav-item.active .bottom-nav-label{color:#c4b5fd!important}body.dark-mode .exam-type-page{background:linear-gradient(160deg,#050010,#1a0030 60%,#050010)}body.dark-mode .exam-type-compact-card{background:#ffffff0f;border-color:#ffffff1a}body.dark-mode .exam-type-compact-label{color:#f3f4f6}body.dark-mode .exam-type-compact-desc{color:#ffffff73}body.dark-mode .learn-page{background:#0a0015}body.dark-mode .learn-accordion-item{background:#1a0030;box-shadow:0 2px 8px #0000004d}body.dark-mode .learn-accordion-header{background:#0000}body.dark-mode .learn-accordion-title{color:#f3f4f6}body.dark-mode .learn-accordion-num{background:#2d1b4e;color:#c4b5fd}body.dark-mode .learn-accordion-body{border-top-color:#2d1b4e}body.dark-mode .learn-content-html .learn-intro{background:#6c3fc926;border-left-color:#7c3aed;color:#d1d5db}body.dark-mode .learn-content-html .learn-list li,body.dark-mode .learn-content-html .learn-p{color:#d1d5db}body.dark-mode .learn-content-html .learn-subheading,body.dark-mode .learn-content-html h3.learn-subheading{border-bottom-color:#2d1b4e;color:#f3f4f6}body.dark-mode .learn-content-html .learn-table thead tr{background:indigo}body.dark-mode .learn-content-html .learn-table td{border-bottom-color:#2d1b4e;color:#d1d5db}body.dark-mode .learn-content-html .learn-table tbody tr:nth-child(2n){background:#1f0035}body.dark-mode .learn-content-html .learn-tip-box{background:#d4af371a;border-color:#d4af374d;color:#fde68a}body.dark-mode .learn-content-html .learn-tip-warn{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}body.dark-mode .learn-content-html .learn-formula{background:#6c3fc933;border-color:indigo;color:#e9d5ff}body.dark-mode .learn-content-html .learn-worked-example{background:#16a34a1a;border-color:#16a34a4d}body.dark-mode .learn-content-html .learn-worked-title{color:#4ade80}body.dark-mode .learn-nav-btn{background:#2d1b4e;color:#c4b5fd}body.dark-mode .learn-progress-bar{background:#6c3fc933}body.dark-mode .learn-keyboard-hint{color:#4b5563}body.dark-mode .learn-voice-select{background:#1a0030;border-color:#3d2a5e;color:#d1d5db}body.dark-mode .learn-tts-btn{background:indigo}body.dark-mode .learn-quiz-card{background:#1a0030;box-shadow:0 3px 12px #0000004d}body.dark-mode .learn-quiz-q{color:#f3f4f6}body.dark-mode .learn-quiz-opt{background:#2d1b4e;border-color:#3d2a5e;color:#d1d5db}body.dark-mode .learn-quiz-exp-text{background:#0f0020;color:#d1d5db}body.dark-mode .learn-quiz-overlay{background:#0a0015}body.dark-mode .learn-empty{color:#4b5563}body.dark-mode .mode-select-page{background:linear-gradient(160deg,#0a0015,#1a0030 60%,#0a0015)}body.dark-mode .mode-select-card{background:#ffffff0f;border-color:#ffffff1a}body.dark-mode .mode-select-card-title{color:#f3f4f6}body.dark-mode .mode-select-card-description{color:#9ca3af}body.dark-mode .shop-body,body.dark-mode .shop-page{background:#0a0015}body.dark-mode .shop-plans-title{color:#f3f4f6}body.dark-mode .shop-plans-note{color:#4b5563}body.dark-mode .shop-pricing-card{background:#1a0030;box-shadow:0 8px 28px #0006}body.dark-mode .shop-pricing-card-header{background:linear-gradient(135deg,#2d1b4e,#1a0030);border-bottom-color:#d4af3726}body.dark-mode .shop-pricing-card-title{color:#f3f4f6}body.dark-mode .save-badge{background:#22c55e;color:#0a0015}body.dark-mode .shop-plans-comparison{background:#1a0030}body.dark-mode .shop-compare-plan{border-right-color:#3d2a5e}body.dark-mode .shop-compare-plan:last-child{border-right-color:#0000}body.dark-mode .shop-compare-plan.highlighted{background:linear-gradient(160deg,#2d1b4e,#1a0030);box-shadow:0 4px 16px #d4af371f}body.dark-mode .shop-compare-plan.annual-disabled{background:#0a0015;opacity:.5}body.dark-mode .shop-plan-name{color:#f3f4f6}body.dark-mode .shop-plan-amount,body.dark-mode .shop-plan-currency{color:#d4af37}body.dark-mode .shop-plan-period{color:#9ca3af}body.dark-mode .shop-plan-no-annual{color:#6b7280}body.dark-mode .shop-plan-feature{color:#e5e7eb}body.dark-mode .shop-plan-check{color:#4ade80}body.dark-mode .shop-plan-cta.cta-primary{background:linear-gradient(135deg,indigo,#6c3fc9);color:#fff}body.dark-mode .shop-plan-cta.cta-secondary{background:#0000;border:1.5px solid #d4af37;color:#d4af37}body.dark-mode .shop-plan-cta.cta-secondary:hover:not(:disabled){background:#d4af37;color:#1a0030}body.dark-mode .shop-plan-cta:disabled{cursor:not-allowed;opacity:.5}body.dark-mode .shop-plan-disabled-note{color:#6b7280}body.dark-mode .shop-plan-tag{background:linear-gradient(135deg,#d4af37,#ffeb82);color:#1a0030}body.dark-mode .shop-pricing-card .shop-billing-toggle{background:#3d2a5e}body.dark-mode .shop-pricing-card .shop-billing-btn{color:#9ca3af}body.dark-mode .shop-pricing-card .shop-billing-btn.active{background:#6c3fc9;color:#fff}@media (max-width:640px){body.dark-mode .shop-plans-comparison{background:#1a0030}body.dark-mode .shop-compare-plan{background:#1a0030;box-shadow:0 2px 12px #0000004d}body.dark-mode .shop-compare-plan.highlighted{background:linear-gradient(160deg,#2d1b4e,#1a0030)}body.dark-mode .shop-compare-plan.annual-disabled{background:#0a0015}}body.dark-mode .shop-plan-card{background:#1a0030;border-color:#3d2a5e;box-shadow:0 2px 10px #00000040}body.dark-mode .shop-plan-card.highlighted{background:linear-gradient(160deg,#2d1b4e,#1a0030);border-color:#d4af37;box-shadow:0 6px 24px #d4af371f}body.dark-mode .shop-item-card{background:#1a0030;border-color:#2d1b4e}body.dark-mode .shop-item-title{color:#f3f4f6}body.dark-mode .shop-item-desc{color:#9ca3af}body.dark-mode .shop-item-footer{border-top-color:#2d1b4e}body.dark-mode .shop-category-label{color:#c4b5fd}body.dark-mode .shop-footer-note{color:#4b5563}body.dark-mode .premium-active-box{background:linear-gradient(135deg,#0a0015,#1a0030);border-color:#d4af374d}body.dark-mode .ad-section-wrapper{background:#0f0020;border-color:#6c3fc933}body.dark-mode .ad-affiliate-card{background:#1a0030;border-color:#2d1b4e}body.dark-mode .ad-affiliate-title{color:#f3f4f6}body.dark-mode .ad-affiliate-desc{color:#9ca3af}body.dark-mode .review-modal{background:#1a0030}body.dark-mode .review-modal-header{border-bottom-color:#2d1b4e}body.dark-mode .review-modal-title{color:#f3f4f6}body.dark-mode .review-modal-close{background:#2d1b4e;color:#c4b5fd}body.dark-mode .review-item-correct{background:#16a34a1a;border-color:#16a34a4d}body.dark-mode .review-item-wrong{background:#ef44441a;border-color:#ef44444d}body.dark-mode .review-item-q{color:#d1d5db}body.dark-mode .review-detail-q{color:#f3f4f6}body.dark-mode .review-detail-opt{background:#2d1b4e;border-color:#3d2a5e;color:#d1d5db}body.dark-mode .review-explanation{background:#d4af3714;border-color:#d4af374d}body.dark-mode .review-explanation p{color:#fde68a}body.dark-mode .loading-screen{background:#0a0015}body.dark-mode .loading-spinner{border-color:#2d1b4e;border-top-color:#6c3fc9!important}body.dark-mode .loading-text{color:#6b7280}body.dark-mode .challenge-flow-notice{background:#6c3fc91f;border-color:#6c3fc940;color:#c4b5fd}body.dark-mode .create-challenge-modal{background:#1a0030;border-color:#2d1b4e}body.dark-mode .challenge-score-circle{background:linear-gradient(135deg,#1a0030,#2d1b4e);border-color:#6c3fc9}body.dark-mode .result-vibe-box{background:linear-gradient(135deg,#0f0020,#1a0030)}body.dark-mode .result-review-btn{background:#1a0030;border-color:#2d1b4e;color:#c4b5fd}.auth-screen{align-items:center;background:linear-gradient(160deg,#1a0030,indigo 55%,#1a0030);display:flex;justify-content:center;min-height:100dvh;overflow:hidden;padding:24px 16px;position:relative}.auth-screen:after,.auth-screen:before{border-radius:50%;content:"";filter:blur(60px);opacity:.18;pointer-events:none;position:absolute}.auth-screen:before{animation:authOrb 8s ease-in-out infinite alternate;background:#d4af37;height:340px;right:-80px;top:-80px;width:340px}.auth-screen:after{animation:authOrb 10s ease-in-out infinite alternate-reverse;background:#6c3fc9;bottom:-60px;height:260px;left:-60px;width:260px}@keyframes authOrb{0%{transform:translate(0) scale(1)}to{transform:translate(20px,20px) scale(1.1)}}.auth-card{animation:pi .35s ease both;background:#fffffff7;border-radius:28px;box-shadow:0 24px 60px #00000059,0 0 0 1px #ffffff14;display:flex;flex-direction:column;gap:0;max-width:420px;padding:36px 28px 32px;position:relative;width:100%;z-index:1}body.dark-mode .auth-card{background:#1a0030;box-shadow:0 24px 60px #0000008c,0 0 0 1px #d4af371f}.auth-logo{border:3px solid #d4af374d;border-radius:50%;box-shadow:0 6px 24px #d4af3759;display:block;height:72px;margin:0 auto 18px;object-fit:cover;width:72px}.auth-title{color:#1a0030;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 6px;text-align:center}body.dark-mode .auth-title{color:#f3f4f6}.auth-sub{color:#6b7280;font-size:12.5px;line-height:1.55;margin:0 0 22px;text-align:center}body.dark-mode .auth-sub{color:#9ca3af}.auth-steps{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:20px}.auth-step-dot{background:#e5e7eb;border-radius:50%;height:10px;transition:background .3s,transform .3s;width:10px}.auth-step-dot.active{background:indigo;transform:scale(1.2)}.auth-step-line{background:#e5e7eb;height:2px;margin:0 6px;width:48px}body.dark-mode .auth-step-dot{background:#3d2a5e}body.dark-mode .auth-step-dot.active{background:#d4af37}body.dark-mode .auth-step-line{background:#3d2a5e}.auth-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;color:#1a0030;display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-bottom:12px;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.auth-input:focus{background:#fff;border-color:indigo;box-shadow:0 0 0 4px #4b008214}.auth-input::placeholder{color:#9ca3af;font-weight:400}body.dark-mode .auth-input{background:#280050;border-color:#3d2a5e;color:#f3f4f6}body.dark-mode .auth-input:focus{background:#1a0030;border-color:#d4af37;box-shadow:0 0 0 4px #d4af371a}body.dark-mode .auth-input::placeholder{color:#6b7280}.auth-row{display:flex;gap:10px}.auth-row .auth-input{flex:1 1}.auth-pw-wrap{margin-bottom:12px;position:relative}.auth-pw-wrap .auth-input{margin-bottom:0;padding-right:48px}.auth-pw-toggle{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;opacity:.6;padding:0;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:opacity .2s}.auth-pw-toggle:hover{opacity:1}.auth-forgot-btn{background:none;border:none;color:indigo;cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;margin-bottom:16px;margin-top:-4px;padding:0;text-align:right;transition:color .2s;width:100%}.auth-forgot-btn:hover,body.dark-mode .auth-forgot-btn{color:#d4af37}.auth-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#dc2626}.auth-error,.auth-success{animation:fd .2s ease;font-size:12.5px;font-weight:600;margin-bottom:14px;padding:10px 14px}.auth-success{background:#dcfce7;border:1px solid #86efac;border-radius:12px;color:#16a34a}body.dark-mode .auth-error{background:#dc262626;border-color:#dc262666;color:#fca5a5}body.dark-mode .auth-success{background:#16a34a26;border-color:#16a34a66;color:#86efac}.auth-btn{background:linear-gradient(135deg,indigo,#6c3fc9);border:none;border-radius:14px;box-shadow:0 6px 20px #4b008259;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1px;margin-bottom:14px;padding:10px 20px;transition:all .2s;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 10px 28px #4b008273;filter:brightness(1.08);transform:translateY(-2px)}.auth-btn:active{transform:scale(.97)}.auth-btn:disabled{cursor:not-allowed;opacity:.55}.auth-btn-outline{background:#0000;border:2px solid #e5e7eb;box-shadow:none;color:#6b7280}.auth-btn-outline:hover:not(:disabled){border-color:indigo;box-shadow:none;color:indigo;filter:none;transform:translateY(-1px)}body.dark-mode .auth-btn-outline{border-color:#3d2a5e;color:#9ca3af}body.dark-mode .auth-btn-outline:hover:not(:disabled){border-color:#d4af37;color:#d4af37}.auth-switch{color:#6b7280;font-size:12.5px;text-align:center}body.dark-mode .auth-switch{color:#9ca3af}.auth-link-btn{background:none;border:none;color:indigo;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:12px;font-weight:700;padding:0;transition:color .2s}.auth-link-btn:hover{color:#d4af37;text-decoration:underline}body.dark-mode .auth-link-btn{color:#d4af37}.auth-section-label{color:#1a0030;font-size:12px;font-weight:700;margin-bottom:10px}body.dark-mode .auth-section-label{color:#f3f4f6}.auth-required{color:#6b7280;font-size:11px;font-weight:500}.auth-type-grid{display:flex;gap:10px;margin-bottom:18px}.auth-type-card{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Poppins,sans-serif;gap:6px;padding:14px 10px;text-align:center;transition:all .2s}.auth-type-card:hover{background:#f3eeff;border-color:indigo;transform:translateY(-2px)}.auth-type-card.selected{background:linear-gradient(135deg,#f3eeff,#ebe0ff);border-color:indigo;box-shadow:0 4px 14px #4b008226}.auth-type-icon{font-size:26px}.auth-type-label{color:#1a0030;font-size:12px;font-weight:700;line-height:1.2}.auth-type-desc{color:#6b7280;font-size:10px;line-height:1.3}body.dark-mode .auth-type-card{background:#280050;border-color:#3d2a5e}body.dark-mode .auth-type-card:hover{background:#2d1b4e;border-color:#d4af37}body.dark-mode .auth-type-card.selected{background:linear-gradient(135deg,#2d1b4e,#1a0030);border-color:#d4af37;box-shadow:0 4px 14px #d4af3726}body.dark-mode .auth-type-label{color:#f3f4f6}.auth-exam-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.auth-exam-chip{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:30px;color:#374151;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:600;gap:6px;padding:9px 14px;position:relative;transition:all .2s}.auth-exam-chip:hover{background:#f3eeff;border-color:indigo;color:indigo}.auth-exam-chip.selected{background:linear-gradient(135deg,indigo,#6c3fc9);border-color:indigo;box-shadow:0 3px 10px #4b008240;color:#fff}.auth-exam-check{font-size:11px;font-weight:800}body.dark-mode .auth-exam-chip{background:#280050;border-color:#3d2a5e;color:#9ca3af}body.dark-mode .auth-exam-chip:hover{background:#2d1b4e;border-color:#d4af37;color:#d4af37}body.dark-mode .auth-exam-chip.selected{background:linear-gradient(135deg,indigo,#6c3fc9);border-color:#d4af37;color:#fff}@media (max-width:400px){.auth-card{border-radius:22px;padding:28px 18px 24px}.auth-title{font-size:20px}.auth-row{gap:0}.auth-row,.auth-type-grid{flex-direction:column}}@media (min-width:640px){.auth-screen{padding:40px 24px}.auth-card{padding:44px 36px 40px}}
/*# sourceMappingURL=main.a99fd8ca.css.map*/