@import"https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@600;700;800&family=Cairo:wght@400;600;700;800&display=swap";:root{--sa-green: #15803d;--sa-gold: #d4af37;--sa-sky: #0ea5e9;--surface: #ffffff;--ink: #0f172a}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg,canvas,video{max-width:100%;height:auto}body{font-family:Cairo,Noto Sans Arabic,Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at 15% 15%,#fde68a 0%,transparent 30%),radial-gradient(circle at 85% 10%,#bae6fd 0%,transparent 32%),linear-gradient(180deg,#f8fafc,#eef2ff);color:var(--ink);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:999px;pointer-events:none;z-index:0}body:before{width:220px;height:220px;left:-70px;bottom:30px;background:#0ea5e926;animation:floaty 8s ease-in-out infinite}body:after{width:160px;height:160px;right:-50px;top:120px;background:#15803d1f;animation:floaty 9s ease-in-out infinite reverse}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.page-shell{min-height:100dvh;display:grid;place-items:center;padding:clamp(10px,2.2vw,24px)}.page-card{width:min(1120px,100%);border-radius:30px;background:#fff;border:1px solid #dbe3ef;box-shadow:0 15px 35px #0f172a14;padding:clamp(14px,2.6vw,32px);animation:card-in .35s ease;position:relative;z-index:1;overflow:hidden}.student-topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.student-identity{display:grid;gap:6px}.student-top-actions{display:flex;gap:6px}.top-icon-btn{min-width:48px;min-height:44px;padding:0;font-size:1.15rem;transition:transform .15s ease,box-shadow .2s ease}.top-icon-btn:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 10px 18px #0f172a1f}.top-icon-btn:active{transform:scale(.97)}.teacher-mode-link-wrap{display:flex;justify-content:flex-start;margin-bottom:8px}.teacher-link{border:none;background:transparent;color:#0284c7;font-weight:700;cursor:pointer;text-decoration:underline}.student-chip{display:inline-flex;align-items:center;gap:8px;background:#e2e8f0;color:#0f172a;border-radius:999px;padding:6px 12px;font-weight:700;animation:float-chip 3.8s ease-in-out infinite}.avatar{font-size:1.2rem}.aisha-mini-badge{display:inline-flex;width:fit-content;border-radius:999px;padding:4px 10px;background:linear-gradient(130deg,#fef3c7,#dcfce7);border:1px solid #facc15;color:#14532d;font-weight:800;animation:badge-glow 2.2s ease-in-out infinite alternate,aisha-line-in .3s ease}.page-card h1{margin:0 0 6px;font-size:clamp(1.6rem,3vw,2.2rem)}.page-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading-row h1{margin:0}.page-heading-actions{display:flex;align-items:center;gap:8px}.page-back-btn{min-width:84px;min-height:40px;font-weight:800}.quick-menu-wrap{position:relative}.quick-menu-panel{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:30;width:min(340px,86vw);border-radius:16px;border:1px solid #bfdbfe;background:linear-gradient(160deg,#fff,#f8fbff);box-shadow:0 14px 28px #0f172a24;padding:10px;animation:lift-in .2s ease}.quick-menu-title{margin:0 0 8px;color:#0369a1;font-weight:900}.quick-menu-grid{display:grid;gap:8px}.quick-menu-btn{width:100%;text-align:right}.subtitle{margin:0;color:#475569}.page-brand-slogan{margin-top:8px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 12px;border:1px solid #facc15;background:linear-gradient(130deg,#fef3c7,#dcfce7);color:#14532d;font-weight:900;box-shadow:0 8px 16px #facc1526}.page-brand-spark{display:inline-block;animation:sparkle-float 2.6s ease-in-out infinite}.content{margin-top:18px}.grid-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.big-btn{border:none;border-radius:16px;padding:20px;min-height:68px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,var(--sa-green),var(--sa-sky));color:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 12px 22px #0ea5e93d}.big-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 28px #0ea5e94d;filter:saturate(1.08)}.big-btn:active{transform:translateY(1px) scale(.99)}.big-btn.active{background:linear-gradient(135deg,var(--sa-gold),var(--sa-green))}.auth-switch{display:flex;gap:8px;margin-bottom:12px}.active-switch{outline:2px solid #0284c7}.auth-form{display:grid;gap:10px}.choice-chip-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-chip{border:2px solid #bfdbfe;background:linear-gradient(145deg,#f8fbff,#eef6ff);color:#0f172a;border-radius:14px;min-height:62px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .16s ease,box-shadow .22s ease,border-color .2s ease}.choice-chip:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0ea5e92e}.choice-chip.active{border-color:#0ea5e9;background:linear-gradient(145deg,#e0f2fe,#dcfce7);box-shadow:0 10px 20px #0284c733}.choice-chip strong{font-size:1rem}.login-stage{position:relative;display:grid;grid-template-columns:1fr;align-items:start;gap:14px;max-width:740px;margin:0 auto}.login-hero-card{border-radius:20px;border:1px solid #a7f3d0;background:linear-gradient(150deg,#f0fdf4,#ecfeff 55%,#fef9c3);padding:20px;text-align:center;box-shadow:0 18px 34px #0284c729;animation:lift-in .42s ease}.login-hero-card h2{margin:6px 0 10px;color:#0f172a;font-family:"Baloo Bhaijaan 2",Cairo,sans-serif;font-size:clamp(1.45rem,2.7vw,1.9rem);letter-spacing:.01em}.login-hero-card p{margin:0;color:#0c4a6e;font-weight:700;font-size:1.08rem;line-height:1.8}.login-hero-emoji{font-size:2.7rem;animation:mascot-hop 1.8s ease-in-out infinite}.login-form-card{border-radius:20px;border:1px solid #c7d2fe;background:linear-gradient(180deg,#fff,#f8fafc 70%,#f1f5f9);padding:18px;box-shadow:0 14px 30px #0f172a17;animation:lift-in .48s ease}.login-form-card .field{min-height:62px;font-size:1.14rem;border:2px solid #bfdbfe;background:#f8fbff;border-radius:14px;font-weight:700;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease}.login-form-card .field:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e;transform:translateY(-1px)}.login-submit-btn{min-height:70px;font-size:1.35rem;border-radius:16px;animation:pulse-hero 2.1s ease-in-out infinite;font-family:"Baloo Bhaijaan 2",Cairo,sans-serif;letter-spacing:.01em}.login-floating-icons{position:absolute;inset:-8px 0 auto;pointer-events:none}.login-floating-icons span{position:absolute;font-size:1.15rem;animation:sparkle-float 3.4s ease-in-out infinite;opacity:.9}.login-floating-icons span:nth-child(1){left:10%;top:4px;animation-delay:.2s}.login-floating-icons span:nth-child(2){right:12%;top:8px;animation-delay:.6s}.login-floating-icons span:nth-child(3){left:28%;top:40px;animation-delay:.95s}.login-floating-icons span:nth-child(4){right:28%;top:44px;animation-delay:1.25s}.login-floating-icons span:nth-child(5){left:50%;top:-6px;animation-delay:1.65s}.login-grade-pills{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.login-grade-pills span{border-radius:999px;border:1px solid #93c5fd;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#1e3a8a;font-weight:800;font-size:.85rem;padding:6px 10px}.login-mode-banner{margin:0 auto 10px;width:fit-content;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;border:1px solid #fde047;background:linear-gradient(120deg,#fef3c7,#bbf7d0,#fef3c7);background-size:200% 100%;animation:shine-slide 3s linear infinite}.login-mode-banner strong{color:#14532d;font-weight:900;font-size:1.05rem}.login-helper-live{animation:login-helper-in .28s ease;min-height:28px}.auth-switch .secondary-btn{min-height:58px;font-size:1.12rem;font-weight:800}.auth-switch .secondary-btn.active-switch{background:linear-gradient(135deg,#dcfce7,#ecfeff);color:#14532d;box-shadow:0 10px 18px #22c55e2e}.login-form-card .auth-switch{display:grid;grid-template-columns:1fr;gap:10px}.field{border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font-size:1rem;min-height:48px}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.skill-card,.runner-card,.report-card,.stat-card,.class-card{border:1px solid #dbe3ef;border-radius:18px;padding:14px;background:#f8fafc;transition:transform .2s ease,box-shadow .24s ease,border-color .2s ease}.skill-card:hover,.report-card:hover,.stat-card:hover,.class-card:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 14px 24px #0ea5e921}.dashboard-hero{margin-top:8px;border:1px solid #bae6fd;background:radial-gradient(circle at 18% 18%,#ffffffbf,#fff0 36%),linear-gradient(145deg,#e0f2fe,#dcfce7,#fef3c7);box-shadow:0 16px 30px #0284c724;position:relative;overflow:hidden}.dashboard-hero:after{content:"";position:absolute;inset:auto -20% -120px auto;width:230px;height:230px;border-radius:999px;background:radial-gradient(circle,#0ea5e933,#0ea5e900);animation:dashboard-float 5.2s ease-in-out infinite;pointer-events:none}.dashboard-hero.is-pulse{animation:hero-pop .6s ease}.dashboard-hero-kicker{margin:0 0 6px;display:inline-flex;width:fit-content;padding:6px 12px;border-radius:999px;border:1px solid #facc15;color:#14532d;background:linear-gradient(135deg,#fef3c7,#dcfce7);font-weight:900;font-size:.95rem}.dashboard-hero h2{margin:0 0 8px;font-size:clamp(1.5rem,2.7vw,2rem)}.dashboard-hero-line{margin:0;color:#0c4a6e;font-size:clamp(1rem,2vw,1.15rem);font-weight:800;min-height:36px;animation:hero-message-in .34s ease}.dashboard-stats-row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.dashboard-stats-row span{border:1px solid #93c5fd;background:#fff;color:#1e3a8a;border-radius:999px;padding:6px 12px;font-weight:900;animation:badge-pop .3s ease}.dashboard-coach-note{margin:10px 0 0;font-weight:900;color:#14532d;font-size:1rem}.dashboard-mini-motivation{margin:8px 0 0;display:inline-flex;border-radius:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-weight:800;padding:8px 10px}.skill-card h3,.runner-card h2{margin:0 0 8px}.skill-card p{margin:0 0 12px;color:#334155}.actions{display:grid;gap:8px}.primary-btn,.secondary-btn,.choice-btn{border:none;border-radius:12px;padding:12px 14px;min-height:46px;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease}.primary-btn:hover,.secondary-btn:hover,.choice-btn:hover{transform:translateY(-2px)}.primary-btn:active,.secondary-btn:active,.choice-btn:active{transform:scale(.98)}.primary-btn{background:var(--sa-sky);color:#fff;box-shadow:0 10px 18px #0ea5e933;background-image:linear-gradient(120deg,#ffffff0f,#ffffff38,#ffffff0f);background-size:220% 100%}.primary-btn:hover{background-position:100% 0;box-shadow:0 14px 24px #0ea5e94d}.secondary-btn{background:#e2e8f0;color:#0f172a}.choice-btn{background:linear-gradient(135deg,var(--sa-sky),var(--sa-green));color:#fff;min-height:62px;font-size:1.1rem;box-shadow:0 8px 16px #0ea5e933}.bubble-choice-btn{border-radius:999px;font-size:1.2rem;transition:transform .15s ease,box-shadow .2s ease}.bubble-choice-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 18px #0ea5e94d}.kid-progress-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:12px}.kid-progress-track{width:100%;height:12px;border-radius:999px;background:#dbeafe;overflow:hidden}.kid-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#0ea5e9);transition:width .25s ease}.choice-pop{animation:choice-pop .45s ease}.choice-shake{animation:choice-shake .4s ease}@keyframes choice-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes choice-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.choices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:12px}.runner-meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;color:#334155;margin-bottom:8px}.runner-status-grid{display:grid;grid-template-columns:1.1fr auto 1.5fr;gap:10px;align-items:center;margin-bottom:10px}.streak-chip{border-radius:14px;padding:10px 12px;background:linear-gradient(130deg,#ecfeff,#f0fdf4);border:1px solid #7dd3fc;font-weight:800;color:#0c4a6e}.streak-chip.hot{background:linear-gradient(130deg,#fff7ed,#ffedd5);border-color:#fb923c;color:#9a3412;animation:streak-fire 1s ease-in-out infinite}.runner-progress-ring{width:84px;height:84px;box-shadow:0 10px 18px #0284c733}.sticker-pouch{border:1px solid #fde68a;border-radius:14px;padding:8px 10px;background:linear-gradient(145deg,#fffbeb,#ecfeff);display:grid;gap:6px}.sticker-pouch small{color:#92400e;font-weight:800}.sticker-row{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.sticker-next-meter{border-radius:10px;border:1px dashed #facc15;background:#fffef2;padding:6px 8px}.sticker-next-meter strong{color:#92400e;font-size:.84rem}.sticker-token{border-radius:10px;padding:5px 9px;background:#fff;border:1px solid #fcd34d;font-size:1.15rem;animation:sticker-pop .32s ease;box-shadow:0 5px 10px #facc1533}.sticker-empty{color:#a16207;font-size:.88rem;font-weight:700}.sticker-last-title{margin:0;color:#14532d;font-size:.84rem;font-weight:900}.new-sticker-fx{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:62;border-radius:18px;padding:10px 14px;font-weight:900;color:#14532d;background:linear-gradient(120deg,#fef3c7,#dcfce7,#dbeafe);border:1px solid #facc15;box-shadow:0 16px 26px #0ea5e940;animation:sticker-hero-in 1.45s ease;display:grid;gap:2px;justify-items:center;min-width:180px}.sticker-fx-emoji{font-size:1.6rem;animation:mascot-hop .8s ease-in-out infinite alternate}.new-sticker-fx strong{color:#14532d;font-size:1rem}.new-sticker-fx small{color:#075985;font-weight:800}.streak-banner{margin:8px 0;border-radius:14px;padding:10px 12px;font-weight:900;color:#1e3a8a;background:linear-gradient(130deg,#dbeafe,#f0f9ff);border:1px solid #93c5fd;animation:streak-banner-in .36s ease}.question-stage{animation:question-swap .32s ease}.timer-badge{display:inline-block;margin-bottom:10px;background:#fef3c7;color:#92400e;border:1px solid #facc15;border-radius:999px;padding:6px 12px}.actions-inline{margin-top:14px;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.hint-text{color:#475569}.hint-btn{border:1px solid #0ea5e9;background:#ecfeff;color:#0c4a6e;border-radius:12px;padding:10px 14px;font-weight:700}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.hint-bubble{margin:8px 0;background:#fff7ed;color:#9a3412;border:1px solid #fdba74;border-radius:14px;padding:10px 12px;font-weight:700}.mistake-badge{display:inline-block;margin:8px 0;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:999px;padding:5px 12px;font-weight:800}.error-text{color:#b91c1c;margin:8px 0 0}.ok-text{color:#166534;margin:8px 0 0}.aisha-signature{margin:10px 0 0;color:#14532d;font-weight:800;background:linear-gradient(125deg,#fef3c7,#dcfce7);width:fit-content;padding:8px 12px;border-radius:999px;border:1px solid #fde047}.teacher-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.teacher-block{margin-top:14px;min-width:0}.content>.teacher-block{animation:section-rise .45s ease both}.content>.teacher-block:nth-of-type(1){animation-delay:.02s}.content>.teacher-block:nth-of-type(2){animation-delay:.08s}.content>.teacher-block:nth-of-type(3){animation-delay:.14s}.content>.teacher-block:nth-of-type(4){animation-delay:.2s}.content>.teacher-block:nth-of-type(5){animation-delay:.26s}.content>.teacher-block:nth-of-type(6){animation-delay:.32s}.content>.teacher-block:nth-of-type(7){animation-delay:.38s}.content>.teacher-block:nth-of-type(8){animation-delay:.44s}.create-class-form{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.sessions-table-wrap{overflow-x:auto}.sessions-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dbe3ef}.sessions-table th,.sessions-table td{border:1px solid #dbe3ef;padding:8px;text-align:right;white-space:nowrap}.sessions-table th{background:#f1f5f9}.groups-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:10px}.group-box{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:10px;text-align:center}.dot-group{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;min-height:44px}.dot{width:12px;height:12px;border-radius:999px;background:#0ea5e9}.op-sign{font-size:2rem;font-weight:800;color:#0f172a}.answer-drop-box{border:2px dashed #60a5fa;background:#f0f9ff;border-radius:18px;padding:12px;margin:12px 0;text-align:center}.answer-drop-box p{margin:0;color:#0369a1;font-weight:700}.answer-drop-box strong{display:block;margin-top:8px;font-size:1.4rem}.drag-choice-btn{cursor:grab}.column-math{width:min(220px,100%);margin:10px auto 0;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:10px 14px;font-size:1.5rem;font-weight:800;color:#0f172a}.column-math .row{text-align:right;min-height:34px}.column-math .line{border-top:2px solid #334155;margin:4px 0}.playful-column{position:relative}.carry-hint{display:block;margin-top:8px;color:#0369a1;animation:hint-pulse 1.2s ease-in-out infinite alternate}.pencil-choice-btn{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ctext y='18' font-size='18'%3E%E2%9C%8F%EF%B8%8F%3C/text%3E%3C/svg%3E"),pointer}@keyframes hint-pulse{0%{opacity:.7;transform:translateY(0)}to{opacity:1;transform:translateY(-2px)}}.fraction-visual{margin-top:12px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(28px,1fr))}.fraction-visual.colorful .fraction-part:nth-child(4n+1){border-color:#fb7185}.fraction-visual.colorful .fraction-part:nth-child(4n+2){border-color:#60a5fa}.fraction-visual.colorful .fraction-part:nth-child(4n+3){border-color:#22c55e}.fraction-visual.colorful .fraction-part:nth-child(4n+4){border-color:#f59e0b}.fraction-part{height:38px;border:1px solid #94a3b8;border-radius:8px;background:#e2e8f0}.fraction-part.filled{background:linear-gradient(180deg,#34d399,#10b981);border-color:#059669}.fraction-help{display:block;margin-top:8px;color:#0f766e}.fraction-sparkle{animation:fraction-sparkle .8s ease}@keyframes fraction-sparkle{0%{filter:drop-shadow(0 0 0 rgba(56,189,248,0))}to{filter:drop-shadow(0 0 10px rgba(56,189,248,.55))}}.tiny-bars{display:grid;gap:8px}.tiny-bar-row{display:grid;grid-template-columns:80px 1fr auto;gap:8px;align-items:center}.tiny-bar-label,.tiny-bar-value{font-size:.85rem;color:#334155}.tiny-bar-track{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.tiny-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0284c7,#22c55e)}.teacher-nav-links{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}.filters-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:10px}@media(max-width:900px){.filters-row{grid-template-columns:1fr}}.engine-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.ring-wrap{display:flex;justify-content:center;margin-top:8px}.progress-ring{--progress: 0%;width:92px;height:92px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(#0284c7 var(--progress),#e2e8f0 0);position:relative;font-weight:800;color:#0f172a}.progress-ring:before{content:"";position:absolute;inset:10px;border-radius:999px;background:#fff}.progress-ring span{position:relative;z-index:1}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:9px;height:16px;border-radius:3px;background:linear-gradient(180deg,#f97316,#facc15);animation:confetti-fall 1s ease-out forwards}.confetti-piece:nth-child(3n){background:linear-gradient(180deg,#22c55e,#86efac)}.confetti-piece:nth-child(3n+1){background:linear-gradient(180deg,#0ea5e9,#93c5fd)}.confetti-piece:nth-child(3n+2){background:linear-gradient(180deg,#e879f9,#f5d0fe)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(420deg);opacity:0}}.balloons-layer .balloon{position:absolute;bottom:-80px;width:34px;height:46px;border-radius:50% 50% 45% 45%;animation:balloon-rise 2s ease-out forwards}.balloon:after{content:"";position:absolute;bottom:-16px;left:50%;width:1px;height:18px;background:#94a3b8}.balloon-1{background:#38bdf8}.balloon-2{background:#f97316}.balloon-3{background:#34d399}.balloon-4{background:#f472b6}@keyframes balloon-rise{0%{transform:translateY(0) scale(.85);opacity:.9}to{transform:translateY(-125vh) scale(1);opacity:0}}.kid-message-banner{position:fixed;top:18px;left:50%;transform:translate(-50%);background:#0ea5e9;color:#fff;border-radius:999px;padding:10px 18px;font-weight:800;z-index:60;box-shadow:0 12px 25px #0ea5e959;animation:message-pop 1.2s ease}.mascot-helper{position:fixed;right:16px;bottom:16px;width:54px;height:54px;border-radius:999px;background:#fff;border:2px solid #bae6fd;display:grid;place-items:center;font-size:1.8rem;z-index:55;box-shadow:0 10px 20px #0284c733}@keyframes message-pop{0%{opacity:0;transform:translate(-50%) scale(.85)}20%{opacity:1;transform:translate(-50%) scale(1.04)}to{opacity:.95;transform:translate(-50%) scale(1)}}@keyframes streak-banner-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes streak-fire{0%{transform:translateY(0);box-shadow:0 0 #fb923c26}50%{transform:translateY(-2px);box-shadow:0 0 15px #fb923c40}to{transform:translateY(0);box-shadow:0 0 #fb923c26}}@keyframes sticker-pop{0%{transform:scale(.7) rotate(-8deg);opacity:.4}to{transform:scale(1) rotate(0);opacity:1}}@keyframes sticker-hero-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.88)}25%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes question-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stars-fx-row{display:flex;align-items:center;gap:8px}.stars-fx{letter-spacing:4px;color:#f59e0b;animation:stars-shine 1.2s ease-in-out infinite alternate}.report-hero-banner{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #86efac;margin-bottom:10px}.report-hero-banner strong{color:#14532d;font-size:1.02rem}.report-hero-banner span{color:#0369a1;font-weight:700;font-size:.9rem}.reward-emoji-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.reward-emoji-token{min-width:40px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff7ed;border:1px solid #fdba74;font-size:1.2rem;animation:sticker-pop .26s ease}.report-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.report-progress-card{border:1px solid #c7d2fe;border-radius:14px;padding:10px;background:#f8fafc}.report-progress-card h4{margin:0;color:#1e3a8a}.report-progress-value{margin:6px 0 4px;font-size:1.35rem;font-weight:900;color:#0f172a}.next-level-box{border-radius:14px;border:1px solid #bbf7d0;background:#f0fdf4;padding:10px 12px;margin:8px 0 12px}.next-level-box p,.next-level-box small{margin:0}.next-level-box small{display:block;margin-top:6px;color:#166534;font-weight:700}@keyframes stars-shine{0%{transform:scale(1);text-shadow:0 0 0 rgba(245,158,11,0)}to{transform:scale(1.08);text-shadow:0 0 16px rgba(245,158,11,.45)}}@keyframes hero-message-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-pop{0%{transform:scale(.985)}50%{transform:scale(1.008)}to{transform:scale(1)}}@keyframes badge-pop{0%{transform:scale(.9);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes dashboard-float{0%{transform:translateY(0)}50%{transform:translateY(-9px)}to{transform:translateY(0)}}.mascot-helper-text{position:fixed;right:16px;bottom:76px;background:#0f172a;color:#fff;border-radius:12px;padding:6px 10px;font-size:.85rem;z-index:55;max-width:220px}.mastery-grid{display:grid;gap:10px}.mastery-card{border:1px solid #dbeafe;border-radius:12px;padding:10px;background:#fff}.mastery-track{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.mastery-fill{height:100%;border-radius:999px}.mastery-fill.gray{background:#94a3b8}.mastery-fill.orange{background:#f59e0b}.mastery-fill.green{background:#16a34a}.welcome-screen,.world-screen{position:relative}.aisha-splash-screen{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.aisha-splash-card{width:min(740px,100%);padding:34px;border-radius:34px;background:linear-gradient(170deg,#fff 10%,#f0fdf4 52%,#eff6ff);border:2px solid #d9f99d;box-shadow:0 20px 45px #0284c726;text-align:center;position:relative;z-index:1;animation:card-in .35s ease}.aisha-splash-card h1{margin:0;font-size:clamp(2rem,5.2vw,3.15rem);color:#0f172a}.aisha-pretitle{margin:0 0 8px;color:#0369a1;font-weight:800;letter-spacing:.02em}.aisha-brand-line{margin:12px 0 10px;color:#14532d;font-size:clamp(1rem,2.8vw,1.3rem);font-weight:900}.aisha-splash-copy{margin:0;color:#334155;font-size:1.1rem}.aisha-start-btn{margin-top:24px;padding:22px 38px;font-size:1.35rem;border-radius:24px;animation:pulse-hero 1.9s ease-in-out infinite}.aisha-splash-glow{position:absolute;border-radius:999px;filter:blur(.4px)}.glow-a{width:340px;height:340px;background:radial-gradient(circle,#38bdf861,#38bdf800 70%);top:-60px;right:-90px;animation:floaty 7s ease-in-out infinite}.glow-b{width:310px;height:310px;background:radial-gradient(circle,#facc1559,#facc1500 70%);bottom:-80px;left:-70px;animation:floaty 8.3s ease-in-out infinite reverse}.aisha-sparkles{position:absolute;inset:0;pointer-events:none;z-index:0}.aisha-sparkles span{position:absolute;font-size:1.4rem;animation:sparkle-float 3s ease-in-out infinite}.aisha-sparkles span:nth-child(1){top:15%;left:18%;animation-delay:.1s}.aisha-sparkles span:nth-child(2){top:26%;right:20%;animation-delay:.5s}.aisha-sparkles span:nth-child(3){bottom:22%;left:21%;animation-delay:.9s}.aisha-sparkles span:nth-child(4){bottom:15%;right:24%;animation-delay:1.2s}.aisha-sparkles span:nth-child(5){top:8%;left:50%;animation-delay:1.6s}.welcome-cloud{position:fixed;z-index:0;background:#ffffffb3;border-radius:999px;filter:blur(.2px);animation:cloud-float 10s ease-in-out infinite}.cloud-a{width:140px;height:44px;top:90px;left:8%}.cloud-b{width:180px;height:52px;top:160px;right:10%;animation-delay:1.2s}.cloud-c{width:130px;height:40px;top:220px;left:45%;animation-delay:2s}.welcome-floating-stars{position:fixed;inset:0;pointer-events:none;z-index:0}.welcome-floating-stars span{position:absolute;font-size:1.3rem;animation:sparkle-float 3.4s ease-in-out infinite}.welcome-floating-stars span:nth-child(1){top:24%;left:14%}.welcome-floating-stars span:nth-child(2){top:14%;right:18%;animation-delay:.7s}.welcome-floating-stars span:nth-child(3){bottom:19%;right:34%;animation-delay:1.1s}.welcome-mascot-card{border:2px dashed #7dd3fc;background:linear-gradient(130deg,#ecfeff,#f0fdfa);border-radius:20px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.welcome-mascot-card p{margin:0;color:#0c4a6e;font-weight:700}.welcome-mascot{font-size:2rem;animation:mascot-hop 1.6s ease-in-out infinite}.pulse-cta{animation:pulse-hero 2.2s ease-in-out infinite}.welcome-cta-wrap{display:grid;gap:12px;justify-items:center;margin-top:28px}.welcome-cta{font-size:1.35rem;padding:22px 34px;border-radius:24px}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.world-region-card{background:linear-gradient(155deg,#fff,#f8fbff);border:2px solid #dbeafe;border-radius:20px;padding:16px;box-shadow:0 12px 24px #0ea5e914;display:grid;gap:8px;animation:region-rise .42s ease both;animation-delay:calc(var(--stagger, 0) * .09s);transform-origin:center;transition:transform .24s ease,box-shadow .24s ease,border-color .2s ease}.world-region-card:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 18px 28px #0ea5e92e;border-color:#93c5fd}.world-modal-backdrop{position:fixed;inset:0;background:#0f172a4d;display:grid;place-items:center;z-index:80;padding:16px}.world-modal{width:min(760px,96vw);max-height:82vh;overflow:auto;background:#fff;border-radius:22px;padding:16px;border:2px solid #dbeafe}.world-modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.world-modal-head h3{margin:0}.skill-bubbles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.skill-bubble{border:1px solid #bae6fd;border-radius:999px;padding:14px 12px;background:linear-gradient(145deg,#eff6ff,#fff);display:grid;gap:6px;text-align:center;cursor:pointer}.skill-bubble small{color:#0369a1;font-weight:700}.skill-bubble:disabled{opacity:.5;cursor:not-allowed}.skill-action-modal h3{margin:0}.world-region-card h3{margin:0;font-size:1.2rem}.world-region-card p{margin:0;color:#1e3a8a}.world-region-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;background:#eff6ff;animation:icon-bob 2.8s ease-in-out infinite}.aisha-world-banner{display:flex;align-items:center;gap:10px;margin:6px 0 12px;padding:10px 12px;border-radius:14px;border:1px solid #fde047;background:linear-gradient(120deg,#fefce8,#ecfeff);color:#14532d;font-weight:800;animation:aisha-line-in .35s ease}.aisha-world-banner .spark{font-size:1.15rem;animation:sparkle-float 2.4s ease-in-out infinite}.aisha-world-banner p{margin:0;line-height:1.7}@media(max-width:1200px){.page-card{width:min(1020px,100%)}}@media(max-width:1024px){.page-shell{padding:12px}.page-card{border-radius:24px}.create-class-form,.filters-row,.world-grid{grid-template-columns:1fr 1fr}.world-modal{width:min(92vw,860px)}}@media(max-width:860px){.runner-status-grid{grid-template-columns:1fr}.runner-progress-ring{margin:0 auto}}@media(max-width:768px){.page-card{border-radius:20px;padding:14px}.student-topbar{flex-wrap:wrap;align-items:flex-start}.page-heading-row{flex-wrap:wrap}.page-heading-actions{width:100%;justify-content:space-between}.student-top-actions{width:100%;justify-content:flex-start}.grid-buttons,.skill-grid,.class-grid,.choices-grid,.teacher-stats,.world-grid,.skill-bubbles-grid,.report-progress-grid,.engine-toggles,.create-class-form,.filters-row{grid-template-columns:1fr}.tiny-bar-row{grid-template-columns:64px 1fr auto}.sessions-table th,.sessions-table td{padding:6px;font-size:.88rem}.actions-inline{flex-direction:column;align-items:stretch}.teacher-nav-links{display:grid;grid-template-columns:1fr;gap:8px}.world-modal{width:100%;max-height:86dvh;border-radius:18px;padding:12px}.world-modal-backdrop{padding:8px}}@media(max-width:560px){.page-shell{padding:8px}.page-card h1{font-size:1.8rem;line-height:1.25}.subtitle{font-size:.95rem}.page-brand-slogan{width:100%;justify-content:center;text-align:center;border-radius:14px;font-size:.95rem;padding:8px 10px}.big-btn{min-height:60px;padding:14px;font-size:1.05rem}.primary-btn,.secondary-btn,.choice-btn,.choice-chip,.hint-btn,.field{width:100%}.choice-chip-group{grid-template-columns:1fr}.kid-progress-wrap{grid-template-columns:1fr;justify-items:stretch}.runner-meta{gap:6px}.streak-chip,.sticker-pouch,.report-hero-banner,.class-card,.runner-card,.report-card{border-radius:14px}.world-region-card{padding:12px;border-radius:16px}.world-region-card h3{font-size:1.05rem}}@media(max-width:720px){.world-grid{grid-template-columns:1fr}}@keyframes cloud-float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-8px) translate(10px)}to{transform:translateY(0) translate(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes section-rise{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes region-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes icon-bob{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-4deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-hero{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes sparkle-float{0%{transform:translateY(0) scale(.95);opacity:.65}50%{transform:translateY(-8px) scale(1.08);opacity:1}to{transform:translateY(0) scale(.95);opacity:.75}}@keyframes mascot-hop{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-4deg)}to{transform:translateY(0) rotate(0)}}@keyframes badge-glow{0%{box-shadow:0 0 #facc150d}to{box-shadow:0 0 16px #facc1559}}@keyframes float-chip{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes shine-slide{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes login-helper-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes aisha-line-in{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lift-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.login-stage{grid-template-columns:1fr}.aisha-splash-card{padding:24px 20px}.aisha-start-btn{width:100%}.welcome-mascot-card{grid-template-columns:1fr;text-align:center}.report-progress-grid{grid-template-columns:1fr}.login-floating-icons span{font-size:1rem}.login-submit-btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}