@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Inter:wght@300..900&display=swap";:root{--font-child:"Quicksand", sans-serif;--font-ui:"Inter", sans-serif;--bg-primary:#f0f4f9;--bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--bg-card:#ffffffbf;--bg-card-hover:#ffffffe6;--border-color:#fff6;--bg-item:#0000000d;--bg-overlay:#0006;--primary:#6c5dd3;--primary-light:#ece9ff;--secondary:#ff7b54;--secondary-light:#ffebe5;--accent:#ffb74d;--success:#3ecd74;--success-light:#e8f9ef;--error:#fc5a5a;--error-light:#ffeaea;--info:#3f8cff;--text-main:#2d3748;--text-muted:#718096;--text-light:#fff;--shadow:0 8px 32px 0 #1f268714;--shadow-lg:0 12px 40px 0 #1f268726;--border-radius-sm:8px;--border-radius:16px;--border-radius-lg:24px;--border-radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.175, .885, .32, 1.275)}.dark{--bg-primary:#0f111a;--bg-gradient:linear-gradient(135deg, #0f111a 0%, #171923 100%);--bg-card:#1a202cbf;--bg-card-hover:#232b3be6;--border-color:#ffffff1a;--bg-item:#ffffff12;--bg-overlay:#000000bf;--primary:#8a7cff;--primary-light:#8a7cff26;--secondary:#ff9e7d;--secondary-light:#ff9e7d26;--text-main:#edf2f7;--text-muted:#a0aec0;--shadow:0 8px 32px 0 #0006;--shadow-lg:0 12px 40px 0 #0000008c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;transition:background .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,.child-font{font-family:var(--font-child)}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition)}.glass-hover:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-soft{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse-soft{animation:3s ease-in-out infinite pulse-soft}.animate-slide-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards slide-in}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}@media (width<=768px){.main-content{padding:1rem}}.btn{font-family:var(--font-child);border-radius:var(--border-radius-full);cursor:pointer;transition:var(--transition-bounce);border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #0000000d}.btn:active{transform:scale(.95)}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover{background:#5b4dbf;transform:translateY(-2px);box-shadow:0 6px 15px #6c5dd34d}.btn-secondary{background:var(--secondary);color:var(--text-light)}.btn-secondary:hover{background:#e66a43;transform:translateY(-2px);box-shadow:0 6px 15px #ff7b544d}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-danger{background:var(--error);color:var(--text-light)}.btn-danger:hover{background:#e04a4a;transform:translateY(-2px);box-shadow:0 6px 15px #fc5a5a4d}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{font-family:var(--font-child);color:var(--text-main);font-size:.95rem;font-weight:600}.form-input{border-radius:var(--border-radius);border:1px solid var(--border-color);font-family:var(--font-ui);color:var(--text-main);transition:var(--transition);background:#ffffff80;outline:none;padding:.75rem 1rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);background:#fff}.dark .form-input{border-color:#ffffff26;color:var(--text-main)!important;background:#1a202ccc!important}.dark .form-input:focus{border-color:var(--primary);background:#0f111ae6!important}.dark select option{color:#edf2f7!important;background:#1a202c!important}.badge-tag{border-radius:var(--border-radius-full);text-transform:uppercase;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.warmup-alert-badge{color:#fff!important;background:#ef4444!important}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{z-index:1000;border-bottom:1px solid var(--border-color);border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:.75rem 2rem;display:flex;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.logo-text-wrapper{font-family:var(--font-child);color:var(--primary);text-transform:uppercase;letter-spacing:.5px;gap:.25rem;font-size:1.25rem;display:flex}.mobile-menu-toggle{color:var(--text-main);cursor:pointer;transition:var(--transition);border-radius:var(--border-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:none}.mobile-menu-toggle:hover{background:var(--primary-light);color:var(--primary)}.nav-logo{color:var(--primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-main);font-family:var(--font-child);transition:var(--transition);font-weight:600;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--primary)}.card{border-radius:var(--border-radius-lg);padding:1.5rem}.confetti-canvas{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.grid-responsive-2-1{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.grid-responsive-1-3{grid-template-columns:1fr 3fr;gap:1.5rem;display:grid}.grid-responsive-1-1{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.grid-responsive-repeat-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.grid-responsive-repeat-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.admin-user-grid{grid-template-columns:1fr;gap:2rem;display:grid}.admin-user-grid.edit-active{grid-template-columns:1fr 2fr}.admin-content-grid{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.nav-user-info{border-left:1px solid var(--border-color);align-items:center;gap:1rem;padding-left:1rem;display:flex}.mascot-sidebar{text-align:center;border-right:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding-right:2rem;display:flex}@media (width<=768px){.mobile-menu-toggle{display:flex}.navbar-container{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar{align-items:center;height:60px;display:flex;padding:.5rem 1rem!important}.logo-text-secondary{display:none}.nav-links{border-bottom:1px solid var(--border-color);z-index:9999;position:absolute;top:60px;left:0;right:0;box-shadow:0 12px 30px #0003;-webkit-backdrop-filter:none!important;background:#fff!important;flex-direction:column!important;align-items:stretch!important;gap:1.25rem!important;padding:1.5rem!important;display:none!important}body.dark .nav-links{border-bottom:1px solid #ffffff26;background:#1e293b!important}.nav-links.mobile-open{animation:.3s cubic-bezier(.16,1,.3,1) forwards navSlideDown;display:flex!important}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link{box-sizing:border-box;width:100%;display:block;text-align:left!important;background:var(--bg-app)!important;border-radius:var(--border-radius-md)!important;border:1px solid var(--border-color)!important;padding:.75rem 1rem!important;font-size:1rem!important}.nav-link.active{background:var(--primary-light)!important;border-color:var(--primary)!important;color:var(--primary)!important}.nav-user-info{margin-top:.25rem;border-left:none!important;border-top:1px dashed var(--border-color)!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;width:100%!important;padding-top:1.25rem!important;padding-left:0!important;display:flex!important}.mascot-sidebar{border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;padding-right:0}.grid-responsive-2-1,.grid-responsive-1-3,.grid-responsive-1-1,.grid-responsive-repeat-4,.grid-responsive-repeat-3,.admin-user-grid,.admin-user-grid.edit-active,.admin-content-grid{gap:1rem;grid-template-columns:1fr!important}.card{padding:1rem}}@keyframes visualBeat{0%{opacity:.5;transform:scale(1);box-shadow:0 0 #ff7b5466}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px 6px #ff7b5400}to{opacity:.5;transform:scale(1);box-shadow:0 0 #ff7b5400}}.metronome-visual-dot{background:var(--secondary);border-radius:50%;width:24px;height:24px;transition:transform .1s;display:inline-block}.metronome-visual-dot.active{animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards visualBeat}.dark .form-input,.dark select,.dark textarea{border-color:#ffffff26!important}.dark option{color:#edf2f7!important;background-color:#1a202c!important}.auth-grid{border-radius:var(--border-radius-lg);grid-template-columns:1fr 1fr;width:100%;max-width:900px;display:grid;overflow:hidden}.auth-brand-panel{background:var(--primary);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex;position:relative}.role-buttons-flex{gap:.5rem;display:flex}.landing-features-flex{color:var(--primary);border-radius:var(--border-radius-full);background:#ffffff80;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 15px #00000008}.landing-promo-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:3rem;display:grid}.quiz-options-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.report-header-flex{border-bottom:3px solid #6c5dd3;justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.preview-box-responsive{font-size:4.5rem;font-weight:700;font-family:var(--font-child);color:var(--primary);background:#ffffffe6;min-width:250px;max-width:100%;margin-bottom:2rem;padding:2.5rem;display:inline-block}.preview-box-responsive.word-box{color:var(--secondary);min-width:280px;font-size:3.5rem}@media (width<=768px){.auth-grid{grid-template-columns:1fr}.auth-brand-panel{display:none!important}.landing-features-flex{border-radius:var(--border-radius);gap:1rem;margin-top:1.5rem;padding:1rem;font-size:.9rem}.landing-promo-grid{gap:1.5rem;grid-template-columns:1fr!important;padding:1.5rem!important}.quiz-options-grid{grid-template-columns:1fr!important}.report-header-flex{text-align:center;flex-direction:column;align-items:center;gap:1rem}.report-header-flex>div{text-align:center;flex-direction:column;align-items:center}.preview-box-responsive{min-width:200px;margin-bottom:1.5rem;padding:2rem 1rem;font-size:3rem}.preview-box-responsive.word-box{min-width:200px;font-size:2.5rem}}@media (width<=480px){.role-buttons-flex{flex-direction:column}}.quick-menu-link{color:var(--text-main);border-radius:var(--border-radius-sm);transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.quick-menu-link:hover{background:var(--primary-light);color:var(--primary);transform:translate(4px)}@keyframes neon-pulse{0%{border-color:#6c5dd366;box-shadow:0 0 5px #6c5dd34d,0 0 10px #6c5dd31a}50%{border-color:#6c5dd3cc;box-shadow:0 0 15px #6c5dd3b3,0 0 30px #6c5dd34d,inset 0 0 8px #6c5dd31a}to{border-color:#6c5dd366;box-shadow:0 0 5px #6c5dd34d,0 0 10px #6c5dd31a}}.neon-pulse-card{border:2.5px solid #6c5dd380!important;animation:.5s cubic-bezier(.4,0,.2,1) forwards slide-in,2s ease-in-out infinite neon-pulse!important}.grid-responsive-1-2{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}@media (width<=768px){.grid-responsive-1-2{gap:1rem;grid-template-columns:1fr!important}.admin-tools-layout{grid-template-columns:1fr!important;gap:1rem!important}.admin-dashboard-stats-grid{grid-template-columns:1fr!important}}.avatar-frame-container{border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.avatar-circle{background:var(--bg-card);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.frame-silver{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 50%,#94a3b8 100%);animation:2s ease-in-out infinite alternate silverGlow;box-shadow:0 0 10px #94a3b866,inset 0 0 4px #fff9}@keyframes silverGlow{0%{box-shadow:0 0 8px #e2e8f066}to{box-shadow:0 0 16px #e2e8f0cc}}.frame-gold{background:linear-gradient(45deg,#fbbf24,#f59e0b,#d97706,#fbbf24) 0 0/300% 300%;animation:3s linear infinite goldRotate,1.5s ease-in-out infinite alternate goldGlow;box-shadow:0 0 12px #f59e0b80,inset 0 0 4px #fffc}@keyframes goldRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes goldGlow{0%{box-shadow:0 0 10px #f59e0b66}to{box-shadow:0 0 20px #f59e0bcc}}.frame-emerald{background:linear-gradient(135deg,#34d399 0%,#059669 100%);animation:2s ease-in-out infinite emeraldPulse;box-shadow:0 0 12px #34d39980}@keyframes emeraldPulse{0%{transform:scale(1);box-shadow:0 0 10px #34d39980}50%{transform:scale(1.02);box-shadow:0 0 20px #34d399e6}to{transform:scale(1);box-shadow:0 0 10px #34d39980}}.frame-fire{background:linear-gradient(#b91c1c,#ef4444,#f97316);animation:.15s ease-in-out infinite alternate fireFlicker;box-shadow:0 0 15px #ef444499}@keyframes fireFlicker{0%{transform:scale(1)rotate(0);box-shadow:0 0 12px #ef444480}50%{transform:scale(1.02)rotate(.5deg);box-shadow:0 0 18px #f97316cc}to{transform:scale(.99)rotate(-.5deg);box-shadow:0 0 14px #b91c1c99}}.frame-cosmic{background:linear-gradient(270deg,#8b5cf6,#ec4899,#3b82f6,#8b5cf6) 0 0/400% 400%;animation:4s infinite cosmicShift,2s ease-in-out infinite alternate cosmicGlow;box-shadow:0 0 15px #8b5cf699}@keyframes cosmicShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes cosmicGlow{0%{box-shadow:0 0 12px #ec489966}to{box-shadow:0 0 25px #8b5cf6e6}}.name-style-star{text-shadow:0 0 4px #d9770633;color:#d97706!important;font-weight:800!important}.name-style-spark{text-shadow:0 0 6px #ea580c66;color:#ea580c!important;font-weight:800!important}.name-style-royal{text-shadow:0 0 5px #7c3aed4d;color:#7c3aed!important;font-weight:900!important}.name-style-magic{background:linear-gradient(90deg,#db2777,#7c3aed,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;display:inline-block;color:#0000!important;font-weight:900!important}.name-style-neon-rainbow{background:linear-gradient(90deg,#ff007f,#f0f,#0ff,#0f0,#ff0,#ff7f00,red) 0 0/300% 300%;-webkit-text-fill-color:transparent;text-shadow:0 0 10px #0ff6;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite neonRainbowText;display:inline-block;color:#0000!important;font-weight:900!important}@keyframes neonRainbowText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.name-style-neon-plasma{text-shadow:0 0 5px #fff,0 0 10px #bf55ec,0 0 15px #bf55ec,0 0 20px #bf55ec,0 0 25px #bf55ec;animation:1.5s ease-in-out infinite alternate plasmaGlow;display:inline-block;color:#bf55ec!important;font-weight:900!important}@keyframes plasmaGlow{0%{text-shadow:0 0 4px #fff,0 0 8px #bf55ec,0 0 12px #bf55ec}to{text-shadow:0 0 8px #fff,0 0 16px #bf55ec,0 0 24px #bf55ec}}.name-style-neon-ice{text-shadow:0 0 5px #fff,0 0 10px #00f2fe,0 0 15px #4facfe,0 0 20px #4facfe;animation:2s ease-in-out infinite alternate iceGlow;display:inline-block;color:#00f2fe!important;font-weight:900!important}@keyframes iceGlow{0%{text-shadow:0 0 3px #fff,0 0 6px #00f2fe}to{text-shadow:0 0 8px #fff,0 0 15px #00f2fe,0 0 20px #4facfe}}.frame-neon-rainbow{background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#8b00ff) 0 0/400% 400%;animation:3s linear infinite cosmicShift,2s ease-in-out infinite alternate rainbowGlow;box-shadow:0 0 20px #00ffffb3}@keyframes rainbowGlow{0%{box-shadow:0 0 10px #ff00ff80}to{box-shadow:0 0 25px #00ffffe6}}.frame-neon-cyber{background:linear-gradient(135deg,#00f2fe 0%,#4facfe 30%,#f35588 70%,#d53369 100%) 0 0/200% 200%;animation:2s infinite cosmicShift,1.5s infinite cyberPulse;box-shadow:0 0 20px #f35588cc}@keyframes cyberPulse{0%{transform:scale(1);box-shadow:0 0 12px #f3558899}50%{transform:scale(1.03);box-shadow:0 0 24px #00f2fee6}to{transform:scale(1);box-shadow:0 0 12px #f3558899}}.frame-royal-crown{background:linear-gradient(45deg,#d4af37,gold,#aa771c,gold) 0 0/300% 300%;animation:2.5s linear infinite goldRotate,2s ease-in-out infinite alternate royalCrownPulse;box-shadow:0 0 25px #fde047cc,inset 0 0 6px #ffffffe6}@keyframes royalCrownPulse{0%{transform:scale(1);box-shadow:0 0 15px #fde04799}to{transform:scale(1.04);box-shadow:0 0 30px #fde047}}.frame-dark-matter{background:linear-gradient(135deg,#09090b 0%,#701a75 50%,#f97316 100%) 0 0/200% 200%;animation:3s infinite cosmicShift,1.5s ease-in-out infinite alternate darkMatterPulse;box-shadow:0 0 25px #f97316cc}@keyframes darkMatterPulse{0%{transform:scale(1)rotate(0);box-shadow:0 0 15px #701a7599}to{transform:scale(1.03)rotate(1deg);box-shadow:0 0 30px #f97316e6}}.name-style-neon-matrix{text-shadow:0 0 5px #fff,0 0 10px #0f6,0 0 20px #0f6,0 0 30px #0f6;animation:1.5s ease-in-out infinite alternate matrixGlow;display:inline-block;color:#0f6!important;font-weight:900!important}@keyframes matrixGlow{0%{text-shadow:0 0 3px #fff,0 0 8px #0f6,0 0 15px #0f6}to{text-shadow:0 0 10px #fff,0 0 20px #0f6,0 0 35px #0f6}}.name-style-neon-supernova{background:linear-gradient(90deg,#ff4500,#ff8c00,red,#ff4500) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 12px #ff450099;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite supernovaFlow;display:inline-block;color:#0000!important;font-weight:900!important}@keyframes supernovaFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:9999;background:#ffffffd9;justify-content:space-around;align-items:center;height:70px;padding:.5rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000d}body.dark .bottom-nav{background:#0f172ad9;border-top:1px solid #ffffff1a}.bottom-nav-item{color:var(--text-muted);font-size:.75rem;font-weight:700;font-family:var(--font-child);transition:var(--transition);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;display:flex}.bottom-nav-item svg{transition:transform .2s}.bottom-nav-item:hover svg,.bottom-nav-item.active svg{transform:translateY(-2px)}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--primary)}.main-content{padding-bottom:80px!important}}.store-sticky-wrapper{z-index:10;height:fit-content;position:sticky;top:100px}.store-profile-card{background-color:var(--bg-card)!important;-webkit-backdrop-filter:none!important}body.dark .store-profile-card{background-color:#1e293b!important}@media (width<=768px){.store-sticky-wrapper{z-index:1;margin-bottom:1rem;position:relative;top:0}}