@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--primary:#5b67e8;--primary-dark:#4a55d4;--primary-light:#eef0fd;--white:#fff;--bg:#f5f6fa;--text-dark:#1a1a2e;--text-mid:#4a4a68;--text-muted:#9898b3;--border:#ebebf5;--success:#4caf50;--error:#f44336;--warning:#ff9800;--card-shadow:0 2px 12px #5b67e81a;--clr-teal:#5b67e8;--clr-teal-dk:#4a55d4;--clr-teal-light:#eef0fd;--clr-pink:#ffb5c8;--clr-pink-dk:#e8829a;--clr-pink-light:#fff0f4;--clr-yellow:#ffe66d;--clr-yellow-dk:#d4b800;--clr-navy:#1a1a2e;--clr-muted:#9898b3;--clr-border:#ebebf5;--clr-bg:#f5f6fa;--clr-correct:#4caf50;--clr-correct-dk:#388e3c;--clr-wrong:#f44336;--clr-wrong-dk:#d32f2f;--clr-surface:#fff;--coral:#f44336;--coral-dk:#d32f2f;--mint:#4caf50;--mint-dk:#388e3c;--sky:#5b67e8;--sky-dk:#4a55d4;--sun:#ff9800;--sun-dk:#e65100;--lav:#9c27b0;--lav-dk:#7b1fa2;--peach:#ff9800;--peach-dk:#e65100;--surface:var(--white);--border-dk:#d0d0e8;--text:var(--text-dark);--muted:var(--text-muted);--bottom-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{background-color:#0000;background-image:radial-gradient(circle at 1px 1px,#5b67e81a 1.2px,#0000 0),linear-gradient(160deg,#edf0ff 0%,#f5f6fa 45%,#f3f0ff 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-size:16px}body,#root{overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:0 0;height:100%}body:before,body:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#5b67e817 0%,#0000 62%);width:560px;height:560px;top:-140px;right:-100px}body:after{background:radial-gradient(circle,#a78bfa14 0%,#0000 62%);width:480px;height:480px;bottom:-100px;left:-80px}.app-shell ::-webkit-scrollbar{display:none}button,a{touch-action:manipulation;-webkit-user-select:none;user-select:none}input,select,textarea{font-size:16px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)translateY(30px)}60%{opacity:1;transform:scale(1.15)translateY(-8px)}80%{transform:scale(.95)translateY(3px)}to{transform:scale(1)translateY(0)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-80px)scale(1.4)}}@keyframes wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}@keyframes pathGlow{0%,to{box-shadow:0 0 8px #5b67e866}50%{box-shadow:0 0 20px #5b67e8e6}}@keyframes bubblePop{0%{opacity:0;transform:scale(0)translateY(10px)}70%{opacity:1;transform:scale(1.08)translateY(-3px)}to{transform:scale(1)translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes holoSlide{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes confettiFall{0%{transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(800deg)}}@keyframes confettiFallR{0%{transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(-720deg)}}@keyframes starSpin{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(0)}}@keyframes holoRainbow{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.bounce-in{animation:.45s cubic-bezier(.36,.07,.19,.97) both bounceIn}.pop-in{animation:.25s both popIn}.slide-up{animation:.3s both slideUp}.pulsing{animation:1.2s ease-in-out infinite pulse}.shake{animation:.45s both shake}.sticker{animation:1.8s ease-in-out infinite wiggle;display:inline-block}.float-up{animation:1.1s ease-out forwards floatUp}.lp-logo-text{display:inline}@media (width<=640px){.lp-nav-links{display:none!important}}@keyframes coinPop{0%{opacity:1;transform:translateY(0)scale(1)}25%{transform:translateY(-22px)scale(1.4)}to{opacity:0;transform:translateY(-90px)scale(.9)}}.coin-pop{animation:1.2s cubic-bezier(.22,.61,.36,1) forwards coinPop}@keyframes streakPop{0%{opacity:0;transform:scale(.5)translateY(20px)}50%{opacity:1;transform:scale(1.15)translateY(-4px)}80%{transform:scale(.97)translateY(0)}to{opacity:1;transform:scale(1)}}.streak-pop{animation:.5s cubic-bezier(.22,.61,.36,1) forwards streakPop}.poke-holo{border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff38 40%,#ffffff14 50%,#ffffff38 60%,#0000 80%) 0 0/200% 100%;animation:2.4s ease-in-out infinite holoSlide;position:absolute;inset:0}.app-shell{z-index:1;background:#0f172a;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.pp-sidebar{display:none!important}.pp-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pp-content{padding-bottom:var(--bottom-h);background:#0f172a;flex:1;overflow-y:auto}.page-body{padding:0 0 20px}.page-inner{max-width:680px;margin:0 auto;padding:0 20px}.pp-bottom-nav{height:var(--bottom-h);border-top:1px solid var(--border);z-index:200;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #5b67e80f}.pp-bottom-nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:6px 4px;font-size:11px;font-weight:600;transition:color .15s;display:flex}.pp-bottom-nav-item .tab-icon{font-size:22px;line-height:1}.pp-bottom-nav-item.active{color:var(--primary)}.pp-bottom-nav-item .nav-icon-bg{border-radius:10px;justify-content:center;align-items:center;width:44px;height:28px;font-size:20px;transition:background .15s;display:flex}.pp-bottom-nav-item.active .nav-icon-bg{background:var(--primary-light)}.mobile-hide,.pp-mobile-header{display:none!important}.pp-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:16px}.pp-card-teal{border-color:#c7cff8}.pp-card-pink{border-color:var(--clr-pink)}.pp-card-yellow{border-color:var(--clr-yellow)}.pp-card-coral{border-color:#fecaca}.pp-card-mint{border-color:#bbf7d0}.pp-card-sky{border-color:#c7cff8}.pp-card-sun{border-color:#fde68a}.pp-card-lav{border-color:#ddd6fe}.pp-card-peach{border-color:#fed7aa}.pp-card-btn{cursor:pointer;transition:transform .12s,box-shadow .1s}.pp-card-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5b67e826!important}.pp-card-btn:active{transform:translateY(1px)}.card-lift{transition:transform .15s,box-shadow .15s}.card-lift:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5b67e826!important}.card-lift:active{transform:scale(.98)}.pp-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--primary), #7b88f0);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;padding:0 24px;font-size:16px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 4px 15px #5b67e866}.pp-btn:active{opacity:.88;transform:translateY(1px)}.pp-btn-teal{background:linear-gradient(135deg, var(--primary), #7b88f0);box-shadow:0 4px 15px #5b67e866}.pp-btn-pink{background:linear-gradient(135deg,#e8829a,#ffb5c8);box-shadow:0 4px 15px #e8829a66}.pp-btn-yellow{background:linear-gradient(135deg,#ff9800,#ffb74d);box-shadow:0 4px 15px #ff980066}.pp-btn-coral{background:linear-gradient(135deg,#f44336,#ef9a9a);box-shadow:0 4px 15px #f443364d}.pp-btn-mint{background:linear-gradient(135deg,#4caf50,#81c784);box-shadow:0 4px 15px #4caf504d}.pp-btn-sky{background:linear-gradient(135deg, var(--primary), #7b88f0)}.pp-btn-sun{background:linear-gradient(135deg,#ff9800,#ffb74d);box-shadow:0 4px 15px #ff980066}.pp-btn-lav{background:linear-gradient(135deg,#9c27b0,#ce93d8);box-shadow:0 4px 15px #9c27b04d}.pp-btn-peach{background:linear-gradient(135deg,#ff9800,#ffcc02);box-shadow:0 4px 15px #ff98004d}.btn-3d{box-shadow:0 4px #00000026}.btn-3d:active{box-shadow:0 1px #0000001a}.pp-input{background:var(--bg);width:100%;height:56px;color:var(--text-dark);border:2px solid #0000;border-radius:14px;outline:none;padding:0 16px 0 50px;font-size:15px;font-weight:500;transition:border-color .15s,box-shadow .15s}.pp-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #5b67e81f}.quiz-answer-grid{grid-template-columns:1fr;gap:10px;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.result-btn{max-width:100%!important}}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.skeleton{background:linear-gradient(90deg,#ebebf5 25%,#f5f6fa 50%,#ebebf5 75%) 0 0/800px 100%;border-radius:12px;animation:1.4s ease-in-out infinite shimmer}.skeleton-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;overflow:hidden}.skeleton-line{height:14px}.skeleton-line.wide{width:80%}.skeleton-line.medium{width:55%}.skeleton-line.narrow{width:35%}.skeleton-circle{border-radius:50%;width:44px;height:44px}.skeleton-btn{border-radius:14px;height:52px}.subject-grid{flex-direction:column;gap:12px;display:flex}.lp-bento{grid-template-columns:1fr 1fr;gap:16px;display:grid}.lp-bento-hero,.lp-bento>div[style*="1 / -1"]{grid-column:1/-1}.lp-feature-grid>div[style*=span\ 2]{grid-column:span 2}.lp-nav-links{display:flex}.auth-grid{grid-template-columns:1fr 1fr}@media (width<=680px){.auth-grid{grid-template-columns:1fr!important}.auth-grid>div:first-child{display:none!important}}@media (width<=640px){.lp-bento,.lp-feature-grid{grid-template-columns:1fr!important}.lp-bento-hero{grid-column:1}.lp-bento>div[style*="1 / -1"],.lp-feature-grid>div[style*=span\ 2]{grid-column:1!important}.lp-nav-links{display:none!important}.lp-logo-text{font-size:15px!important}}.kids-theme,.kids-theme *{font-family:Quicksand,Poppins,sans-serif!important}.kids-theme .kd-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800!important}.kids-theme .kd-greeting-sub{letter-spacing:.01em;font-size:16px!important;font-weight:600!important}.kids-theme .kd-greeting-name{letter-spacing:-.03em;font-size:42px!important;font-weight:800!important;line-height:1.05!important}.kids-theme .kd-xp-track{position:relative;background:#ffffff2e!important;border-radius:99px!important;height:16px!important;overflow:visible!important}.kids-theme .kd-xp-fill{position:relative;background:linear-gradient(90deg,#f59e0b,#fbbf24)!important;border-radius:99px!important;height:100%!important;transition:width 1.2s!important;box-shadow:0 0 10px #f59e0bb3!important}.kids-theme .kd-xp-fill:after{content:"⭐";filter:drop-shadow(0 2px 4px #0000004d);font-size:20px;line-height:1;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.kids-theme .kd-subject-card{cursor:pointer;border:none!important;border-radius:24px!important;transition:transform .1s,box-shadow .1s!important;transform:translateY(0)!important;box-shadow:0 8px #00000038,0 12px 28px #0000001f!important}.kids-theme .kd-subject-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px #00000038,0 20px 40px #00000026!important}.kids-theme .kd-subject-card:active{transform:translateY(4px)!important;box-shadow:0 2px #00000038,0 4px 8px #00000014!important}.kids-theme .kd-subject-icon{border-radius:20px!important;width:64px!important;height:64px!important;box-shadow:0 6px 18px #00000040!important}.kids-theme .kd-subject-name{letter-spacing:-.01em;font-size:16px!important;font-weight:800!important}@keyframes kd-pulse{0%,to{transform:scale(1);box-shadow:0 6px 20px #f59e0b73}50%{transform:scale(1.05);box-shadow:0 10px 30px #f59e0ba6}}.kids-theme .kd-pulse{animation:2.2s ease-in-out infinite kd-pulse!important}.kids-theme .kd-pulse:hover,.kids-theme .kd-pulse:active{animation-play-state:paused!important}.kids-theme .kd-stat-chip{border-radius:20px!important;padding:14px 12px!important}.kids-theme .kd-stat-chip .kd-num{font-size:20px!important}.kids-theme .kd-section-title{letter-spacing:-.01em;font-size:20px!important;font-weight:800!important}@media (width<=480px){.kids-theme .kd-greeting-name{font-size:34px!important}.kids-theme .kd-subject-icon{width:52px!important;height:52px!important}.kids-theme .kd-subject-name{font-size:14px!important}}