:root{--yellow: #FFD93D;--coral: #FF6B6B;--teal: #4ECDC4;--purple: #A66CFF;--blue: #45B7D1;--green: #95E77E;--orange: #FF9F43;--pink: #FF78C4;--dark: #1B1340;--darker: #110C2E;--card: rgba(255,255,255,.07);--card-hover: rgba(255,255,255,.12);--radius: 16px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}#seo-content{display:none}body{font-family:Nunito,sans-serif;background:var(--darker);color:#fff;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(78,205,196,.06) 0%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(166,108,255,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.app-shell{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.app-content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:16px 20px 80px}@media(min-width:768px){.app-content{max-width:720px;padding:24px 32px 80px}}h1,h2{font-family:Fredoka,sans-serif}h1{font-size:28px;font-weight:700;letter-spacing:-.5px}h2{font-size:22px;font-weight:600}.subtitle{font-size:14px;color:#ffffff73;margin-top:4px}.section-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff59;margin:16px 0 8px 4px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:48px;padding:12px 0 calc(4px + env(safe-area-inset-bottom,0px));background:var(--dark);border-top:1px solid rgba(255,255,255,.06);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;font-weight:700;color:#fff;opacity:.35;cursor:pointer;transition:all .2s;text-decoration:none}.nav-item.active{opacity:1;color:var(--teal)}.nav-item .nav-icon{font-size:24px;margin-bottom:3px;display:block}.card{background:var(--card);border-radius:var(--radius);border:1px solid rgba(255,255,255,.04);padding:16px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px #0003;transition:all .15s;text-decoration:none}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px #0003}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:var(--radius-sm);background:var(--card);color:#fff;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;border:1px solid rgba(255,255,255,.1);cursor:pointer;box-shadow:0 4px #00000026;transition:all .15s;text-decoration:none}.btn-secondary:active{transform:translateY(2px);box-shadow:0 2px #00000026}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:560px;margin:12px auto}.answer-btn{padding:18px 12px;border-radius:var(--radius);text-align:center;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .15s;border:none;color:#fff;position:relative;overflow:hidden;box-shadow:0 4px #0003}.answer-btn:active{transform:translateY(2px);box-shadow:0 2px #0003}.answer-btn.red{background:linear-gradient(135deg,#ff6b6b,#e84545)}.answer-btn.blue{background:linear-gradient(135deg,#45b7d1,#2e86ab)}.answer-btn.orange{background:linear-gradient(135deg,#ff9f43,#e8871e)}.answer-btn.green{background:linear-gradient(135deg,#95e77e,#5abb4a)}.answer-btn .answer-letter{font-size:11px;opacity:.6;display:block;margin-bottom:2px}.answer-btn:after{content:"";position:absolute;width:30px;height:30px;opacity:.15;right:8px;bottom:8px}.answer-btn.red:after{background:#fff;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.answer-btn.blue:after{background:#fff;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.answer-btn.orange:after{background:#fff;border-radius:50%;width:26px;height:26px}.answer-btn.green:after{background:#fff;width:24px;height:24px}.mastery-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.mastery-bar .fill{height:100%;border-radius:2px;transition:width .5s}.mastery-bar .fill.high{background:linear-gradient(90deg,var(--green),var(--teal))}.mastery-bar .fill.mid{background:linear-gradient(90deg,var(--yellow),var(--orange))}.mastery-bar .fill.low{background:linear-gradient(90deg,var(--coral),var(--pink))}.mastery-bar .fill.zero{background:#ffffff1a}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:600px){.topic-grid{grid-template-columns:1fr 1fr 1fr;gap:12px}}.topic-card{background:var(--card);border-radius:var(--radius-sm);padding:12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.topic-card:hover{background:var(--card-hover);transform:translateY(-2px)}.topic-card .topic-emoji{font-size:22px;margin-bottom:4px}.topic-card .topic-name{font-size:16px;font-weight:700;line-height:1.3}.topic-card .topic-sub{font-size:13px;opacity:.5;margin-top:2px}.topic-card .mastery-pct{font-size:13px;font-weight:700;margin-top:4px;opacity:.8}.timer-container{position:relative;margin:4px 0 12px}.timer-track{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.timer-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--coral),var(--yellow));box-shadow:0 0 12px #ffd93d4d;animation:pulse-glow 1s ease-in-out infinite;transition:width 1s linear}.timer-seconds{position:absolute;right:0;top:-18px;font-family:Fredoka,sans-serif;font-size:14px;font-weight:700;color:var(--yellow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #ffd93d33}50%{box-shadow:0 0 20px #ffd93d80}}.question-card{background:linear-gradient(145deg,#ffffff14,#ffffff08);border-radius:var(--radius);padding:24px 20px;text-align:center;margin:8px auto;max-width:560px;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--purple),var(--pink))}.q-type{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--teal);background:#4ecdc41a;padding:3px 12px;border-radius:6px;margin-bottom:12px}.q-prompt{font-size:17px;opacity:.75;margin-bottom:8px}.q-text{font-family:Fredoka,sans-serif;font-size:22px;font-weight:600;line-height:1.3}.q-text .blank{display:inline-block;border-bottom:3px solid var(--yellow);min-width:60px;margin:0 4px}.stats-row{display:flex;gap:8px;margin:8px auto;max-width:480px}.stat-card{flex:1;background:var(--card);border-radius:var(--radius-sm);padding:14px 8px;text-align:center;border:1px solid rgba(255,255,255,.04)}.stat-card .stat-value{font-family:Fredoka,sans-serif;font-size:28px;font-weight:700}.stat-card .stat-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.35;margin-top:2px}.stat-card.correct .stat-value{color:var(--green)}.stat-card.points .stat-value{color:var(--yellow)}.stat-card.mastery .stat-value{color:var(--teal)}.streak-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--orange),var(--coral));padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 15px #ff6b6b4d}.ad-banner{background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:10px;text-align:center;font-size:10px;color:#fff3;margin:10px 0;letter-spacing:1px;text-transform:uppercase}.path-row{display:flex;gap:8px}.path-pill{flex:1;padding:10px;border-radius:var(--radius-sm);text-align:center;font-weight:700;font-size:15px;color:#ffffffb3;background:var(--card);border:2px solid rgba(255,255,255,.1);transition:all .2s;cursor:pointer}.path-pill.active{border-color:var(--teal);background:#4ecdc426;color:var(--teal);box-shadow:0 0 20px #4ecdc426}.path-pill .path-num{font-family:Fredoka,sans-serif;font-size:18px}.path-pill .path-desc{font-size:13px;opacity:.6;margin-top:2px;font-weight:600}.course-row{display:flex;gap:12px}.course-btn{flex:1;padding:12px 8px;border-radius:var(--radius-sm);text-align:center;font-family:Fredoka,sans-serif;font-size:22px;font-weight:700;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;border:none;color:#fff}.course-btn.a{background:linear-gradient(135deg,#95e77e,#5abb4a)}.course-btn.b{background:linear-gradient(135deg,var(--blue),#2E86AB)}.course-btn.c{background:linear-gradient(135deg,var(--purple),#7B42CC)}.course-btn.d{background:linear-gradient(135deg,var(--coral),#E84545)}.course-btn.active{transform:scale(1.08);box-shadow:0 6px 20px #0000004d,0 0 0 2px #fff}.course-btn.locked{opacity:.3;filter:grayscale(.8)}.course-btn .lock-icon{font-size:10px;display:block;margin-top:-2px}.page{padding:8px 0;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.confetti{position:absolute;width:8px;height:8px;border-radius:50%;animation:confetti-fall 3s ease-in-out infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(80px) rotate(360deg);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-hero{text-align:center;padding:12px 0 16px;position:relative}.home-hero .logo{font-family:Fredoka,sans-serif;font-size:36px;font-weight:700;background:linear-gradient(135deg,var(--yellow),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.home-hero .logo span{background:linear-gradient(135deg,var(--teal),var(--blue));-webkit-background-clip:text;background-clip:text}.home-hero .tagline{font-size:13px;color:#ffffff73;margin-top:2px}.quiz-top{display:flex;justify-content:space-between;align-items:center;padding:4px 0 10px}.quiz-progress-text{font-family:Fredoka,sans-serif;font-size:14px;font-weight:600;opacity:.5}.quiz-score{font-family:Fredoka,sans-serif;font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--yellow),var(--orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-streak{display:flex;align-items:center;gap:3px;background:linear-gradient(135deg,var(--coral),var(--pink));padding:4px 10px;border-radius:12px;font-size:11px;font-weight:800;box-shadow:0 3px 12px #ff6b6b40}.xp-section{background:var(--card);border-radius:var(--radius-sm);padding:12px;margin:8px 0;border:1px solid rgba(255,255,255,.04)}.xp-header{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:6px}.xp-header .xp-label{opacity:.4;text-transform:uppercase;letter-spacing:1px}.xp-header .xp-gained{color:var(--yellow)}.xp-bar{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.xp-bar .xp-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--green));border-radius:4px;box-shadow:0 0 8px #4ecdc44d}.review-item{background:var(--card);border-radius:var(--radius-sm);padding:12px 14px;margin:6px 0;display:flex;align-items:flex-start;gap:10px;font-size:15px;border:1px solid rgba(255,255,255,.04)}.review-icon{font-size:14px;margin-top:1px}.review-text{flex:1}.review-text .wrong{color:var(--coral);font-weight:700}.review-text .right{color:var(--green);font-weight:700}.review-text .explanation{font-size:13px;opacity:.5;margin-top:4px}.action-row{display:flex;gap:8px;margin:8px 0}.action-btn{flex:1;padding:14px;border-radius:var(--radius-sm);text-align:center;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;cursor:pointer;border:none;color:#fff;box-shadow:0 4px #00000026;transition:all .15s}.action-btn:active{transform:translateY(2px);box-shadow:0 2px #00000026}.action-btn.primary{background:linear-gradient(135deg,var(--teal),var(--blue))}.action-btn.secondary{background:var(--card);border:1px solid rgba(255,255,255,.1)}.mute-toggle{background:transparent;border:none;font-size:24px;cursor:pointer;line-height:1;padding:4px;position:fixed;top:12px;right:12px;z-index:1000}