:root{--app-color-primary-blue:#2563eb;--app-color-deep-purple:#6d28d9;--app-color-orange:#f97316;--app-color-green:#22c55e;--app-color-sky:#38bdf8;--app-color-white:#fff;--app-radius-sm:.5rem;--app-radius-md:.75rem;--app-radius-lg:1rem;--color-primary-blue:var(--app-color-primary-blue);--color-deep-purple:var(--app-color-deep-purple);--color-orange:var(--app-color-orange);--color-green:var(--app-color-green);--color-sky:var(--app-color-sky);--color-white:var(--app-color-white);--radius-sm:var(--app-radius-sm);--radius-md:var(--app-radius-md);--radius-lg:var(--app-radius-lg);--header-height:3.75rem;--font-arabic:"Tahoma"}.theme-kids{color:#14213d;background:radial-gradient(circle at 100% 0,#38bdf833,#0000 24rem),linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)}.theme-space{color:var(--color-white);background:radial-gradient(circle at 18% 22%,#f9731652,#0000 11rem),radial-gradient(circle at 84% 18%,#38bdf84d,#0000 13rem),linear-gradient(135deg,#172554 0%,#312e81 48%,#581c87 100%)}.theme-account{isolation:isolate;background:radial-gradient(44rem 32rem at 14% 18%,#45d3b247,#0000 64%),radial-gradient(38rem 30rem at 84% 16%,#ffba582e,#0000 60%),radial-gradient(46rem 36rem at 78% 88%,#8dc63f33,#0000 62%),linear-gradient(145deg,#10215a 0%,#263db6 46%,#44267f 100%);position:relative;overflow:hidden}.theme-account:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 34%,#000 0%,#0000 76%);mask-image:radial-gradient(circle at 50% 34%,#000 0%,#0000 76%)}.theme-account .app-header{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#0c1c4edb,#2a40c7b8,#16b9d642);border-color:#ffffff24;box-shadow:0 18px 45px #070d2a3d}.theme-account .app-header .page-shell{min-height:4.75rem}.theme-account .app-header p{color:#ffffffc7}.theme-account .app-header p.font-bold{color:#fff}.theme-account .app-header [class*=bg-white\/95],.theme-account .app-header [class*=bg-white\ ]{color:#fff;border:1px solid #fff3;box-shadow:0 10px 24px #0810302e;background-color:#ffffff24!important}.theme-account .app-header [class*=text-slate]{color:#ffffffd6}.theme-account .app-header [class*=hover\:bg-slate]:hover,.theme-account .app-header [class*=hover\:bg-sky]:hover{color:#fff;background-color:#ffffff38!important}.theme-account .app-header [class*=bg-orange\/15]{color:#ffb84a;border:1px solid #ffba5859;box-shadow:0 10px 24px #08103024;background-color:#ffba582e!important}.theme-account .app-header [class*=bg-white\/70]{border:1px solid #fff3;box-shadow:inset 0 0 0 1px #ffffff2e;background-color:#ffffff38!important}.theme-account .app-header [class*=bg-green]{color:#fff;background-color:#31c95b!important}.theme-account .app-header [class*=bg-sky]{color:#fff;background:linear-gradient(135deg,#45d3b2,#2eb9d6);box-shadow:0 8px 20px #08103038}.theme-classroom{color:#16311f;background:linear-gradient(#22c55e26,#0000 18rem),#f7fff8}*{box-sizing:border-box}@media (min-width:640px){:root{--header-height:5rem}}html{direction:rtl}body{color:#14213d;min-height:100vh;font-family:var(--font-arabic),Arial,sans-serif;background:#f8fbff;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{width:min(1120px,100% - 2rem);margin-inline:auto}@media (min-width:640px){.page-shell{width:min(1120px,100% - 3rem)}}.placeholder-box{border-radius:var(--radius-lg);color:#14213db8;text-align:center;background:#ffffff94;border:2px dashed #2563eb47;place-items:center;min-height:12rem;display:grid}.auth-screen{isolation:isolate;background-blend-mode:screen,soft-light,normal;background-color:#1c349a;background-image:url(/assets/backgrounds/auth-bg-overlay.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100dvh;position:relative}.auth-screen:before{content:"";z-index:-1;opacity:.45;pointer-events:none;background:url(/assets/backgrounds/auth-bg.png) 0 0/520px;position:absolute;inset:0}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.space-screen{isolation:isolate;color:#fff;background:radial-gradient(115% 80% at 16% 10%,#6e48bc6b,#0000 55%),radial-gradient(95% 70% at 90% 24%,#3854be57,#0000 58%),radial-gradient(85% 85% at 74% 96%,#96429e42,#0000 60%),radial-gradient(70% 70% at 40% 64%,#462e8c4d,#0000 64%),linear-gradient(160deg,#211450 0%,#160d3a 46%,#0c0820 100%);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.space-screen:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,#0000 52%,#060412a6 100%);position:absolute;inset:0}@keyframes rocketFloat{0%,to{transform:translate(0)rotate(-3deg)}50%{transform:translate(14px,-22px)rotate(3deg)}}.rocket-float{will-change:transform;animation:5s ease-in-out infinite rocketFloat}@keyframes starTwinkle{0%,to{opacity:.25}50%{opacity:1}}.star-twinkle{animation:3s ease-in-out infinite starTwinkle}@media (prefers-reduced-motion:reduce){.rocket-float,.star-twinkle{animation:none}}.lessons-screen{background-color:#8ec9f1;background-image:url(/assets/backgrounds/listen-list-bg.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100dvh;display:flex}.lesson-slide-transition{z-index:120;pointer-events:none;contain:paint;will-change:opacity;background:#0000006b;animation:2.65s both lessonSlideOverlay;position:fixed;inset:0;overflow:hidden}@media (max-width:639px){.lesson-slide-transition{-webkit-backdrop-filter:blur(10px);background:#0a061e8c;animation-duration:1.4s}.lesson-slide-transition__rocket{animation-duration:1.4s}}.lesson-slide-transition__rocket{filter:drop-shadow(0 8px 28px #0000008c);will-change:opacity;width:clamp(5rem,22vw,7rem);height:auto;animation:2.65s both lessonSlideOverlay;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-40deg)}.lesson-slide-transition__shape{inset-block:0;z-index:1;-o-object-fit:cover;object-fit:cover;filter:drop-shadow(18px 0 26px #00000038);will-change:transform,opacity;width:95%;max-width:none;height:100%;animation:2.65s ease-in-out both lessonSlidePanel2;position:absolute;left:-55%;transform:translate(0,0)}.lesson-slide-transition__character{z-index:2;filter:drop-shadow(0 24px 36px #00000047);will-change:transform,opacity;width:20%;height:auto;animation:1.6s ease-in-out both lessonSlideCharacter,2.85s both lessonSlideCharacterExit;position:absolute;top:60%;left:min(27vw,40rem);transform:translateY(-50%)scale(.98)}@keyframes lessonSlideOverlay{0%{opacity:0}12%{opacity:1}76%{opacity:1}to{opacity:0}}@keyframes lessonSlidePanel{0%{opacity:1;left:-100%}14%{opacity:1;left:-100%}66%{opacity:1;left:-100%}88%{opacity:1;left:-40%}to{opacity:0;left:-40%}}@keyframes lessonSlidePanel2{0%{opacity:1;left:-65%}14%{opacity:1;left:-55%}66%{opacity:1;left:-55%}to{opacity:0;width:95%;left:10%}}@keyframes lessonSlideCharacter{0%{transform:translate(8%,-50%)scale(.96)rotate(-1deg)}22%{transform:translateY(-50%)scale(1)rotate(0)}48%{transform:translate(-2%,-53%)scale(1.025)rotate(1deg)}74%{transform:translate(1%,-48%)scale(1)rotate(-.6deg)}to{transform:translateY(-50%)scale(1)rotate(0)}}@keyframes lessonSlideCharacterExit{0%,66%{opacity:1;translate:0}88%{opacity:1;translate:90vw}to{opacity:0;translate:90vw}}@keyframes lessonSlideCharacterExitRtl{0%,66%{opacity:1;translate:0}88%{opacity:1;translate:-90vw}to{opacity:0;translate:-90vw}}.lesson-board-frame{min-height:calc(100dvh - 8rem)}@media (min-width:640px){.lesson-board-frame{aspect-ratio:1440/862;flex:none;width:100%;max-width:min(91.25rem,167.053dvh - 11.6937rem);min-height:0}}.loading-overlay{z-index:9999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.loading-hole{background:0 0;border-radius:50%;width:0;height:0;transition:width .95s cubic-bezier(.65,0,.35,1),height .95s cubic-bezier(.65,0,.35,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #fff}.loading-hole.is-revealing{width:260vmax;height:260vmax}.loading-logo{width:clamp(5rem,22vw,8rem);height:auto;transition:opacity .45s .4s,transform .9s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-logo.is-out{opacity:0;transform:translate(-50%,-50%)scale(1.12)}@media (prefers-reduced-motion:reduce){.loading-hole,.loading-logo,.lesson-slide-transition,.lesson-slide-transition:before,.lesson-slide-transition__shape,.lesson-slide-transition__character{transition-duration:.01ms;animation-duration:.01ms}}