.login-hero{padding:2.5rem 2.75rem;background:linear-gradient(135deg,#ffb64e,#ff8d4a 35%,#ff6f7f 100%);color:#11213a;display:flex;flex-direction:column;justify-content:space-between;position:relative}.login-hero:before,.login-hero:after{content:"";position:absolute;border-radius:999px;filter:blur(30px);opacity:.45;pointer-events:none}.login-hero:before{width:210px;height:210px;background:rgba(255,255,255,.7);top:-60px;right:-40px}.login-hero:after{width:180px;height:180px;background:rgba(255,255,255,.35);bottom:-40px;left:-40px}.login-hero-heading{position:relative;z-index:1}.login-hero-title span.emoji{font-size:1.8rem}.login-hero-subtitle{font-size:1rem;max-width:26rem;opacity:.9}.login-hero-chips{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.55rem}.hero-chip{padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;background:rgba(255,255,255,.9);color:#26334b;display:inline-flex;align-items:center;gap:.4rem}.hero-chip span.icon{font-size:1rem}.login-hero-footer{position:relative;z-index:1;margin-top:2rem;padding:.8rem 1rem;border-radius:16px;background:rgba(255,255,255,.92);display:flex;align-items:center;gap:.7rem}.login-hero-footer-icon{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffe3a4;color:#c76b1b;font-size:1.3rem}.login-hero-footer-text{font-size:.85rem;line-height:1.35}.login-card{padding:2.5rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem}.login-logo{font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7b8bab;display:flex;align-items:center;gap:.35rem}.login-logo span{font-size:1.1rem}.login-input:focus{border-color:#4f8cff;box-shadow:0 0 0 3px #4f8cff2e;background:#ffffff}.login-button:hover{filter:brightness(1.03);box-shadow:0 10px 26px #f7714559;transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:default;box-shadow:none}@media (max-width: 900px){.login-shell{grid-template-columns:minmax(0,1fr)}.login-hero{display:none}.login-card{padding:2.25rem 1.5rem 2rem}}.login-card{align-items:stretch}.login-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.login-heading-text{text-align:left}.login-subtitle{margin:.1rem 0 .2rem;font-size:.9rem;color:#6b7280}.login-mode{margin:0;font-size:.95rem;font-weight:600;color:#f97316}.hero-brand-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.hero-logo{width:72px;height:72px;border-radius:18px;box-shadow:0 12px 35px #0f172a8c}.login-hero-title{margin:0;font-size:2.1rem;font-weight:800;letter-spacing:.03em;color:#0f172a}.login-hero-tagline{margin:.1rem 0 0;font-size:.95rem;color:#cedef9}.login-logo-img{width:40px;height:40px;border-radius:12px;box-shadow:0 8px 20px #0f172a66}.login-logo-text{display:flex;flex-direction:column;gap:0}.login-logo-title{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f172a}.login-logo-subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.login-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;background:radial-gradient(1200px 700px at 20% 25%,rgba(81,215,234,.4),transparent 60%),radial-gradient(900px 600px at 80% 20%,rgba(121,115,221,.35),transparent 58%),radial-gradient(800px 600px at 70% 85%,rgba(81,168,212,.28),transparent 60%),linear-gradient(135deg,var(--cq-navy),#08101f 50%,var(--cq-ink))}.login-shell{width:min(1100px,100%);display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.login-hero{border-radius:var(--cq-radius-xl);padding:28px;color:var(--cq-white);position:relative;overflow:hidden;box-shadow:var(--cq-shadow-strong);border:1px solid rgba(255,255,255,.14);background:radial-gradient(900px 500px at 15% 10%,rgba(81,215,234,.35),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(121,115,221,.3),transparent 65%),linear-gradient(145deg,rgba(15,23,42,.92),rgba(11,18,32,.92))}.login-hero-title{font-size:clamp(28px,3vw,44px);margin:0;letter-spacing:.5px}.login-hero-title .emoji{margin-right:10px}.login-hero-subtitle{opacity:.92;line-height:1.5;margin-top:10px;max-width:46ch;font-size:15px}.login-hero-chips{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.hero-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);font-size:13px}.hero-chip .icon{font-size:16px}.login-hero-footer{margin-top:18px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--cq-radius-lg);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}.login-hero-footer-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(81,215,234,.18)}.login-card{border-radius:var(--cq-radius-xl);padding:24px 22px;background:var(--cq-card);box-shadow:var(--cq-shadow);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;letter-spacing:1px;color:var(--cq-ink);margin-bottom:12px}.auth-toggle{display:flex;gap:10px;background:rgba(15,23,42,.06);padding:8px;border-radius:999px;margin:10px 0 16px}.auth-tab{flex:1;border:none;padding:10px 12px;border-radius:999px;cursor:pointer;background:transparent;font-weight:700;color:#0f172ab3}.auth-tab.active{color:var(--cq-ink);background:linear-gradient(135deg,rgba(81,215,234,.55),rgba(121,115,221,.45));box-shadow:0 10px 25px #0b12201f}.login-title{margin:6px 0 4px;font-size:22px;color:var(--cq-ink)}.login-subtext{margin:0 0 10px;color:#0f172ab3;font-size:13.5px;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.14);outline:none;font-size:14px;background:rgba(255,255,255,.92)}.login-input:focus{border-color:#51d7ead9;box-shadow:0 0 0 4px #51d7ea2e}.login-button{border:none;border-radius:999px;padding:12px 14px;font-weight:800;cursor:pointer;color:#06101f;background:linear-gradient(135deg,var(--cq-sky),var(--cq-purple));box-shadow:0 14px 30px #7973dd40;transition:transform .08s ease,filter .2s ease}.login-button:hover{filter:brightness(1.05)}.login-button:active{transform:translateY(1px)}.login-button:disabled{opacity:.75;cursor:not-allowed}.login-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#b91c1c;padding:10px 12px;border-radius:14px;font-size:13px}.login-meta{margin-top:8px;font-size:12px;color:#0f172aa6}.signup-text{margin-top:12px;font-size:13px;color:#0f172abf;text-align:center}.signup-link{font-weight:800;color:#2b6cb0;cursor:pointer}@media (max-width: 980px){.login-shell{grid-template-columns:1fr}.login-hero{order:2}}.toast{position:fixed;right:1.75rem;bottom:1.75rem;display:flex;align-items:center;gap:.75rem;padding:.9rem 1.2rem;border-radius:999px;background:rgba(18,24,38,.95);color:#fff;box-shadow:0 18px 35px #0f172a73;font-size:.9rem;z-index:2000;animation:toast-slide-in .22s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-icon{font-size:1.25rem}.toast-close{border:none;background:transparent;color:#e5e7eb;cursor:pointer;font-size:1rem}.toast-success{background:linear-gradient(135deg,#16a34a,#22c55e)}.toast-error{background:linear-gradient(135deg,#ef4444,#f97316)}.toast-info{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(59,130,246,.15),transparent),radial-gradient(circle at bottom,rgba(244,114,182,.18),transparent),rgba(15,23,42,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:3000}.loading-card{background:rgba(15,23,42,.98);border-radius:24px;padding:1.75rem 2.25rem;box-shadow:0 22px 45px #0f172a99;display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:260px}.loading-spinner{width:42px;height:42px;border-radius:999px;border:3px solid rgba(148,163,184,.4);border-top-color:#38bdf8;border-right-color:#4ade80;animation:loading-spin .7s linear infinite}.loading-text{color:#e5e7eb;font-size:.95rem;letter-spacing:.02em}@keyframes loading-spin{to{transform:rotate(360deg)}}:root{--cq-cyan: #19D3FF;--cq-teal: #2EF2D2;--cq-purple: #9B5CFF;--cq-ice: #EAFBFF;--cq-mint: #EFFFF8;--cq-lav: #F3ECFF;--cq-white: #FFFFFF}.dashboard-page:before,.dashboard-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,rgba(255,255,255,.9) 2px,transparent 2px);background-size:28px 28px}.dashboard-container{width:100vw;height:100vh;padding:2rem;font-family:Comic Sans MS,cursive,sans-serif;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box;overflow-y:auto}.logout-button{border-radius:999px;border:none;padding:.4rem .95rem;background:#f7220e;color:#fff;font-weight:600;cursor:pointer}.ghost-button:hover,.logout-button:hover{filter:brightness(1.05)}.game-card{background:#fffdf7;border-radius:18px;padding:.9rem 1rem;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column;gap:.75rem;transition:transform .12s ease,box-shadow .12s ease}.game-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.game-card-header{display:flex;align-items:center;gap:.6rem}.game-icon{font-size:2rem}.game-header-text{display:flex;flex-direction:column}.game-title{margin:0;font-size:.9rem}.game-subtitle{margin:0;font-size:.75rem;color:#777}.game-card-progress{display:flex;align-items:center;gap:.5rem}.progress-bar{flex:1;height:8px;background:#f1f1f1;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#76c893,#52b788);transition:width .25s ease}.progress-percent{font-size:.8rem;color:#444;min-width:3ch;text-align:right}.game-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.2rem}.score-text{font-size:.8rem;color:#555}.play-btn{padding:.35rem 1rem;border-radius:999px;border:none;background:linear-gradient(90deg,#ff9800,#ffb74d);color:#fff;font-weight:600;font-size:.85rem;cursor:pointer}.play-btn:hover{filter:brightness(1.05)}.game-cards{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600}.badge-complete{background:#c8e6c9;color:#256029}.badge-progress{background:#ffecb3;color:#7a5b00}.badge-locked{background:#eceff1;color:#546e7a}.locked-text{margin-top:.3rem;font-size:.75rem;color:#666}.play-btn-disabled{opacity:.55;cursor:not-allowed}.leaderboard-section{flex:1;background-color:#e0f7fa;padding:1rem;border-radius:12px;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{border:1px solid #ccc;padding:.5rem;text-align:center;font-size:1rem}@media (max-width: 1024px){.game-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 600px){.dashboard-header h1{font-size:1.5rem}.play-btn{font-size:1rem;padding:.7rem 1rem}}.game-leaderboard{margin-top:1rem;background-color:#f9f9f9;border-radius:12px;padding:.5rem;max-height:180px;overflow-y:auto}.game-leaderboard h4{margin:0 0 .5rem;font-size:1rem}.game-leaderboard table{width:100%;border-collapse:collapse;font-size:.9rem}.game-leaderboard th,.game-leaderboard td{border:1px solid #ccc;padding:.3rem;text-align:center}.kids-header{background:linear-gradient(120deg,#ffca55,#ffd966);color:#222;border-radius:18px;padding:1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #0000002e}.kids-header h1{margin:0;font-size:1.6rem}.kids-header p{margin:.2rem 0 0;font-size:.9rem}.topic-overview{margin:1.5rem 0;text-align:center}.topic-overview-text{max-width:600px;margin:.5rem auto 0;color:#444}.kids-card{background:#fffaf0;border-radius:16px;box-shadow:0 4px 10px #00000014;padding:1rem;text-align:center;border:2px solid #ffe4a1}.game-emoji{font-size:2.5rem;margin-bottom:.5rem}.game-progress-label{margin-top:.5rem;font-size:.9rem;color:#555}.progress-bar{width:100%;height:10px;background:#eee;border-radius:999px;overflow:hidden;margin:.3rem 0}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.play-btn{margin-top:.7rem;padding:.6rem 1rem;border-radius:999px;border:none;background:#ff9800;color:#fff;font-weight:700;cursor:pointer}.play-btn:hover{background:#fb8c00}.kids-leaderboard{margin-top:2rem}.dashboard-page{padding:1.5rem 1rem 3rem;background:radial-gradient(circle at top,#e0f7fa,#fffde7)}.dashboard-row{display:grid;grid-template-columns:2fr 1.5fr 1.4fr;gap:1.1rem;margin-top:1.3rem}@media (max-width: 1100px){.dashboard-row{grid-template-columns:1fr 1fr}.achieve-card{grid-column:span 2}}@media (max-width: 780px){.dashboard-row{grid-template-columns:1fr}.achieve-card{grid-column:auto}}.card-title-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.card-icon{font-size:1.3rem}.summary-card,.tip-card,.achieve-card{background:#fffef9;border-radius:18px;padding:1rem 1.2rem;box-shadow:0 6px 18px #00000014}.summary-card{border-top:4px solid #42a5f5}.tip-card{border-top:4px solid #ffb74d}.achieve-card{border-top:4px solid #ab47bc;background:linear-gradient(135deg,#ffe0f7,#ffffff)}.achieve-card{background:linear-gradient(135deg,#ffe0f7,#ffffff)}.summary-progress-bar{width:100%;height:10px;background:#eceff1;border-radius:999px;overflow:hidden;margin:.4rem 0}.summary-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#cddc39);transition:width .3s ease}.overall-text{font-size:.9rem;margin-top:.2rem}.achieve-list{margin:.4rem 0 0;padding-left:1rem;font-size:.9rem}.achieve-list li{margin-bottom:.2rem}.next-topic{margin-top:.4rem;font-size:.9rem}.tip-card h2{margin-top:0}.tip-card p{margin:.3rem 0 0}.leaderboard-row-current{background-color:#fff9c4;font-weight:600}.glossary-page{min-height:100vh;padding:1.5rem 1rem 3rem;background:radial-gradient(900px circle at 20% 10%,rgba(25,211,255,.28),transparent 60%),radial-gradient(900px circle at 80% 20%,rgba(155,92,255,.24),transparent 62%),linear-gradient(180deg,var(--cq-ice),var(--cq-lav));background-attachment:fixed}.glossary-hero{max-width:900px;margin:0 auto 1.5rem;background:#ffffff;border-radius:20px;padding:1.2rem 1.5rem;box-shadow:0 10px 30px #0000001f;display:flex;align-items:center;gap:1rem}.glossary-hero-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#42a5f5,#7e57c2);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.glossary-hero h1{margin:0}.glossary-hero p{margin:.25rem 0 0;color:#444}.glossary-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.glossary-card{background:#ffffff;border-radius:16px;padding:.9rem 1rem;box-shadow:0 6px 18px #00000014}.glossary-card h2{margin-top:0;font-size:1rem}.glossary-card p{margin:.2rem 0 0;font-size:.9rem;color:#444}.header-buttons{display:flex;gap:.6rem}.header-left{display:flex;align-items:center;gap:.8rem}.shield-circle{width:46px;height:46px;border-radius:50%;background:#fff3cd;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.info-section{margin:1.6rem auto 1.4rem;max-width:1180px}.info-title{background:#ffffff;border-radius:18px;padding:.7rem 1rem;box-shadow:0 8px 24px #00000014;margin-bottom:.8rem;text-align:center}.info-title h2{margin:0}.info-title p{margin:.25rem 0 0;font-size:.9rem;color:#555}.info-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.6fr);gap:1rem;margin-top:.2rem}@media (max-width: 900px){.info-grid{grid-template-columns:1fr}}.safety-card,.why-card{border-radius:20px;padding:1.1rem 1.3rem;box-shadow:0 10px 26px #0000001f;background:#ffffff}.safety-card{background:linear-gradient(135deg,#e3f2fd,#fff9c4)}.why-card{background:linear-gradient(135deg,#f1f8e9,#ffffff)}.safety-card h2,.why-card h2{margin-top:0}.safety-intro{margin:.2rem 0 .4rem;font-size:.9rem;color:#444}.safety-list{list-style:none;padding:0;margin:.2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.3rem 1rem}.safety-list li{font-size:.9rem}.pledge-card{max-width:900px;margin:1.5rem auto 0;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:20px;padding:1.1rem 1.4rem;box-shadow:0 10px 30px #00000026}.pledge-card h2{margin-top:0}.pledge-card ul{margin:.5rem 0 0;padding-left:1.2rem}.pledge-card li{margin:.2rem 0;font-size:.95rem}.level-chip{display:inline-flex;align-items:center;margin-top:.25rem;padding:.15rem .6rem;border-radius:999px;background:rgba(255,255,255,.7);font-size:.78rem;font-weight:600;color:#444}.section-heading{margin-top:1.1rem}.section-label{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .8rem;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 4px 10px #00000014;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#555}.topics-progress-section{margin-top:2rem;padding:1.5rem 1.75rem;background:rgba(255,255,255,.85);border-radius:24px;box-shadow:0 18px 40px #0f172a14}.topics-progress-section .section-header{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.2rem}.topics-progress-section .section-header h2{font-size:1.2rem;margin:0}.topics-progress-section .section-header p{font-size:.9rem;color:#6b7280}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.topic-card{background:#f9fafb;border-radius:18px;padding:1rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.8rem;border:1px solid rgba(148,163,184,.25)}.topic-card-header{display:flex;align-items:center;gap:.7rem}.topic-emoji{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;font-size:1.4rem}.topic-text h3{margin:0;font-size:.98rem}.topic-sub{margin:.1rem 0 0;font-size:.8rem;color:#6b7280}.topic-card-body{display:flex;align-items:center;gap:1rem}.topic-ring{--value: 0;width:72px;height:72px;border-radius:999px;background:conic-gradient(#22c55e calc(var(--value) * 1%),#e5e7eb 0);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 6px #f9fafb}.topic-ring-center{width:54px;height:54px;border-radius:999px;background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center}.topic-ring-percent{font-size:.9rem;font-weight:700}.topic-ring-label{font-size:.65rem;color:#9ca3af}.topic-details{flex:1}.topic-hint{font-size:.8rem;color:#6b7280;margin:0}.site-branding{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.brand-left{display:flex;align-items:center;gap:1rem}.brand-logo{width:64px;height:64px;border-radius:16px;box-shadow:0 10px 30px #0f172a66}.brand-text h1{margin:0;font-size:1.8rem;font-weight:800;color:#0f172a}.brand-text p{margin:.1rem 0 0;font-size:.95rem;color:#64748b}.dashboard-container{width:100vw;min-height:100vh;padding:2rem;box-sizing:border-box;overflow-y:auto;background:radial-gradient(1200px 700px at 18% 22%,rgba(81,215,234,.3),transparent 60%),radial-gradient(900px 600px at 82% 18%,rgba(121,115,221,.25),transparent 58%),radial-gradient(900px 600px at 60% 90%,rgba(81,168,212,.18),transparent 62%),linear-gradient(135deg,#eafcff,#eef6ff 35%,#f4f1ff 80%,#ffffff)}.dashboard-header{background:linear-gradient(90deg,rgba(81,215,234,.55),rgba(121,115,221,.45));border-radius:18px;box-shadow:var(--cq-shadow);padding:1rem;position:relative;border:1px solid rgba(255,255,255,.75)}.logout-button,.ghost-button{border-radius:999px;border:none;padding:.55rem 1rem;font-weight:800;cursor:pointer}.logout-button{background:linear-gradient(135deg,var(--cq-sky),var(--cq-purple));color:#06101f;box-shadow:0 12px 28px #7973dd38}.ghost-button{background:rgba(255,255,255,.65);border:1px solid rgba(15,23,42,.1);color:#0f172ad9}.hero-logo{width:50px;height:50px;border-radius:18px;box-shadow:0 12px 35px #0f172a8c}.dash-skeleton{padding:1.5rem 1.75rem 2.5rem}.dash-skeleton-row{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.dash-skeleton-card{background:linear-gradient(90deg,rgba(255,255,255,.6) 25%,rgba(255,255,255,.9) 37%,rgba(255,255,255,.6) 63%),rgba(240,249,255,.9);background-size:400% 100%;border-radius:24px;box-shadow:0 20px 45px #0f172a1f;animation:dash-shimmer 1.3s ease-in-out infinite}.dash-skeleton-card.big{flex:1;min-height:130px}.dash-skeleton-card.topic{flex:1;min-width:220px;min-height:200px}@keyframes dash-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.game-page{min-height:100vh;padding:1.5rem 1rem 2.5rem;background:radial-gradient(circle at top,#e1f5fe,#fffde7);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%;box-sizing:border-box}.game-header{width:100%;margin:0 0 1.5rem;padding:.75rem 1rem;border-radius:14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#42a5f5,#7e57c2);color:#fff;box-shadow:0 6px 16px #42a5f580;box-sizing:border-box}@media (min-width: 1100px){.game-header,.game-main{max-width:1200px;margin-left:auto;margin-right:auto}}.back-btn{border:none;background:#ffffff33;color:#fff;border-radius:999px;padding:.4rem .9rem;cursor:pointer;font-weight:500;font-size:.9rem}.back-btn:hover{background:#ffffff55}.game-header-title{display:flex;align-items:center;gap:.6rem}.game-header-title h1{font-size:1.4rem;margin:0}.game-header-emoji{font-size:2rem}.game-score-badge{background:#ffffff33;padding:.4rem .9rem;border-radius:999px;font-weight:600}.game-main{width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;box-sizing:border-box}@media (max-width: 900px){.game-main{grid-template-columns:1fr}}.quiz-card{background:#ffffff;border-radius:18px;padding:1.1rem 1.3rem;box-shadow:0 6px 20px #00000014}.quiz-progress{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.7rem}.quiz-progress span{font-size:.9rem;color:#555}.quiz-progress-bar{width:100%;height:9px;background:#eceff1;border-radius:999px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#66bb6a,#c0ca33);transition:width .3s ease}.quiz-topic{font-size:.92rem;text-transform:uppercase;letter-spacing:.03em;color:#0288d1;font-weight:600;margin-bottom:.3rem}.quiz-question{font-size:1.05rem;margin-bottom:.8rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option-btn{padding:.6rem .8rem;border-radius:12px;border:2px solid transparent;background:#f3f7ff;text-align:left;cursor:pointer;font-size:.95rem;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease,background .08s ease}.quiz-option-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #1976d226}.quiz-option-btn.selected{border-color:#42a5f5;background:#e3f2fd}.quiz-option-btn.correct{border-color:#43a047;background:#e8f5e9}.quiz-option-btn.incorrect{border-color:#e53935;background:#ffebee}.quiz-option-btn.answer{border-color:#43a047}.quiz-footer{margin-top:.9rem;display:flex;flex-direction:column;gap:.5rem}.next-btn{align-self:flex-end;margin-top:.2rem;padding:.55rem 1.5rem;border-radius:999px;border:none;background:linear-gradient(90deg,#ff9800,#ffb74d);color:#fff;font-weight:600;cursor:pointer;font-size:.95rem}.next-btn:disabled{opacity:.5;cursor:default}.next-btn:not(:disabled):hover{filter:brightness(1.05)}.feedback-text{font-size:.9rem}.feedback-correct{color:#2e7d32}.feedback-incorrect{color:#c62828}.quiz-finished{text-align:center;margin-top:.8rem}.play-again-btn{margin-top:.4rem;padding:.5rem 1.3rem;border:none;border-radius:999px;background:#66bb6a;color:#fff;cursor:pointer;font-weight:600}.play-again-btn:hover{filter:brightness(1.05)}.leaderboard-card{background:#f3fbff;border-radius:18px;padding:.9rem 1.1rem;box-shadow:0 6px 16px #039be526}.leaderboard-card h2{margin-top:0;font-size:1.05rem}.leaderboard-card ol{margin:.5rem 0 0;padding-left:1.1rem}.leaderboard-card li{display:flex;align-items:center;justify-content:space-between;margin:.15rem 0;font-size:.9rem}.lb-rank{font-weight:700;margin-right:.4rem}.lb-name{flex:1}.lb-score{font-weight:700}.lb-empty{font-size:.9rem;color:#555}.game-loading{padding:2rem;text-align:center}.quiz-top-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.tts-controls{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.tts-button{border-radius:999px;padding:.4rem .9rem;border:none;background:linear-gradient(135deg,#4f46e5,#38bdf8);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #2563eb59;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}.tts-button:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.tts-button.speaking{background:linear-gradient(135deg,#f97316,#fb7185)}.tts-toggle{display:inline-flex;align-items:center;gap:.3rem;color:#6b7280}.tts-toggle input{accent-color:#4f46e5}.game-meta{display:flex;align-items:center;gap:.75rem}.game-streak-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;background:#eef2ff;font-size:.8rem;color:#3730a3}.game-streak-best{font-size:.75rem;color:#6b7280}.game-rank-pill{padding:.25rem .8rem;border-radius:999px;background:linear-gradient(135deg,#22c55e,#86efac);font-size:.8rem;font-weight:600;color:#064e3b}.story-box{margin-top:.75rem;margin-bottom:.5rem;padding:.8rem 1rem;border-radius:16px;background:#f5f3ff;border:1px solid #ddd6fe;font-size:.9rem;color:#4b5563}.lesson-box{margin-top:.75rem;margin-bottom:.75rem;padding:.9rem 1.1rem;border-radius:16px;background:#eff6ff;border:1px solid #bfdbfe;font-size:.9rem;color:#1f2933}.lesson-box ul{margin:.3rem 0 .4rem;padding-left:1.2rem}.lesson-tip{font-size:.85rem;font-weight:600;color:#1d4ed8}.mini-game-wrapper{margin-top:1rem;padding:1rem 1.25rem 1.5rem;background:linear-gradient(145deg,#0b1120,#020617);border-radius:18px;border:1px solid rgba(148,163,184,.5);color:#e5e7eb;box-shadow:0 18px 40px #0f172a99}.mini-game-hud{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:.9rem}.mini-hud-label{opacity:.8}.mini-restart-btn{border-radius:999px;border:1px solid rgba(248,250,252,.3);background:rgba(15,23,42,.9);color:#e5e7eb;padding:.35rem .9rem;font-size:.85rem;cursor:pointer;transition:background .2s,transform .1s}.mini-restart-btn:hover{background:rgba(30,64,175,.9);transform:translateY(-1px)}.mini-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media (max-width: 900px){.mini-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mini-card{position:relative;perspective:800px;border:none;background:transparent;padding:0;cursor:pointer}.mini-card-inner{position:relative;width:100%;min-height:90px;transform-style:preserve-3d;transition:transform .4s}.mini-card.flipped .mini-card-inner,.mini-card.matched .mini-card-inner{transform:rotateY(180deg)}.mini-card-front,.mini-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:.5rem}.mini-card-front{background:radial-gradient(circle at 30% 20%,#1d4ed8,#020617);color:#e5e7eb;font-weight:700;font-size:1.25rem}.mini-card-back{transform:rotateY(180deg);background:radial-gradient(circle at 20% 20%,#22c55e,#16a34a);color:#0f172a;font-size:.8rem;font-weight:600;text-align:center}.mini-card.matched .mini-card-back{background:radial-gradient(circle at 20% 20%,#fbbf24,#f97316)}.mini-complete-banner{margin-top:.9rem;padding:.6rem .8rem;border-radius:999px;background:rgba(34,197,94,.16);color:#bbf7d0;font-size:.9rem;text-align:center}.mini-header-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.mini-restart-link{border:none;background:transparent;color:#93c5fd;font-size:.85rem;cursor:pointer;text-decoration:underline}.info-guardian .info-hud{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:.5rem 0 1rem;font-size:.9rem}.info-score span{font-weight:700;color:#facc15}.info-hearts{font-size:1rem}.info-progress-bar{flex:1;height:6px;border-radius:999px;background:rgba(148,163,184,.35);overflow:hidden}.info-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#facc15)}.info-card{background:radial-gradient(circle at 20% 0%,#1d4ed8 0,#020617 55%);border-radius:18px;padding:1.1rem 1.2rem 1.2rem;color:#e5e7eb;box-shadow:0 18px 50px #0f172abf}.info-tag-row{display:flex;justify-content:space-between;margin-bottom:.4rem}.info-tag{font-size:.8rem;padding:.1rem .6rem;border-radius:999px;border:1px solid rgba(191,219,254,.6);background:rgba(15,23,42,.7)}.info-question{font-size:.98rem;margin-bottom:.75rem}.info-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.info-btn{flex:1 1 150px;border-radius:14px;border:none;padding:.6rem .8rem;text-align:left;cursor:pointer;color:#020617;font-weight:600;font-size:.9rem;display:flex;flex-direction:column;gap:.1rem}.info-btn-sub{font-size:.8rem;opacity:.9}.info-btn.shield{background:linear-gradient(135deg,#f97316,#facc15)}.info-btn.share{background:linear-gradient(135deg,#4ade80,#22c55e)}.info-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0f172a73}.info-hint{font-size:.85rem;opacity:.9}.info-feedback{margin-top:.5rem;padding:.45rem .7rem;border-radius:999px;font-size:.85rem}.info-feedback-correct{background:rgba(34,197,94,.2);color:#bbf7d0}.info-feedback-wrong{background:rgba(239,68,68,.2);color:#fecaca}.info-complete h3{margin-bottom:.3rem}.pass-lab .mission-header{margin-bottom:.7rem}.mission-pill{display:inline-block;font-size:.75rem;padding:.15rem .6rem;border-radius:999px;background:rgba(37,99,235,.2);color:#bfdbfe;margin-bottom:.25rem}.mission-title{font-size:1.05rem;color:#e5e7eb;margin-bottom:.15rem}.mission-prompt{font-size:.9rem;color:#cbd5f5}.pass-lab .pass-lab-output{margin:.7rem 0;padding:.6rem .7rem;border-radius:12px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.7)}.pass-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin-bottom:.15rem}.pass-value{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95rem;word-break:break-all}.pass-strength-row{display:flex;align-items:center;gap:.75rem;font-size:.85rem;margin-bottom:.5rem}.pass-strength-badge{padding:.1rem .6rem;border-radius:999px;font-size:.8rem}.pass-strength-badge.level-0,.pass-strength-badge.level-1{background:rgba(239,68,68,.25);color:#fecaca}.pass-strength-badge.level-2{background:rgba(234,179,8,.25);color:#facc15}.pass-strength-badge.level-3,.pass-strength-badge.level-4{background:rgba(34,197,94,.25);color:#bbf7d0}.pass-strength-bar{flex:1;height:6px;border-radius:999px;background:rgba(148,163,184,.35);overflow:hidden}.pass-strength-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f97316,#22c55e)}.pass-criteria{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .5rem;font-size:.78rem;margin-bottom:.7rem}.criteria-item{padding:.25rem .55rem;border-radius:999px;background:rgba(15,23,42,.9);border:1px dashed rgba(148,163,184,.7)}.criteria-item.ok{border-style:solid;border-color:#22c55ecc;background:rgba(22,163,74,.2)}.token-group{margin-bottom:.5rem}.token-group-label{font-size:.8rem;opacity:.8;margin-bottom:.2rem}.token-grid{display:flex;flex-wrap:wrap;gap:.35rem}.token-chip{border-radius:999px;border:1px solid rgba(148,163,184,.7);padding:.2rem .6rem;background:rgba(15,23,42,.9);color:#e5e7eb;font-size:.8rem;cursor:pointer}.token-chip.selected{background:linear-gradient(135deg,#22c55e,#4ade80);color:#022c22;border-color:transparent}.pass-actions{margin-top:.4rem}.privacy-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:1.1rem;margin-top:.7rem}@media (max-width: 900px){.privacy-layout{grid-template-columns:minmax(0,1fr)}}.phone-preview{background:radial-gradient(circle at 15% 0%,#1e293b 0,#020617 55%);border-radius:24px;padding:.9rem;border:1px solid rgba(148,163,184,.7);color:#e5e7eb;box-shadow:inset 0 0 0 1px #0f172ae6}.phone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.phone-name{font-weight:600}.phone-badge{font-size:.75rem;padding:.1rem .55rem;border-radius:999px}.phone-badge.public{background:rgba(248,250,252,.1);color:#f9fafb}.phone-badge.private{background:rgba(22,163,74,.25);color:#bbf7d0}.phone-post{display:flex;gap:.5rem;padding:.5rem;border-radius:18px;background:rgba(15,23,42,.9);margin-bottom:.6rem}.phone-avatar{width:34px;height:34px;border-radius:999px;background:rgba(37,99,235,.4);display:flex;align-items:center;justify-content:center}.phone-post-body{font-size:.8rem}.phone-line{margin-bottom:.15rem}.phone-line.small{font-size:.75rem;opacity:.85}.phone-inbox{margin-top:.4rem;padding-top:.35rem;border-top:1px solid rgba(148,163,184,.6)}.phone-inbox-header{font-size:.75rem;opacity:.8;margin-bottom:.25rem}.phone-inbox-row{display:flex;align-items:flex-start;gap:.3rem;font-size:.8rem}.phone-inbox-text{opacity:.9}.privacy-controls{display:flex;flex-direction:column;gap:.6rem}.privacy-setting{padding:.55rem .7rem;border-radius:14px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.7)}.privacy-label{font-size:.85rem;font-weight:600;margin-bottom:.1rem}.privacy-help{font-size:.78rem;opacity:.85;margin-bottom:.35rem}.toggle-row{display:flex;gap:.4rem}.toggle-pill{flex:1 1 0;border-radius:999px;border:1px solid rgba(148,163,184,.7);padding:.2rem .6rem;font-size:.8rem;background:rgba(15,23,42,.9);color:#e5e7eb;cursor:pointer}.toggle-pill.active{background:linear-gradient(135deg,#38bdf8,#6366f1);border-color:transparent}.risk-meter{margin-top:.35rem}.risk-label-row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.2rem}.risk-tag{font-size:.75rem;padding:.1rem .6rem;border-radius:999px}.risk-tag.risk-low{background:rgba(22,163,74,.25);color:#bbf7d0}.risk-tag.risk-medium{background:rgba(234,179,8,.25);color:#facc15}.risk-tag.risk-high{background:rgba(239,68,68,.25);color:#fecaca}.risk-bar{height:6px;border-radius:999px;background:rgba(148,163,184,.35);overflow:hidden}.risk-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#f97316,#ef4444)}.mini-hint.good{color:#bbf7d0}.story-lesson-extended,.story-section{margin-top:16px}.story-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-top:10px}.story-card h4{margin:0 0 6px;font-weight:800}.story-note{font-size:13px;color:#b45309}.best-practices{background:#ecfeff;padding:12px;border-radius:12px}.takeaways{background:#eef2ff;padding:12px;border-radius:12px}.lesson-video{width:100%;max-width:900px;margin:16px auto 24px;border-radius:16px;overflow:hidden;background:transparent}.lesson-video-player{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}:root{--bg0: #040812;--bg1: #061022;--glass: rgba(10, 18, 36, .58);--glass2: rgba(10, 18, 36, .42);--stroke: rgba(226, 232, 240, .12);--stroke2: rgba(226, 232, 240, .18);--text: #e2e8f0;--muted: rgba(226, 232, 240, .78);--aqua: #62aeda;--mint: #22c55e;--violet: #8b5cf6;--amber: #f59e0b;--red: #ef4444;--shadow: 0 20px 55px rgba(0, 0, 0, .45);--shadow2: 0 10px 26px rgba(0, 0, 0, .3);--r18: 18px;--r14: 14px}.admin-page{min-height:100vh;padding:26px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto;position:relative;overflow:hidden;background:radial-gradient(1200px 620px at 15% 10%,rgba(98,174,218,.22),transparent 60%),radial-gradient(980px 680px at 85% 18%,rgba(34,197,94,.18),transparent 55%),radial-gradient(980px 680px at 60% 90%,rgba(139,92,246,.1),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1))}.admin-page:before,.admin-page:after{content:"";position:absolute;top:-180px;right:-180px;bottom:-180px;left:-180px;pointer-events:none;filter:blur(44px);opacity:.7;transform:translateZ(0);animation:aurora 14s ease-in-out infinite alternate}.admin-page:before{background:radial-gradient(circle at 20% 20%,rgba(98,174,218,.22),transparent 55%),radial-gradient(circle at 70% 25%,rgba(34,197,94,.18),transparent 58%),radial-gradient(circle at 55% 85%,rgba(139,92,246,.14),transparent 58%)}.admin-page:after{opacity:.55;animation-duration:18s;background:radial-gradient(circle at 80% 10%,rgba(245,158,11,.1),transparent 55%),radial-gradient(circle at 20% 80%,rgba(34,197,94,.1),transparent 55%)}@keyframes aurora{0%{transform:translate3d(-18px,-14px,0) scale(1.02)}to{transform:translate3d(18px,14px,0) scale(1.06)}}@media (prefers-reduced-motion: reduce){.admin-page:before,.admin-page:after{animation:none}}.admin-header,.admin-cards,.admin-grid,.admin-panel{position:relative;z-index:2}.admin-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px}.admin-title{font-size:30px;font-weight:950;margin:0;letter-spacing:.25px;text-shadow:0 10px 40px rgba(0,0,0,.55)}.admin-subtitle{margin:6px 0 0;color:var(--muted)}.admin-back{border:1px solid var(--stroke2);background:rgba(2,6,23,.55);color:var(--text);border-radius:14px;padding:10px 14px;font-weight:950;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow2);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.admin-back:hover{transform:translateY(-1px);border-color:#e2e8f040;box-shadow:var(--shadow)}.admin-refresh{border:1px solid var(--stroke2);background:rgba(2,6,23,.55);color:var(--text);border-radius:14px;padding:10px 14px;font-weight:950;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow2);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;position:relative;overflow:hidden}.admin-refresh:hover{transform:translateY(-1px);border-color:#e2e8f040;box-shadow:var(--shadow)}.admin-refresh:after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.4),transparent 45%);transform:translate(-35%) rotate(10deg);opacity:0;transition:opacity .2s ease,transform .2s ease}.admin-refresh:hover:after{opacity:.55;transform:translate(0) rotate(10deg)}.admin-cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:18px}.admin-card{border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(10,18,36,.62),rgba(10,18,36,.46));border-radius:var(--r18);padding:14px;box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.admin-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 15%,rgba(98,174,218,.22),transparent 55%),radial-gradient(circle at 85% 10%,rgba(34,197,94,.16),transparent 55%);opacity:.55;pointer-events:none}.admin-card:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.3),transparent 45%);transform:translate(-35%) rotate(8deg);opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.admin-card:hover{transform:translateY(-2px);border-color:#e2e8f038;box-shadow:var(--shadow)}.admin-card:hover:after{opacity:.55;transform:translate(0) rotate(8deg)}.admin-card-label{opacity:.85;font-weight:850;font-size:12px;letter-spacing:.35px;position:relative;z-index:1}.admin-card-value{font-size:30px;font-weight:950;margin-top:8px;position:relative;z-index:1}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.admin-panel{border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(10,18,36,.62),rgba(10,18,36,.44));border-radius:var(--r18);padding:14px;box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.admin-panel-title{margin:0 0 12px;font-weight:950;letter-spacing:.25px}.admin-table{width:100%;display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:.4fr .9fr 1.3fr .6fr .7fr .9fr;gap:10px;padding:11px 12px;border-radius:16px;border:1px solid rgba(226,232,240,.1);background:rgba(2,6,23,.28);align-items:center;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;position:relative;overflow:hidden}.admin-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(98,174,218,.1),transparent 35%,rgba(34,197,94,.08));opacity:0;transition:opacity .14s ease;pointer-events:none}.admin-row:hover{transform:translateY(-1px);border-color:#e2e8f02e;background:rgba(2,6,23,.35);box-shadow:0 16px 34px #00000038}.admin-row:hover:before{opacity:1}.admin-head{font-weight:950;background:rgba(2,6,23,.54);border-color:#e2e8f024}.admin-email{opacity:.92;font-size:13px;color:#e2e8f0d6;word-break:break-word}.admin-btn{border:none;border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:950;color:#04111c;background:linear-gradient(135deg,var(--aqua),var(--mint));box-shadow:0 14px 28px #22c55e21,0 12px 22px #62aeda1a;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.admin-btn:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.55),transparent 48%);transform:translate(-35%) rotate(10deg);opacity:0;transition:opacity .18s ease,transform .18s ease}.admin-btn:hover{transform:translateY(-1px);box-shadow:0 18px 38px #22c55e29,0 14px 26px #62aeda1f}.admin-btn:hover:after{opacity:.65;transform:translate(0) rotate(10deg)}.admin-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.admin-panel input,.admin-panel select{background:rgba(226,232,240,.95);color:#0b1020;border:1px solid rgba(0,0,0,.12)!important;border-radius:12px!important;outline:none;box-shadow:0 12px 22px #00000024}.admin-panel input:focus,.admin-panel select:focus{border-color:#62aeda8c!important;box-shadow:0 0 0 4px #62aeda2e,0 12px 22px #00000024}.progress-box{display:grid;gap:12px}.progress-user{padding:12px;border-radius:16px;background:rgba(2,6,23,.3);border:1px solid rgba(226,232,240,.1)}.progress-name{font-weight:950;font-size:16px}.progress-id{opacity:.82;font-size:12px}.progress-item{display:grid;grid-template-columns:1.2fr 1.6fr .4fr;gap:10px;align-items:center}.progress-label{font-weight:900;font-size:13px;opacity:.92}.progress-bar{height:12px;border-radius:999px;background:rgba(226,232,240,.12);overflow:hidden;border:1px solid rgba(226,232,240,.08)}.progress-fill{height:100%;width:0;background:linear-gradient(135deg,var(--aqua),var(--mint));transition:width .35s ease}.progress-score{text-align:right;font-weight:950}@media (max-width: 980px){.admin-header{grid-template-columns:1fr;justify-items:start}.admin-cards{grid-template-columns:repeat(2,minmax(160px,1fr))}.admin-grid{grid-template-columns:1fr}.admin-row{grid-template-columns:.5fr 1fr 1.2fr;grid-auto-rows:auto}}@media (max-width: 560px){.admin-page{padding:16px}.admin-cards{grid-template-columns:1fr}.admin-title{font-size:24px}}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:1000}.admin-modal{width:min(560px,calc(100% - 28px));border-radius:18px;padding:14px;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.78);box-shadow:0 30px 120px #0000008c}.admin-modal-form{display:grid;gap:10px}.admin-modal-form input{padding:10px 12px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.55);color:#e2e8f0;outline:none}.admin-modal-form input:focus{border-color:#62aedab3;box-shadow:0 0 0 3px #62aeda2e}.admin-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-modal-check{display:flex;align-items:center;gap:10px;font-weight:900;opacity:.95}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.admin-btn.ghost{background:rgba(148,163,184,.16);color:#e2e8f0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:initial}body{margin:0;min-width:320px;min-height:100vh;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--cq-navy: #0b1220;--cq-ink: #0f172a;--cq-sky: #51d7ea;--cq-cyan: #51a8d4;--cq-teal: #4081a1;--cq-purple: #7973dd;--cq-white: #ffffff;--cq-soft: rgba(255,255,255,.78);--cq-card: rgba(255,255,255,.92);--cq-border: rgba(255,255,255,.18);--cq-shadow: 0 18px 55px rgba(11,18,32,.25);--cq-shadow-strong: 0 24px 70px rgba(11,18,32,.35);--cq-radius-xl: 24px;--cq-radius-lg: 18px;--cq-radius-md: 14px}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}