@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-sans-latin-400-normal-AkRraKH2.woff2) format("woff2"),url(/assets/nunito-sans-latin-400-normal-DY9yCUyQ.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-sans-latin-600-normal-BtVRvDNj.woff2) format("woff2"),url(/assets/nunito-sans-latin-600-normal-DLks-Kj1.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-sans-latin-700-normal-CICRJDmU.woff2) format("woff2"),url(/assets/nunito-sans-latin-700-normal-CLVG92B9.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-sans-latin-800-normal-MgCk9Q3Y.woff2) format("woff2"),url(/assets/nunito-sans-latin-800-normal-DOf_K5Iw.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-arabic-arabic-500-normal-DPISWLls.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-500-normal-CoaTbVwZ.woff) format("woff")}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Nunito Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#30234c;font-synthesis:none;--purple:#6034cb;--ink:#30234c;--muted:#82778f;--line:#e7e1ef;background:#f6f3fc;font-family:Nunito Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}button:disabled{opacity:.45;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #9a75f2}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-weight:800}h1{font-size:36px;line-height:1.25}h2{font-size:24px;line-height:1.35}h3{font-size:20px}p{color:var(--muted);line-height:1.7}.arabic{letter-spacing:0;unicode-bidi:isolate;font-family:Amiri,serif;font-weight:400;line-height:1.8}.lilac{background:#e9dfff}.peach{background:#ffe4cf}.yellow{background:#fff0b3}.mint{background:#d7eee4}.pink{background:#f6d9e7}.blue{background:#dce8ff}.orange{background:#ffd3b1}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:10;background:#eee8f7;border-right:1px solid #e2d9ed;flex-direction:column;width:242px;padding:30px 22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-3px;align-items:center;gap:12px;font-size:42px;font-weight:900;line-height:1;display:flex}.brandmark{background:var(--purple);color:#ffda72;text-align:center;letter-spacing:0;border-radius:16px 16px 6px;width:43px;height:47px;font-family:Amiri,serif;font-size:43px;line-height:1.2;display:inline-block}.brand-dot{color:var(--purple)}.brand small{letter-spacing:1.5px;margin-top:8px;font-size:8px;font-weight:800;display:block}.workspace{border:1px solid #dcd1e9;border-radius:12px;align-items:center;gap:10px;margin:38px -2px 32px;padding:12px 9px;font-size:12px;font-weight:800;display:flex}.workspace-icon{width:35px;height:35px;color:var(--purple);background:#e2d7f4;border-radius:10px;justify-content:center;align-items:center;display:flex}.workspace small{color:var(--muted);margin-top:4px;font-size:9px;font-weight:600;display:block}.nav-label{letter-spacing:1.6px;color:#92859e;margin:0 12px 13px;font-size:9px;font-weight:800}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{color:#6f6181;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:13px;padding:14px 12px;font-size:13px;font-weight:700;display:flex}.sidebar nav button.active{background:var(--purple);color:#fff;box-shadow:0 5px 13px #6034cb20}.sidebar nav button:hover:not(.active){background:#e3daf0}.nav-new{letter-spacing:.7px;color:var(--purple);background:#e4d9f5;border-radius:4px;margin-left:auto;padding:4px 5px;font-size:7px}.sidebar-note{background:#e0d3f4;border-radius:18px;flex-shrink:0;margin:36px 5px 20px;padding:23px 18px 15px;position:relative;overflow:hidden}.sidebar-note strong{font-size:17px;line-height:1.4;display:block}.sidebar-note p{margin-top:9px;font-size:11px}.sidebar-note .arabic{color:#7952b2;margin-top:5px;font-size:25px;display:block}.little-spark{color:#9166c9;font-size:32px;position:absolute;top:6px;right:15px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{color:#796c86;background:0 0;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.teacher{border-top:1px solid #dcd1e9;align-items:center;gap:10px;margin-top:13px;padding-top:18px;font-size:11px;display:flex}.teacher strong{text-overflow:ellipsis;max-width:127px;display:block;overflow:hidden}.teacher small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.avatar{color:#896128;background:#f5dba4;border:3px solid #f9f5ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:14px;font-weight:800;display:inline-flex}.avatar.small{width:33px;height:33px}.online-dot{background:#6da990;border-radius:50%;width:7px;height:7px;margin-left:auto}.main-wrap{width:calc(100% - 242px);min-width:0;margin-left:242px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:77px;padding:0 42px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:12px;display:flex}.breadcrumb{color:#91869d}.topbar-right .today{color:#8c8097;margin-right:8px;font-size:11px}.icon-button{color:inherit;background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:#e6ddf3}.topbar .icon-button{border-left:1px solid var(--line);border-radius:0;margin-right:5px;padding-left:18px}main{max-width:1570px;margin:0 auto;padding:34px 42px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.8px;color:#89749b;margin-bottom:10px;font-size:9px;font-weight:800;display:block}.page-heading h1{margin-bottom:8px;font-size:31px}.page-heading p{font-size:12px}.wave{color:#daab37;vertical-align:middle;margin-left:6px;font-size:35px;display:inline-block}.page-heading select{color:#675975;background:#eee7f6;border:1px solid #e1d8ed;border-radius:9px;min-width:147px;max-width:240px;padding:12px 32px 12px 13px;font-size:11px;font-weight:700}.hero{color:#fff;background:#5930bd;border-radius:23px;min-height:310px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;min-width:54%;padding:32px 35px 28px;position:relative}.hero-tag{letter-spacing:1.3px;color:#ebdcff;background:#ffffff12;border:1px solid #ffffff1c;border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 10px;font-size:8px;font-weight:800;display:inline-flex}.hero-tag>span{background:#d2f2a2;border-radius:50%;width:5px;height:5px}.hero h2{letter-spacing:-1.1px;font-size:35px;line-height:1.25}.hero h2 em{color:#ffdc83;font-style:normal}.hero p{color:#d8c8f4;margin:13px 0 20px;font-size:11px;line-height:1.8}.button{background:var(--purple);color:#fff;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:13px 18px;font-size:12px;font-weight:800;display:inline-flex}.button:hover:not(:disabled){background:#5025b5;box-shadow:0 4px 12px #45237918}.button.sunshine{color:#413147;background:#ffdc7e;padding:13px 18px;box-shadow:0 3px #dfb759}.button.sunshine:hover{background:#ffe698}.button.subtle{color:#694596;background:#e8def7;border-color:#d8c9ed}.button.danger{background:#b83e63;margin-top:24px}.hero-foot{color:#bca5e5;margin-top:13px;font-size:9px;display:block}.letter-world{flex:1;min-width:300px;position:relative}.letter-tile{border-radius:22px;justify-content:center;align-items:center;width:116px;height:135px;display:flex;position:absolute;box-shadow:0 12px #31196c38,inset 0 -5px #00000009}.letter-tile .arabic{font-size:94px;line-height:1.1;transform:translateY(-7px)}.tile-alif{color:#704922;z-index:2;background:#ffda7a;top:52px;left:25px;transform:rotate(-13deg)}.tile-ba{color:#6539b0;z-index:1;background:#d8c4fc;top:27px;left:152px;transform:rotate(14deg)}.tile-jeem{color:#2e7665;z-index:3;background:#bfe6d1;width:103px;height:112px;top:172px;left:148px;transform:rotate(9deg)}.tile-jeem .arabic{font-size:79px}.letter-tile i{opacity:.4;border-bottom:2px solid;border-radius:0 0 50% 50%;width:15px;height:7px;position:absolute;bottom:14px;right:23px}.spark{color:#fbd579;position:absolute}.spark-one{font-size:48px;top:225px;left:1px}.spark-two{font-size:46px;top:37px;right:25px}.orbit{border:1px dashed #b18ad657;border-radius:50%;width:300px;height:300px;position:absolute;top:22px;left:-5px;transform:rotate(-24deg)}.orbit-two{width:385px;height:235px;top:71px;left:-55px}.world-caption{color:#d7c3f2;white-space:nowrap;font-size:9px;position:absolute;top:299px;left:30px;transform:rotate(-4deg)}.world-caption span{padding-left:4px;font-size:25px}.dot-pattern{color:#9870d9;letter-spacing:6px;font-size:19px;line-height:.65;position:absolute;bottom:28px;right:23px}.stats-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:18px;padding:25px 0;display:grid}.stats-strip>div{border-right:1px solid var(--line);align-items:center;gap:12px;padding-left:22px;display:flex}.stats-strip>div:first-child{padding-left:0}.stats-strip>div:last-child{border:0}.stat-icon{color:#75539a;border-radius:12px;justify-content:center;align-items:center;width:42px;height:44px;display:flex}.stat-icon svg{width:20px}.stats-strip strong{letter-spacing:-.7px;font-size:25px;font-weight:800;line-height:1.2;display:block}.stats-strip small{color:#8e819c;margin-top:5px;font-size:9px;display:block}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:24px 0 17px;display:flex}.section-title .eyebrow{margin-bottom:5px;font-size:8px}.section-title h2{font-size:22px}.text-button{color:#77569e;background:0 0;align-items:center;gap:8px;padding:8px 0;font-size:11px;font-weight:800;display:inline-flex}.text-button:hover{color:#46258a}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.module{text-align:left;color:#493558;border-radius:17px;min-height:221px;padding:16px 19px 17px;display:block;position:relative;overflow:hidden}.module:hover{transform:translateY(-4px);box-shadow:0 8px 15px #52307114}.module-top{justify-content:space-between;align-items:center;display:flex}.module-number{opacity:.45;font-size:9px;font-weight:800}.module-arrow{background:#ffffff50;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.module-art{text-align:center;white-space:nowrap;color:#7850b8;height:85px;font-size:47px;line-height:1.8;display:block}.module.peach .module-art{color:#c67b4e}.module.yellow .module-art{color:#ae8123}.module.mint .module-art{color:#388d75}.module h3{margin-top:6px;font-size:19px}.module p{color:#8b7697;margin-top:4px;font-size:9px}.module-meta{color:#8d789c;letter-spacing:.2px;margin-top:13px;font-size:8px;font-weight:800;display:block}.dashboard-bottom{grid-template-columns:1.6fr 1fr;gap:25px;margin-top:25px;display:grid}.lesson-preview .section-title{margin:0 0 14px}.lesson-preview h2{font-size:16px}.lesson-preview .text-button{font-size:9px}.empty-inline{color:#9e82b8;border:1px dashed #d4c5e4;border-radius:13px;align-items:center;gap:16px;padding:22px 18px;display:flex}.empty-inline strong{color:#705584;font-size:11px}.empty-inline p{margin-top:5px;font-size:9px}.round-plus{color:#6c4299;background:#e6d9f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:flex}.tip{background:#eee6f7;border-radius:15px;padding:20px 23px;position:relative}.tip .eyebrow{align-items:center;gap:7px;margin-bottom:9px;font-size:8px;display:flex}.tip h3{font-size:16px}.tip p{margin:7px 0 11px;font-size:10px;line-height:1.65}.tip>span:last-child{color:#987faf;font-size:8px;font-weight:700}footer{border-top:1px solid var(--line);color:#a296ad;align-items:center;gap:10px;margin-top:34px;padding:20px 0;font-size:8px;display:flex}footer>span:last-child{margin-left:auto}.footer-brand{letter-spacing:-1.4px;color:#b7a4cb;font-size:21px;font-weight:900}.button-group{align-items:center;gap:10px;display:flex}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:14px;display:flex}.tabs button{color:#897895;background:0 0;border-radius:10px;padding:10px 17px;font-size:12px;font-weight:800}.tabs .selected{color:var(--purple);background:#e6daf8}.class-actions{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:15px;font-size:12px;display:flex}.student-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.student-card{text-align:center;background:#eee6f8;border:1px solid #e0d5ed;border-radius:18px;padding:24px}.student-avatar{color:#725486;border-radius:23px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:10px;font-size:30px;font-weight:800;display:inline-flex}.student-card h3{font-size:21px}.student-card p{margin:4px 0 21px;font-size:12px}.student-score{justify-content:space-between;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.student-score strong{color:#82629c}.student-card .text-button{margin-top:12px}.progress-track{background:#cbb9e53b;border-radius:5px;height:8px;overflow:hidden}.progress-track>span{background:#9464d5;border-radius:5px;min-width:0;height:100%;transition:width .4s;display:block}.empty{text-align:center;background:#eee6f7;border:1px dashed #d5c4e7;border-radius:22px;padding:65px 20px}.empty p{max-width:470px;margin:10px auto 20px;font-size:13px}.empty-symbol{color:#b79ad2;margin-bottom:15px;font-size:46px;display:block}.material-list{flex-direction:column;gap:12px;display:flex}.material-row{background:#eee6f7;border:1px solid #e5d8ef;border-radius:16px;align-items:center;gap:18px;padding:21px 24px;display:flex}.material-row>div{flex:1;min-width:0}.material-row h3{font-size:18px}.material-row p{margin-top:5px;font-size:11px}.material-icon{color:#8b61b5;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:62px;display:flex}.material-icon .arabic{padding:4px;font-size:20px;overflow:hidden}.lesson-row{text-align:left;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;width:100%;padding:14px 4px;display:flex}.lesson-row strong{font-size:12px}.lesson-row small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.lesson-row>svg{margin-left:auto}.lesson-icon{color:#8d69b4;background:#e6daf6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.results-summary{color:#f4eaff;background:#6034bf;border-radius:19px;grid-template-columns:repeat(3,1fr);margin-bottom:25px;padding:25px;display:grid}.results-summary>div{border-right:1px solid #ffffff29;padding:0 25px}.results-summary>div:last-child{border:0}.results-summary span{color:#d3beed;font-size:12px;display:block}.results-summary strong{margin-top:8px;font-size:35px;display:block}.progress-layout{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.report-panel{background-color:#eee7f7;border:1px solid #e3d9ec;border-radius:18px;padding:26px}.report-panel.mint{background:#d7eee4}.report-panel.peach{background:#ffe4cf}.report-panel.lilac{background:#e9dfff}.report-panel h2{font-size:21px}.report-panel>p{margin:7px 0 18px;font-size:11px}.category-progress{margin-top:19px}.category-progress>div:first-child{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.category-progress span{color:#857092;font-size:10px}.bar-chart{justify-content:space-around;align-items:flex-end;gap:9px;height:220px;padding-top:20px;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.chart-column .bar{background:#559c83;border-radius:7px 7px 0 0;width:100%;max-width:45px}.chart-column small{white-space:nowrap;font-size:8px}.skill-chips{flex-wrap:wrap;gap:10px;display:flex}.skill-chips>span{background:#ffffff4a;border-radius:10px;flex-direction:column;align-items:center;min-width:67px;padding:5px 12px;display:flex}.skill-chips .arabic{font-size:28px}.skill-chips small{color:#826e91;font-size:9px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;margin-top:15px;font-size:11px}th{color:#9783a5;border-bottom:1px solid #d9cde5;padding:12px 8px;font-size:9px;font-weight:800}td{border-bottom:1px solid #e0d6e9;padding:10px 8px}td .arabic{font-size:23px}.result-pill{white-space:nowrap;border-radius:12px;padding:5px 9px;font-size:9px}.result-pill.good{color:#387b62;background:#cfe8dc}.result-pill.practice{color:#af7453;background:#f8ddc8}.delete-link{color:#b46b7f;margin-top:22px}.settings-panel{background:#eee6f7;border-radius:20px;max-width:570px;padding:32px}.privacy-note{border-top:1px solid #dccde8;margin-top:25px;padding-top:20px;font-size:11px}label{color:#715d83;margin:18px 0 7px;font-size:12px;font-weight:800;display:block}input,select{color:#433050;background:#faf6ff;border:1px solid #ded1e9;border-radius:10px;width:100%;min-height:46px;margin-top:8px;padding:13px 14px;font-size:14px;display:block}input::placeholder{color:#ac9db6;font-size:12px}form>.button{margin-top:22px}form h2{margin-bottom:22px}.error{color:#9a3651;background:#f8dce5;border-radius:10px;justify-content:space-between;gap:15px;margin-bottom:15px;padding:13px 16px;font-size:12px;line-height:1.6;display:flex}.error button{color:inherit;background:0 0}form .error{margin-top:18px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#28144288;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.modal{background:#f3eafb;border-radius:24px;width:560px;max-width:100%;max-height:90vh;padding:36px;animation:.2s ease-out arrive;position:relative;overflow:auto;box-shadow:0 20px 100px #21133830}.modal-close{position:absolute;top:12px;right:13px}.modal h2{margin-bottom:12px}.modal p{font-size:13px}.modal .eyebrow{margin-top:5px}.help-list{color:#756281;margin:20px 0;padding-left:22px;font-size:13px;line-height:1.9}.mode-options{grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;display:grid}.mode-options button{text-align:left;color:#856899;background:#ebe0f6;border:2px solid #dfd2ed;border-radius:14px;padding:19px 13px}.mode-options button.selected{color:#6535a8;background:#e1cef9;border-color:#9167cd}.mode-options svg{margin-bottom:13px}.mode-options strong{font-size:12px;line-height:1.5;display:block}.mode-options span{margin-top:4px;font-size:10px;line-height:1.6;display:block}.setup>.button{width:100%;margin-top:20px}.setup .setup-note{text-align:center;margin-top:14px;font-size:10px}.setup small{color:#b36c82;margin-top:8px;font-size:10px;display:block}.lesson-sequence{margin-top:20px}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chips button{color:#754a9d;background:#e0d0f2;border-radius:8px;align-items:center;gap:5px;padding:9px 11px;font-size:11px;display:flex}.lesson-order{margin-top:20px;padding-left:22px}.lesson-order li{border-bottom:1px solid #ddcfe8;padding:9px 6px;font-size:12px}.lesson-order li span{width:70%;display:inline-block}.lesson-order button{color:#926bac;background:0 0;padding:5px;display:inline-flex}.loading{background:#e8dbf7;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.loading p{font-size:13px}.auth-page{background:#eee6f8;grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-story{color:#fff;background:#5930bd;flex-direction:column;align-items:flex-start;min-height:760px;padding:48px 65px;display:flex;position:relative;overflow:hidden}.auth-story .brandmark{background:#7650cb}.auth-story .brand{margin-bottom:60px}.auth-story .eyebrow{color:#c3a7f0;margin-bottom:14px;font-size:10px}.auth-story h1{letter-spacing:-3px;font-size:clamp(45px,4.7vw,75px);line-height:1.09}.auth-story h1 em{color:#ffdb83;font-style:normal}.auth-story p{color:#d6c4f0;margin-top:22px;font-size:14px;line-height:1.9}.auth-story>small{letter-spacing:1.5px;color:#bda0e9;margin-top:auto;padding-top:30px;font-size:8px}.auth-letters{width:340px;height:190px;margin-top:30px;position:relative}.auth-letters .arabic{border-radius:22px;justify-content:center;align-items:center;width:95px;height:115px;font-size:85px;line-height:1;display:flex;position:absolute;box-shadow:0 9px #30136935}.auth-letters .arabic:first-child{color:#87602e;background:#ffdc7e;top:28px;left:10px;transform:rotate(-12deg)}.auth-letters .arabic:nth-child(2){color:#7745b5;background:#d7c1f7;top:5px;left:120px;transform:rotate(10deg)}.auth-letters .arabic:nth-child(3){color:#3e8a74;background:#bce4d1;top:43px;left:225px;transform:rotate(-9deg)}.auth-letters>span:last-child{color:#ffdf91;font-size:39px;position:absolute;top:-35px;right:0}.auth-form-wrap{justify-content:center;align-items:center;padding:45px;display:flex}.auth-form{width:100%;max-width:375px}.pill{color:#8054b1;letter-spacing:1px;background:#dfcff5;border-radius:20px;align-items:center;padding:7px 13px;font-size:9px;font-weight:800;display:inline-flex}.auth-form h2{margin:20px 0 9px;font-size:33px}.auth-form>p{font-size:13px}.auth-form form{margin-top:33px}.auth-form input{background:#f7f0ff;height:52px}.auth-form form>.button{width:100%;height:52px}.auth-switch{text-align:center;margin-top:23px;font-size:12px!important}.auth-switch button{color:#7044b4;background:0 0;padding:0 4px;font-weight:800}.auth-trust{color:#9c87ad;border-top:1px solid #ddcfeb;justify-content:center;align-items:center;gap:12px;margin-top:36px;padding-top:25px;font-size:10px;line-height:1.8;display:flex}.board-screen{color:#f7eeff;background:#542bb2;flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.board-header{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:85px;padding:0 35px;display:flex}.board-back{color:#d4bdef;background:0 0;align-items:center;gap:10px;font-size:12px;display:flex}.board-brand{letter-spacing:-3px;font-size:40px;font-weight:900}.board-brand>span{color:#ffda7b}.board-header>div{align-items:center;gap:20px;display:flex}.board-mode{color:#dbc8f3;font-size:12px}.board-header .icon-button:hover{background:#ffffff18}.board-toolbar{color:#d9c5f1;justify-content:center;align-items:center;gap:30px;padding:22px 25px;display:flex}.board-toolbar .pill{color:#ebdcff;background:#7149c4}.board-toolbar .text-button{color:#c9acee}.board-counter{font-size:11px}.exercise{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 25px 0;display:flex}.exercise-prompt{color:#d7c1f0;text-align:center;font-size:19px}.exercise-center{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1250px;min-height:330px;display:flex}.board-arrow{color:#d2b9ee;background:#ffffff10;border:1px solid #ffffff15;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.board-arrow:hover{background:#ffffff20}.exercise-content{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.exercise-letter{color:#ffdf8e;overflow-wrap:anywhere;max-width:100%;font-size:clamp(100px,17vw,240px);line-height:1.7}.exercise-letter.sentence{font-size:clamp(48px,7.5vw,105px);line-height:2}.answer-reveal{color:#f2e6ff;text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:24px;animation:.2s arrive}.vocab-picture{font-size:120px;line-height:1.4}.vocab-word{color:#ffdf8e;font-size:60px;line-height:1.5}.reveal-button{color:#dcc7f8;background:#ffffff0a;border:1px solid #ffffff2b;border-radius:10px;align-items:center;gap:22px;margin-top:5px;padding:10px 18px;font-size:12px;display:flex}.reveal-button span{opacity:.6;border:1px solid #fff4;border-radius:4px;padding:2px 5px;font-size:8px}.board-feedback{text-align:center;color:#d0b5ee;justify-content:center;align-items:center;min-height:53px;margin-top:18px;font-size:15px;display:flex}.celebrate .board-feedback{color:#fadb87;font-size:20px}.board-feedback .error{max-width:600px}.board-controls{background:#49229833;border-top:1px solid #ffffff18;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:15px;padding:22px 50px 30px;display:flex}.board-control-label{letter-spacing:1.3px;color:#b796df;margin-bottom:10px;font-size:8px;font-weight:800;display:block}.assess{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:155px;min-height:51px;padding:14px 24px;font-size:14px;font-weight:800;display:flex}.assess.wrong{color:#844e79;background:#e8c7e0}.assess.right{color:#387e5d;background:#bce6ce}.board-actions{align-items:center;gap:28px;display:flex}.board-actions .text-button{color:#c8aaeb}.board-actions .button{padding:15px 26px;font-size:14px}.answer-options{grid-template-columns:repeat(4,1fr);gap:13px;width:min(950px,100%);margin-top:10px;display:grid}.answer-options button{color:#543478;background:#d6bff4;border:3px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:17px;min-height:80px;padding:14px 19px;font-size:23px;font-weight:800;display:flex}.answer-options button:nth-child(2){color:#8b574a;background:#f3cebb}.answer-options button:nth-child(3){color:#8a6a2b;background:#ffdc88}.answer-options button:nth-child(4){color:#377763;background:#b8dfd2}.answer-options button>span:first-child{opacity:.5;font-size:15px}.answer-options .arabic{font-size:38px}.answer-options button.correct-option{opacity:1;border-color:#fff9da;box-shadow:0 0 0 3px #fce49466}.team-scores{gap:15px;font-size:14px;display:flex}.team-scores>span{border:1px solid #ffffff1a;border-radius:10px;padding:10px 15px}.team-scores>span.active{background:#ffffff12;border-color:#ffda7c}.team-scores b{color:#ffdc84;padding-left:20px}.timer{color:#ffdd87;align-items:center;gap:8px;font-size:24px;display:flex}.lesson-navigation{border-bottom:1px solid #ffffff17;flex-wrap:wrap;justify-content:center;gap:8px;padding:15px;display:flex}.lesson-navigation button{color:#bfa0e5;background:#ffffff0d;border-radius:8px;padding:8px 13px;font-size:11px}.lesson-navigation .active{color:#5f3e5e;background:#f9d584}.board-finished{text-align:center;margin:auto;padding:55px 20px}.board-finished h1{font-size:48px}.board-finished .eyebrow{color:#c4a3e9}.board-finished p{color:#cbb0ea;margin:18px 0;font-size:17px}.board-finished h2{color:#ffdd8b}.board-finished .button{margin-top:20px}.finish-star{color:#ffdc85;font-size:100px;animation:.5s ease-out arrive}.board-finished .eyebrow{margin-top:15px}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){main{padding:40px 55px 0}.hero{min-height:360px}.hero h2{font-size:43px}.hero p{font-size:13px}.hero-copy{padding:38px 43px}.letter-world{transform-origin:30%;transform:scale(1.1)}.module{min-height:250px}.module-art{height:105px;font-size:55px}.module p{font-size:11px}.module-meta{font-size:10px}.page-heading h1{font-size:35px}.stats-strip small{font-size:11px}.sidebar{width:260px}.main-wrap{width:calc(100% - 260px);margin-left:260px}}@media(max-width:1150px){.sidebar{width:210px;padding:24px 16px}.main-wrap{width:calc(100% - 210px);margin-left:210px}main{padding:28px 27px 0}.topbar{padding:0 27px}.hero h2{font-size:28px}.hero-copy{min-width:55%;padding:28px}.hero{min-height:310px}.letter-world{transform-origin:0 40%;min-width:260px;transform:scale(.83)}.hero-foot{font-size:8px}.module-grid{gap:11px}.module{padding:12px 14px}.module h3{font-size:17px}.module p{font-size:8px}.module-art{font-size:39px}.stats-strip>div{gap:8px;padding-left:12px}.stat-icon{width:35px;height:38px}.stats-strip small{font-size:8px}.dashboard-bottom{grid-template-columns:1.3fr 1fr;gap:17px}.sidebar-note{margin-top:25px}.auth-story{padding:40px}.auth-form-wrap{padding:35px}.page-heading{flex-wrap:wrap}.student-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{align-items:center;width:80px;padding:25px 10px}.brand>span:nth-child(2),.workspace,.nav-label,.sidebar-note,.sidebar-bottom .teacher,.sidebar-bottom>button{display:none}.sidebar nav{width:100%;margin-top:50px}.sidebar nav button{justify-content:center;gap:0;padding:15px 0;font-size:0}.sidebar nav .nav-new{display:none}.main-wrap{width:calc(100% - 80px);margin-left:80px}.topbar-right .today{display:none}.hero-copy{min-width:58%;padding:27px 25px}.hero h2{font-size:27px}.letter-world{transform-origin:0 45%;min-width:205px;transform:scale(.7)}.module-grid{grid-template-columns:repeat(2,1fr)}.module{min-height:210px;padding:16px 20px}.module-art{height:80px;font-size:47px}.module p{font-size:11px}.module-meta{font-size:9px}.module h3{font-size:22px}.dashboard-bottom{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(2,1fr);row-gap:22px}.stats-strip>div:nth-child(3){padding-left:0}.stats-strip>div:nth-child(2){border:0}.stats-strip small{font-size:10px}.progress-layout{grid-template-columns:1fr}.auth-story{padding:40px 30px}.auth-story h1{font-size:49px}.auth-letters{transform-origin:0;transform:scale(.85)}.auth-form-wrap{padding:30px}.auth-form h2{font-size:27px}.board-controls{padding:20px 25px}.assess{min-width:125px;padding:13px 15px}.exercise-center{min-height:290px}.board-toolbar{gap:17px}.board-header{padding:0 25px}.answer-options{grid-template-columns:repeat(2,1fr)}.answer-options button{min-height:65px}.results-summary>div{padding:0 12px}}@media(max-width:600px){.sidebar{width:63px;padding:20px 7px}.brandmark{border-radius:12px;width:37px;height:41px;font-size:38px}.sidebar nav{margin-top:35px}.sidebar nav button svg{width:20px}.main-wrap{width:calc(100% - 63px);margin-left:63px}main{padding:22px 17px 0}.topbar{height:62px;padding:0 17px}.topbar .breadcrumb,.topbar>div>svg{display:none}.topbar-right .icon-button{border:0;padding-left:7px}.topbar-right{gap:3px!important}.page-heading h1{font-size:27px}.page-heading p{font-size:11px}.eyebrow{letter-spacing:1.1px;font-size:8px}.page-heading select{width:100%;max-width:none}.hero{min-height:420px;display:block}.hero-copy{padding:25px 23px}.hero h2{font-size:27px}.hero p{font-size:11px}.hero-foot{display:none}.letter-world{transform-origin:0 0;width:380px;height:230px;position:absolute;bottom:-96px;left:36px;transform:scale(.48)}.hero-copy{z-index:1}.world-caption{display:none}.hero .button{font-size:11px}.hero-tag{font-size:7px}.stats-strip{gap:20px 5px}.stats-strip strong{font-size:23px}.stats-strip small{font-size:8px;line-height:1.5}.stat-icon{flex-shrink:0;width:30px;height:33px}.stats-strip>div{gap:7px;padding-left:8px}.section-title{align-items:flex-start}.section-title h2{font-size:20px}.section-title .text-button{white-space:nowrap;font-size:9px}.module-grid{gap:11px}.module{min-height:199px;padding:12px}.module h3{font-size:17px}.module p{min-height:31px;font-size:9px}.module-art{height:65px;font-size:36px}.module-meta{margin-top:10px;font-size:8px}.module-number{font-size:8px}.module-arrow{width:21px;height:21px}.module-arrow svg{width:14px}.dashboard-bottom{margin-top:24px}.empty-inline{gap:10px;padding:18px 12px}.empty-inline>svg{display:none}.empty-inline p{font-size:9px}.lesson-preview .section-title{align-items:center}.lesson-preview h2{font-size:15px}footer{gap:6px;font-size:7px}footer>span:last-child{display:none}.button-group{flex-wrap:wrap}.button{padding:11px 13px;font-size:11px}.student-grid{grid-template-columns:1fr}.page-heading>.button-group{width:100%}.tabs{gap:3px}.tabs button{padding:8px 11px;font-size:10px}.results-summary{border-radius:14px;padding:20px 8px}.results-summary>div{padding:0 8px}.results-summary span{min-height:30px;font-size:9px}.results-summary strong{font-size:27px}.report-panel{padding:20px}.report-panel h2{font-size:19px}.material-row{flex-wrap:wrap;gap:12px;padding:15px}.material-row h3{font-size:16px}.material-row p{font-size:10px}.material-icon{width:45px;height:48px}.material-row>.button{margin-left:auto}.settings-panel{padding:22px}.settings-panel h2{font-size:22px}.auth-page{grid-template-columns:1fr}.auth-story{min-height:0;padding:28px 30px 32px}.auth-story .brand{margin-bottom:32px;font-size:34px}.auth-story h1{letter-spacing:-1.7px;font-size:41px}.auth-story h1 br:nth-child(2){display:none}.auth-story p{margin-top:15px;font-size:12px}.auth-story small,.auth-letters{display:none}.auth-form-wrap{padding:35px 28px}.auth-form h2{font-size:29px}.auth-form form{margin-top:24px}.modal-backdrop{padding:12px}.modal{padding:30px 23px}.modal h2{font-size:23px}.mode-options{gap:8px}.mode-options button{padding:16px 11px}.mode-options strong{font-size:11px}.board-header{height:65px;padding:0 15px}.board-header .board-mode{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:10px;overflow:hidden}.board-back{gap:0;font-size:0}.board-brand{font-size:31px}.board-header>div{gap:7px}.board-toolbar{flex-wrap:wrap;gap:12px;padding:17px 15px}.board-toolbar .text-button{font-size:10px}.board-toolbar .pill{font-size:8px}.exercise{padding:10px 15px 0}.exercise-prompt{font-size:15px}.exercise-center{gap:8px;min-height:240px}.exercise-letter{font-size:110px}.exercise-letter.sentence{font-size:41px}.board-arrow{width:34px;height:40px}.board-arrow svg{width:21px}.answer-reveal{font-size:19px}.vocab-picture{font-size:85px}.vocab-word{font-size:43px}.answer-options{gap:8px}.answer-options button{gap:12px;min-height:64px;padding:9px;font-size:16px}.answer-options .arabic{font-size:29px}.board-feedback{min-height:40px;margin-top:10px;font-size:11px}.board-controls{flex-direction:column;align-items:stretch;gap:17px;padding:18px 15px}.board-controls>div:first-child{width:100%}.board-controls .button-group{flex-wrap:nowrap}.assess{flex:1;min-width:0;padding:12px;font-size:12px}.board-actions{justify-content:space-between;gap:14px}.board-actions .button{padding:13px 25px;font-size:12px}.team-scores{gap:8px;font-size:10px}.team-scores>span{padding:8px}.team-scores b{padding-left:6px}.board-finished h1{font-size:32px}.board-finished p{font-size:14px}.board-finished h2{font-size:20px}.finish-star{font-size:80px}.class-actions{flex-wrap:wrap}.table-scroll{max-width:100%}td,th{white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media(max-width:600px){.hero{min-height:530px}.letter-world{bottom:-65px;left:48px}.hero-copy{padding-bottom:135px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.arabic,.brandmark{font-family:Noto Sans Arabic,sans-serif;line-height:1.8;font-feature-settings:"rlig" 1,"mark" 1,"mkmk" 1;font-weight:500;letter-spacing:0;overflow:visible}.teacher-dark{--ink:#eef3ff;--muted:#a4b2ce;--line:#2a3958;--purple:#7861e5;background:#0b1427;color:#eef3ff;min-height:100vh}.teacher-dark .main-wrap{background:#0b1427}.teacher-dark main{background:#0b1427}.teacher-dark .sidebar{background:#111d36;border-color:#243351}.teacher-dark .brandmark{background:#795de8;color:#ffde8e;font-size:35px;line-height:1.3}.teacher-dark .brand-dot,.accent-dot{color:#ac8fff}.teacher-dark .brand small,.teacher-dark .nav-label,.teacher-dark .breadcrumb,.teacher-dark .today{color:#8795b2}.teacher-dark .workspace{border-color:#344462;background:#182743;color:#ebf0ff}.teacher-dark .workspace-icon{background:#273a61;color:#b4c7ff}.teacher-dark .sidebar nav button{color:#a4b3cf}.teacher-dark .sidebar nav button.active{background:#6f50d4;color:#fff;box-shadow:0 8px 24px #6543d031}.teacher-dark .sidebar nav button:hover:not(.active){background:#263957}.teacher-dark .sidebar-note{background:#202850;border:1px solid #3c4175;color:#eef1ff}.teacher-dark .sidebar-note p,.teacher-dark .sidebar-note .arabic{color:#b6b5eb}.teacher-dark .nav-new{background:#7861e5;color:#fff}.teacher-dark .sidebar-bottom button,.teacher-dark .teacher small{color:#91a2c0}.teacher-dark .teacher{border-color:#31415d}.teacher-dark .topbar{background:#0e192f;border-color:#273754}.teacher-dark .topbar .icon-button{border-color:#273754}.teacher-dark .icon-button:hover{background:#273652}.teacher-dark .page-heading p,.teacher-dark .section-title .text-button,.teacher-dark .text-button,.teacher-dark .stats-strip small{color:#a5b3d1}.teacher-dark .page-heading select,.teacher-dark select,.teacher-dark input{background:#1a2943;border-color:#3a4d6f;color:#eef3ff}.teacher-dark .page-heading select option,.teacher-dark select option{background:#182640;color:#eff3ff}.teacher-dark input::placeholder{color:#8d9cb7}.teacher-dark .hero{background:#5233ab;border:1px solid #6b52c8}.teacher-dark .hero p{color:#e2d6fb}.teacher-dark .stats-strip{border-color:#263654}.teacher-dark .stats-strip>div{border-color:#263654}.teacher-dark .stat-icon.lilac{background:#2c3c64;color:#c2b3ff}.teacher-dark .stat-icon.peach{background:#5a3a40;color:#ffc8a8}.teacher-dark .stat-icon.mint{background:#244c4e;color:#9fe9cb}.teacher-dark .stat-icon.yellow{background:#544b2f;color:#ffe597}.teacher-dark .module{color:#ecf1ff;border:1px solid #ffffff16;min-height:236px}.teacher-dark .module.lilac{background:#302b58}.teacher-dark .module.peach{background:#573d48}.teacher-dark .module.yellow{background:#524b37}.teacher-dark .module.mint{background:#264b49}.teacher-dark .module.pink{background:#533e57}.teacher-dark .module.blue{background:#2d4265}.teacher-dark .module.orange{background:#5b4238}.teacher-dark .module p,.teacher-dark .module-meta{color:#cfdaeb}.teacher-dark .module-art{height:93px;font-size:clamp(28px,3vw,45px);line-height:2.1;white-space:normal}.teacher-dark .module.lilac .module-art{color:#d9c1ff}.teacher-dark .module.peach .module-art{color:#ffc5ac}.teacher-dark .module.yellow .module-art{color:#ffe08c}.teacher-dark .module.mint .module-art{color:#96e2cc}.teacher-dark .module.pink .module-art{color:#ffc8e8}.teacher-dark .module.blue .module-art{color:#b6d5ff}.teacher-dark .module.orange .module-art{color:#ffc8a2}.teacher-dark .tip,.teacher-dark .student-card,.teacher-dark .report-panel,.teacher-dark .settings-panel,.teacher-dark .material-row,.teacher-dark .modal{background:#17243d;border:1px solid #324466;color:#eef3ff}.teacher-dark .tip p,.teacher-dark .material-row p,.teacher-dark .student-card p,.teacher-dark .report-panel>p,.teacher-dark .privacy-note{color:#aab7ce}.teacher-dark .empty-inline,.teacher-dark .empty{background:#14213a;border-color:#435479;color:#d4dfff}.teacher-dark .empty-inline strong{color:#d9ceff}.teacher-dark .empty-inline p{color:#a5b4ce}.teacher-dark .tabs{border-color:#334563}.teacher-dark .tabs button{color:#aab7d0}.teacher-dark .tabs .selected{background:#312a60;color:#c9b9ff}.teacher-dark .student-score strong{color:#c5b3ff}.teacher-dark .student-avatar{color:#322a4e}.teacher-dark .student-card .progress-track,.teacher-dark .category-progress .progress-track{background:#354765}.teacher-dark .student-card .progress-track>span,.teacher-dark .category-progress .progress-track>span{background:#a48aff}.teacher-dark .results-summary{background:#43338f}.teacher-dark .report-panel.mint{background:#1b3d42}.teacher-dark .report-panel.peach{background:#453747}.teacher-dark .report-panel.lilac{background:#302a52}.teacher-dark .bar-chart .bar{background:#79d4b2}.teacher-dark .skill-chips>span{background:#ffffff14}.teacher-dark .skill-chips small{color:#becbe1}.teacher-dark td{border-color:#31435e}.teacher-dark th{border-color:#41506a;color:#9eaeca}.teacher-dark .lesson-row{border-color:#30415c;color:#eef3ff}.teacher-dark .lesson-row small{color:#aab8d3}.teacher-dark .lesson-icon{background:#302957;color:#c7b5fa}.teacher-dark .round-plus{background:#393463;color:#d6c8ff}.teacher-dark .button.subtle{background:#2b3156;color:#d1c5ff;border-color:#554b8b}.teacher-dark .button.subtle:hover{background:#39356d}.teacher-dark .modal-backdrop{background:#071121c9}.teacher-dark .modal{background:#17233c;box-shadow:0 32px 100px #0008}.teacher-dark .mode-options button{background:#202e4b;border-color:#394868;color:#becae1}.teacher-dark .mode-options button.selected{border-color:#9a83f0;background:#373063;color:#ecdcff}.teacher-dark .chips button,.teacher-dark .lesson-order li{background:#283553;color:#d8c8fa}.teacher-dark footer{border-color:#2b3b5b;color:#8f9db8}.teacher-dark .footer-brand{color:#a590e6}.modal-wide{width:min(1120px,96vw);max-height:min(92vh,1000px);padding:36px 38px}.studio-badge{display:inline-flex;align-items:center;gap:8px;background:#272753;border:1px solid #554789;border-radius:100px;color:#d7c5ff;padding:10px 14px;font-size:11px;font-weight:800;white-space:nowrap}.library-intro{border-radius:20px;background:#1d2b49;border:1px solid #34486b;display:flex;align-items:center;justify-content:space-between;padding:20px 26px;margin-bottom:24px;overflow:hidden}.library-intro>div{display:flex;align-items:center;gap:16px}.studio-icon{display:flex;align-items:center;justify-content:center;background:#7155cf;width:45px;height:45px;border-radius:13px;color:#fff}.library-intro strong{font-size:14px}.library-intro p{font-size:11px;margin-top:3px;color:#aebcda}.library-intro>.arabic{color:#bdadff;font-size:35px;white-space:nowrap}.library-search,.selection-search{display:flex;align-items:center;gap:10px;background:#15233e;border:1px solid #3a4c6e;border-radius:12px;padding:0 14px;color:#a5b4d1;margin-bottom:29px}.library-search input,.selection-search input{border:0!important;background:transparent!important;margin:0!important;width:100%;outline:none!important;padding:13px 4px!important;min-height:44px;color:#eef2ff!important}.library-section{margin-bottom:27px}.library-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.library-section-heading h2{font-size:18px;letter-spacing:0}.library-section-heading p{font-size:11px}.library-section-heading>svg{color:#aa94ed}.studio-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.studio-module{position:relative;display:flex;align-items:center;text-align:left;gap:13px;min-height:110px;padding:16px;border:1px solid #ffffff17;border-radius:15px;color:#eff3ff}.studio-module:hover{transform:translateY(-3px);box-shadow:0 10px 22px #03091866}.studio-module.lilac{background:#322c5b}.studio-module.peach{background:#593c48}.studio-module.yellow{background:#514a34}.studio-module.mint{background:#294a4a}.studio-module.pink{background:#53384f}.studio-module.blue{background:#293f63}.studio-module.orange{background:#584037}.studio-module-art{width:66px;min-width:66px;text-align:center;font-size:26px;color:#ffdf9b;white-space:nowrap;line-height:1.8}.studio-module>div{min-width:0;flex:1}.studio-module h3{font-size:16px;letter-spacing:0}.studio-module p{font-size:10px;line-height:1.4;margin:4px 0;color:#bfcbdf}.studio-module small{color:#d7bdfd;font-size:9px;font-weight:800}.studio-module-go{background:#ffffff17;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%}.studio-module-go svg{width:16px}.rule-library{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.rule-library button{display:flex;align-items:center;text-align:left;gap:13px;min-width:0;border-radius:12px;background:#182742;color:#eef3ff;padding:12px;border:1px solid #30415e}.rule-library button:hover{background:#26395b}.rule-library .arabic{min-width:70px;max-width:90px;text-align:center;font-size:24px;color:#ffd98c;white-space:nowrap;overflow:hidden}.rule-library button>div{flex:1;min-width:0}.rule-library strong{display:block;font-size:11px}.rule-library small{display:block;color:#9dacc9;font-size:9px;margin-top:4px}.rule-library small span{padding:0 3px}.rule-library svg{color:#a694d8;flex-shrink:0}.no-results{font-size:12px;padding:30px}.library-footnote{display:flex;align-items:center;gap:12px;color:#aebadd;border-top:1px solid #2b3a59;padding:15px 0}.library-footnote p{font-size:10px;flex:1}.lesson-builder{color:#eef3ff}.builder-heading{padding-bottom:18px;border-bottom:1px solid #33425e}.builder-heading h2{font-size:29px}.builder-heading p{font-size:12px;color:#a7b5d0}.builder-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.9fr);gap:30px;padding-top:20px}.builder-content{min-width:0}.builder-options{padding:20px 19px;background:#111e35;border:1px solid #304361;border-radius:17px;align-self:start}.builder-step{display:flex;align-items:center;gap:10px;margin-bottom:16px}.builder-step>span{background:#8c71ef;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.builder-step h3{font-size:16px;letter-spacing:0;flex:1}.builder-step>strong{background:#2d3d5a;color:#d5c7ff;font-size:10px;padding:7px 9px;border-radius:99px}.builder-filters{display:flex;gap:10px}.builder-filters label{flex:1;margin:0 0 12px}.builder-filters label span{display:block;font-size:10px}.builder-filters select{font-size:11px;padding:10px;min-height:39px;margin-top:6px}.builder-content>label{margin:0 0 14px}.selection-search{margin-bottom:10px;height:42px}.selection-search button{background:transparent;color:#a6b6d3;padding:3px}.selection-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.selection-actions button,.save-selection{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;background:transparent;color:#c6b8ff;padding:5px 0}.selection-actions button:hover,.save-selection:hover{color:#ffe39b}.item-picker{max-height:270px;overflow:auto;display:grid;gap:9px;padding:8px 6px 8px 2px}.item-picker.letter-picker{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.item-picker.word-picker{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.item-picker button{position:relative;background:#21324f;border:1px solid #455878;color:#eaf1ff;border-radius:11px;min-height:77px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.item-picker button[aria-pressed=true]{background:#352d66;border-color:#b5a0fa;box-shadow:inset 0 0 0 1px #9e86e2}.item-picker .arabic{font-size:31px;line-height:2;max-width:100%;overflow-wrap:anywhere}.item-picker.word-picker .arabic{font-size:22px}.item-picker small{font-size:9px;color:#b2c1db;margin-top:-5px}.selection-check{position:absolute;right:4px;top:4px;display:flex;color:#c5acff;opacity:0}.item-picker button[aria-pressed=true] .selection-check{opacity:1}.picker-empty{font-size:11px;grid-column:1/-1;padding:25px;text-align:center}.teacher-guide{margin-top:15px;border-radius:12px;background:#21314d;border:1px solid #405476;padding:10px 14px}.teacher-guide summary{display:flex;align-items:center;gap:9px;cursor:pointer;color:#d0c4f6;font-size:11px;font-weight:800;list-style:none}.teacher-guide summary svg{margin-left:auto}.teacher-guide p{font-size:11px;color:#c1cbe0;margin-top:10px;line-height:1.7}.save-selection{margin-top:12px}.save-message{font-size:10px;color:#9cdbb6}.lesson-source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.lesson-source-tabs button{background:#25334e;color:#b4c3dd;border:1px solid #394b6a;border-radius:8px;padding:7px 10px;font-size:10px}.lesson-source-tabs button.selected{color:#efddff;background:#4b377e;border-color:#aa87fa}.lesson-source-tabs small{margin-left:7px;color:#c3ade6}.builder-options .builder-step{margin-bottom:13px}.game-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.game-mode-grid button{display:flex;align-items:center;gap:9px;background:#1c2a45;border:1px solid #394b68;border-radius:9px;padding:10px 8px;color:#cbd6ec;text-align:left;font-size:10px;font-weight:800;min-height:45px}.game-mode-grid button span{font-size:20px;color:#dac1ff;width:22px;text-align:center}.game-mode-grid button[aria-pressed=true]{background:#483478;border-color:#ae8df6;color:#fff}.mode-description{font-size:10px;color:#b8c6df;margin:10px 0 18px;min-height:35px}.duration-control{background:#263551;border-radius:11px;padding:13px;margin:10px 0}.duration-control label{display:flex;align-items:center;gap:7px;margin:0 0 5px;color:#d3c5f5;font-size:11px}.duration-control>div:nth-child(2){display:flex;align-items:center;gap:8px}.duration-control input{background:#14223c!important;width:80px;font-size:19px;margin:0;padding:6px;min-height:40px;text-align:center}.duration-control>div>span{font-size:11px;color:#b7c6df}.duration-presets{display:flex;gap:7px;margin-top:9px}.duration-presets button{background:#344660;color:#aebdd8;font-size:10px;padding:6px 11px;border-radius:6px}.duration-presets button.selected{background:#7e65d7;color:#fff}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0;color:#d6dff1}.toggle-row span{display:flex;align-items:center;gap:9px}.toggle-row input{width:18px;min-height:18px;accent-color:#a487f0;margin:0}.builder-options .third-step{margin-top:20px}.participant-choice{display:flex;gap:8px}.participant-choice button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;background:#253350;color:#abbad2;border-radius:8px;padding:10px 7px;font-size:10px;font-weight:800;border:1px solid #394962}.participant-choice button[aria-pressed=true]{background:#3d396b;color:#f0e7ff;border-color:#ab92eb}.builder-options>label{font-size:11px}.builder-options>label select{font-size:11px}.builder-options small,.field-note{font-size:10px;color:#dbb9cc}.shortcut-note{background:#1e2c46;border-radius:10px;margin-top:19px;padding:10px;display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#b5c4df}.shortcut-note span{display:flex;gap:6px;align-items:center}.shortcut-note small{width:100%;color:#a3b3ce}.lesson-builder kbd,.settings-studio kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #536685;background:#344661;border-radius:5px;padding:3px 7px;font-size:10px;color:#e5ecff}.builder-bottom{border-top:1px solid #33435e;margin-top:20px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.builder-bottom strong{font-size:12px;color:#deceff}.builder-bottom p{font-size:10px}.builder-bottom .selection-warning{color:#f8b4b6}.builder-bottom .button{min-width:185px}.settings-studio .settings-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.settings-columns>div{display:flex;flex-direction:column;gap:20px}.preference-section{background:#17243d;border:1px solid #314360;border-radius:18px;padding:25px}.preference-section header{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid #32425f;margin-bottom:18px}.preference-section h2{font-size:20px}.preference-section header p{font-size:11px;color:#a7b5d0}.preference-icon{width:41px;height:41px;border-radius:12px;background:#343263;color:#cbbdff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.preference-section label{font-size:11px;margin:15px 0 8px;color:#c8d5ed}.preference-section label input,.preference-section label select{font-size:12px;margin-top:8px}.theme-options{display:flex;gap:8px}.theme-swatch{flex:1;display:flex;justify-content:space-between;align-items:flex-end;text-align:left;min-height:76px;padding:11px;border-radius:10px;color:#fff;font-size:10px;font-weight:800;border:2px solid transparent}.theme-swatch[aria-pressed=true]{border-color:#ffda7c;box-shadow:0 0 0 2px #ffda7c33}.theme-swatch.purple{background:#5a37bd}.theme-swatch.midnight{background:#142b51}.theme-swatch.ocean{background:#0d6268}.range-label{display:block}.range-label strong{float:right;color:#dfd0ff}.range-label input{padding:0!important;min-height:30px;accent-color:#a98cfa}.font-preview{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#5a37bd;border-radius:13px;min-height:124px;margin:15px 0}.font-preview.midnight{background:#142b51}.font-preview.ocean{background:#0d6268}.font-preview .arabic{color:#fff0c2;line-height:2}.font-preview small{font-size:9px;color:#e5dbfd}.setting-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #2e3e5b;margin:0!important;cursor:pointer}.setting-toggle:last-child{border:0}.setting-toggle span{flex:1}.setting-toggle strong{display:block;color:#ebf2ff;font-size:11px}.setting-toggle small{display:block;font-size:9px;line-height:1.5;color:#96a8c8;margin-top:4px}.setting-toggle input{width:38px!important;height:22px!important;min-height:22px!important;margin:0!important;accent-color:#9b7def}.time-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time-setting-grid label{margin:0!important}.time-setting-grid input{max-width:100%;min-height:42px}.time-setting-grid small{font-size:9px;color:#97a8c4}.shortcut-section>div:not(header){display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:8px 0;border-bottom:1px solid #2a3a55;color:#cad5eb}.shortcut-section>div:last-child{border:0}.settings-privacy{background:#182c46;border:1px solid #2c5270;display:flex;gap:12px;align-items:center;border-radius:11px;padding:14px;color:#9ddcc7}.settings-privacy p{font-size:10px}.settings-savebar{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:18px 0 25px}.settings-savebar p,.account-save p{font-size:11px;color:#a8b7d0;margin-right:auto}.account-section{margin-top:20px}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.account-fields label{margin:0}.account-fields small{font-size:9px;color:#94a7c7}.account-save{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.account-save button{margin:0!important}@media(max-width:1100px){.studio-modules,.rule-library{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,.9fr);gap:18px}.modal-wide{padding:28px}.settings-studio .settings-columns{gap:15px}.preference-section{padding:20px}}@media(max-width:750px){.studio-modules,.rule-library{grid-template-columns:1fr 1fr}.library-intro>.arabic{display:none}.builder-layout{grid-template-columns:1fr}.builder-options{order:0}.builder-content{order:1}.modal-wide{overflow:auto;max-height:95vh}.settings-studio .settings-columns{grid-template-columns:1fr}.theme-options{gap:5px}}@media(max-width:560px){.studio-badge{display:none}.studio-modules,.rule-library{grid-template-columns:1fr}.library-intro{padding:17px}.library-section-heading h2{font-size:16px}.modal-wide{width:100%;padding:25px 16px}.builder-bottom{align-items:stretch;flex-direction:column}.builder-bottom .button{width:100%}.game-mode-grid{grid-template-columns:1fr 1fr}.account-fields{grid-template-columns:1fr}.time-setting-grid{grid-template-columns:1fr 1fr}.settings-savebar{flex-direction:column;align-items:stretch}.settings-savebar .button{width:100%}}.modal-wide{height:min(790px,92vh);display:flex;flex-direction:column;overflow:hidden}.modal-wide .lesson-builder{display:flex;flex:1;min-height:0;flex-direction:column}.lesson-builder .builder-layout{flex:1;min-height:0;overflow-y:auto;align-content:start;padding-right:8px}.lesson-builder .builder-bottom{flex-shrink:0}.builder-more{border:1px solid #344865;background:#1a2944;border-radius:10px;padding:9px 13px;margin-bottom:10px}.builder-more summary{cursor:pointer;font-size:11px;font-weight:900;color:#d9caff}.builder-more .selection-search{margin-top:12px}.round-count{display:block;margin:15px 0!important;font-size:11px;color:#dfe8ff}.round-count input{width:100%;margin:7px 0 2px!important;min-height:40px}.round-count small{display:block;color:#9dafcb;font-size:10px}.advanced-settings{margin-top:12px;border-top:1px solid #30425f;padding-top:11px}.advanced-settings summary{color:#c9b8fd;font-size:11px;font-weight:900;cursor:pointer}.attention-report{margin-top:18px}.attention-list{display:flex;flex-direction:column;gap:8px;margin-top:17px}.attention-row{display:flex;align-items:center;gap:17px;background:#243451;border:1px solid #384d6c;border-radius:13px;padding:9px 16px}.attention-row>.arabic{min-width:85px;text-align:center;font-size:32px;color:#ffd89a}.attention-row>div{flex:1}.attention-row strong{display:block;font-size:12px;color:#f2edff}.attention-row small{display:block;font-size:10px;color:#b7c6dc;margin-top:3px}.attention-row b{font-size:18px;color:#ffb3b8}.review-builder .builder-filters,.review-builder .builder-more,.review-builder .teacher-guide,.review-builder .save-selection,.review-builder .save-message{display:none}.review-builder .item-picker button:disabled{opacity:1;cursor:default}.review-explainer{font-size:12px;color:#aabfe0;margin-bottom:15px}.lesson-builder .shortcut-note{display:none}@media(max-width:750px){.modal-wide{height:95vh}.lesson-builder .builder-layout{display:flex;flex-direction:column}.builder-options{order:0}.builder-content{order:1}}.classroom{--stage:#5937bc;--stage-dark:#48269f;--stage-glow:#8870d8;--stage-text:#ffdc86;position:relative;min-height:100vh;background:var(--stage);color:#fff;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}.classroom.theme-midnight{--stage:#172b54;--stage-dark:#102142;--stage-glow:#4a7bbc;--stage-text:#ffe19e}.classroom.theme-ocean{--stage:#0a626c;--stage-dark:#074f58;--stage-glow:#6bc0bf;--stage-text:#fff0ac}.classroom:before{content:"";position:absolute;z-index:-1;width:55vw;height:55vw;border:1px solid #ffffff0b;border-radius:50%;left:-17vw;top:22vh;pointer-events:none;box-shadow:0 0 0 8vw #ffffff03,0 0 0 18vw #ffffff02}.classroom:after{content:"✦";position:absolute;z-index:-1;right:4vw;top:24%;font-size:28px;color:#ffffff18;pointer-events:none}.classroom-header{display:flex;align-items:center;justify-content:space-between;position:relative;height:76px;padding:0 26px;border-bottom:1px solid #ffffff22;z-index:2}.classroom-header button{background:transparent;color:#f4e8ff;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:9px;font-weight:800;font-size:12px}.classroom-header button:hover{background:#ffffff1e}.classroom-close{min-width:136px;justify-content:flex-start!important}.classroom-brand{font-size:38px;font-weight:900;letter-spacing:-3px;position:absolute;left:50%;transform:translate(-50%)}.classroom-brand span{color:#ffdd86}.classroom-tools{display:flex;align-items:center;gap:5px}.classroom-tools button{width:38px;height:38px}.board-student{font-size:11px;color:#e2d5f8;padding-right:11px}.classroom-status{display:flex;align-items:center;justify-content:center;gap:25px;min-height:57px;padding:10px 27px;z-index:1}.quiet-game-label{font-size:11px;font-weight:800;color:#e9d9ff;letter-spacing:.1em;text-transform:uppercase}.classroom-shuffle{background:#ffffff17;color:#e8d7fb;border-radius:9px;padding:10px;display:flex}.classroom-shuffle:hover{background:#ffffff29}.board-progress{display:flex;align-items:center;gap:10px;color:#f3eaff;font-size:12px;font-weight:900;min-width:180px}.board-progress small{color:#ccb6ee}.board-progress>div{width:110px;height:7px;background:#ffffff29;border-radius:6px;overflow:hidden}.board-progress i{height:100%;background:#ffdd89;border-radius:6px;display:block;transition:width .25s}.lesson-dots{display:flex;gap:6px}.lesson-dots button{border:1px solid #ffffff2c;background:#ffffff15;color:#dcc9f0;border-radius:50%;width:28px;height:28px;font-size:10px;font-weight:800}.lesson-dots button[aria-current=step]{background:#ffdf92;color:#564084}.team-banner{display:flex;align-items:center;justify-content:center;gap:18px;padding:7px 14px}.team-banner>div{display:flex;align-items:center;gap:15px;background:#ffffff12;border:2px solid #ffffff1b;border-radius:15px;padding:9px 18px;min-width:190px;color:#e6d8f7}.team-banner>div.active{background:#ffffff2b;border-color:#ffe394;box-shadow:0 0 25px #ffe39422}.team-banner svg{color:#ffe38f}.team-banner strong{font-size:24px;margin-left:auto}.team-banner>div:nth-of-type(2) .moon-symbol{font-size:30px;color:#cfdeff}.versus{font-weight:900;font-size:11px;color:#d5c2f2}.moon-symbol{font-size:35px;line-height:1}.game-timer{width:min(740px,calc(100% - 40px));margin:2px auto 0;display:flex;align-items:center;gap:17px;background:var(--stage-dark);border:1px solid #ffffff28;border-radius:20px;padding:9px 17px 9px 10px;box-shadow:0 12px 30px #2213553c}.timer-dial{width:85px;height:85px;flex-shrink:0;border-radius:50%;background:conic-gradient(#ffe191 var(--timer-progress),#ffffff2d var(--timer-progress));padding:7px;box-shadow:0 0 23px #f9c76050}.timer-dial>div{background:var(--stage-dark);border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-dial strong{font-size:32px;line-height:1;color:#ffebac;font-variant-numeric:tabular-nums}.timer-dial small{font-size:9px;letter-spacing:.18em;font-weight:900;color:#edcfff}.timer-track{flex:1}.timer-track>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:900;letter-spacing:.15em;margin-bottom:10px}.timer-track strong{font-size:12px;color:#ffde8a;white-space:nowrap}.timer-rail{height:15px;background:#fff2;border-radius:20px;overflow:hidden}.timer-rail i{display:block;height:100%;background:#ffe292;border-radius:20px;box-shadow:0 0 15px #ffe292a6;transition:width .1s linear}.game-timer.urgent{border-color:#ffbe8f;background:#974061;box-shadow:0 0 34px #ffa77466;animation:timer-pulse .6s ease-in-out infinite alternate}.game-timer.urgent .timer-dial{background:conic-gradient(#ffe292 var(--timer-progress),#ffffff35 var(--timer-progress))}.game-timer.urgent .timer-dial>div{background:#974061}.game-timer.urgent .timer-rail i{background:#ffe38f}.classroom-stage{flex:1;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:0;width:min(1440px,100%);margin:0 auto;padding:0 clamp(15px,3vw,55px);position:relative}.stage-arrow{display:flex;align-items:center;justify-content:center;background:#ffffff17;color:#e8d6fc;border:1px solid #ffffff22;border-radius:50%;width:55px;height:55px;flex-shrink:0}.stage-arrow:hover:not(:disabled){background:#ffffff2e}.stage-arrow svg{width:31px}.stage-content{display:flex;flex:1;min-width:0;min-height:250px;justify-content:center;align-items:center;flex-direction:column;text-align:center;animation:card-in .28s both}.stage-arabic{font-family:Noto Sans Arabic,sans-serif;color:var(--stage-text);font-weight:500;letter-spacing:0;font-feature-settings:"rlig" 1,"mark" 1,"mkmk" 1;direction:rtl;unicode-bidi:isolate;overflow:visible;max-width:100%;line-height:2.05;padding:.28em .16em .34em;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 8px 1px #30155618}.stage-arabic.letter-text{font-size:calc(clamp(105px,16vw,225px)*var(--text-scale))}.stage-arabic.word-text{font-size:calc(clamp(70px,11vw,150px)*var(--text-scale))}.stage-arabic.long-text{font-size:calc(clamp(42px,5.8vw,100px)*var(--text-scale))}.stage-picture{font-size:clamp(90px,12vw,170px);filter:drop-shadow(0 14px 10px #0003)}.teach-picture{font-size:70px;margin-top:-20px}.classroom-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;width:min(1050px,calc(100% - 40px));margin:0 auto 14px}.classroom-answers button{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;padding:14px 10px;min-height:83px;border-radius:14px;font-size:20px;font-weight:900;color:#3b2b54;background:#e8d0ff;border:3px solid transparent;overflow:visible}.classroom-answers button:nth-child(2){background:#ffcdb8}.classroom-answers button:nth-child(3){background:#ffe295}.classroom-answers button:nth-child(4){background:#c3efdc}.classroom-answers button:hover:not(:disabled){transform:translateY(-3px)}.classroom-answers button.answer-right{border-color:#8be7b5;box-shadow:0 0 0 3px #7cebb777}.classroom-answers .arabic{font-size:clamp(23px,2.9vw,41px);line-height:2;overflow:visible}.classroom-answers kbd{position:absolute;left:7px;top:7px;color:#fff;font-size:10px;line-height:1.5;background:#553c7199;border-radius:5px;padding:1px 6px}.classroom-error{background:#ffe6e6;color:#973d59;border-radius:10px;padding:8px 12px;text-align:center;font-size:11px;width:min(850px,90%);margin:auto}footer.classroom-controls{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:18px clamp(18px,3vw,48px)!important;border-top:1px solid #ffffff1e;background:#26175033;color:#fff;font-size:inherit}.classroom-controls button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900;border-radius:12px;min-height:52px}.assessment-controls,.session-controls{display:flex;align-items:center;gap:9px}.assessment-controls button{padding:12px 18px;font-size:13px}.mark-practice{background:#ffe6df;color:#994d62}.mark-correct{background:#8de9b3;color:#125946}.mark-correct svg{background:#1e8963;color:#fff;border-radius:50%;padding:3px;width:29px;height:29px}.assessment-controls kbd{background:#00000013;padding:4px 7px;border-radius:5px;font-size:10px;margin-left:11px}.session-controls button{font-size:12px}.pause-control{background:#ffffff1d;color:#fff;padding:13px}.finish-control{background:transparent;color:#e5d4f4;padding:12px}.next-control{background:#ffdf8a;color:#493970;padding:12px 18px}.next-control:hover{background:#ffeeb9}.answer-feedback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.answer-feedback.positive{background:#16785fef}.answer-feedback.encouraging{background:#895aaeea}.answer-feedback:before{content:"";position:absolute;border:2px dashed #ffffff45;width:440px;height:440px;border-radius:50%;animation:feedback-halo .9s infinite alternate}.feedback-symbol{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#a7f2be;box-shadow:0 16px #0b654e,0 0 0 17px #ffffff24,0 0 0 35px #fff1;animation:feedback-pop .5s cubic-bezier(.2,1.8,.5,1)}.encouraging .feedback-symbol{background:#ffe4a4;box-shadow:0 16px #744790,0 0 0 17px #ffffff1b,0 0 0 35px #ffffff0e}.feedback-symbol svg{width:112px;height:112px;color:#147558}.encouraging .feedback-symbol svg{color:#8a588b;width:85px;height:85px}.answer-feedback h2{position:relative;color:#fff;font-size:clamp(38px,5vw,74px);margin-top:28px;line-height:1.1;text-shadow:0 7px #04503d3b}.answer-feedback p{position:relative;color:#e8fff4;font-size:18px;font-weight:800;margin-top:12px}.encouraging p{color:#fff3e8}.feedback-stars{position:absolute;top:12%;color:#fff3b2;font-size:55px;letter-spacing:100px;white-space:nowrap;animation:feedback-float 1s infinite alternate}.feedback-stars span{font-size:32px}.answer-feedback .button{margin-top:30px;position:relative}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#1b215be8;display:flex;align-items:center;justify-content:center;text-align:center}.pause-overlay>div{position:relative;background:#2c2c69;padding:45px;border:2px solid #ffffff38;border-radius:25px;box-shadow:0 23px 75px #0006}.pause-moon{font-size:75px;line-height:1;color:#ffe3a0}.pause-overlay h2{font-size:33px;margin-top:10px}.pause-overlay p{color:#d0ccf2;margin:12px 0 24px;font-size:13px}.pause-overlay .pause-error{color:#ffdca8;font-size:11px}.celebration-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 20px;position:relative;overflow:hidden}.finish-orbit{position:relative;margin:10px 0 20px}.finish-orbit>span{position:absolute;color:#ffe794;font-size:43px;animation:feedback-float 1s infinite alternate}.finish-orbit>span:nth-child(1){top:-13px;left:-54px}.finish-orbit>span:nth-child(2){right:-58px;top:45px;animation-delay:.3s}.finish-orbit>span:nth-child(3){right:-110px;top:-12px;font-size:25px}.trophy-medal{display:flex;align-items:center;justify-content:center;background:#ffda81;color:#6f4884;border-radius:40% 40% 38% 38%;width:155px;height:155px;transform:rotate(-8deg);box-shadow:0 15px #d1a35a,0 0 0 16px #ffffff18,0 0 0 35px #ffffff0b;animation:feedback-pop .8s both}.trophy-medal svg{width:92px;height:92px}.finish-stars{display:flex;gap:8px;color:#ffdf87;margin-top:10px}.finish-stars svg{width:23px}.celebration-screen h1{font-size:clamp(35px,5vw,65px);margin:16px 0 4px;color:#fff;line-height:1.1}.celebration-screen>p{color:#e8d9f8;font-size:16px;margin:6px 0 15px}.finish-results{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0}.finish-results>div{background:#ffffff1e;border:1px solid #ffffff30;border-radius:15px;min-width:122px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px}.finish-results svg{width:21px;color:#ffe298}.finish-results strong{font-size:27px}.finish-results span{font-size:10px;color:#dfcfef}.finish-results .moon-symbol{font-size:27px}.finish-buttons{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px}.finish-home{display:inline-flex;align-items:center;gap:8px;background:#ffffff25;color:#fff;border-radius:10px;padding:14px;font-size:12px;font-weight:900}.finish-saved{display:flex;align-items:center;gap:4px;margin-top:15px;color:#dcffe8;font-size:10px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-35px;width:11px;height:18px;border-radius:2px;animation:confetti-fall 3.1s linear infinite}.quiet-motion .confetti i{animation:none;display:none}@keyframes card-in{0%{opacity:.4;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes feedback-pop{0%{transform:scale(.2) rotate(-15deg)}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes feedback-halo{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.2);opacity:.1}}@keyframes feedback-float{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@keyframes timer-pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes confetti-fall{0%{top:-30px;opacity:1}to{top:110%;transform:translate(50px) rotate(390deg);opacity:0}}@media(max-width:800px){.classroom-tools button{width:34px}.classroom-header{padding:0 12px}.classroom-close{min-width:55px}.classroom-close span{display:none}.board-student{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classroom-brand{font-size:31px}.classroom-stage{padding:0 17px}.stage-arrow{width:42px;height:42px}.stage-arabic.letter-text{font-size:calc(clamp(90px,19vw,155px)*var(--text-scale))}.stage-arabic.word-text{font-size:calc(clamp(55px,12vw,110px)*var(--text-scale))}.stage-arabic.long-text{font-size:calc(clamp(34px,6.5vw,72px)*var(--text-scale))}.classroom-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.game-timer{width:min(590px,calc(100% - 20px))}.assessment-controls button{padding:10px 12px;font-size:12px}.assessment-controls kbd{margin-left:4px}.finish-control{padding:8px;font-size:11px}}@media(max-width:520px){.classroom-header{height:58px}.classroom-brand{font-size:27px}.classroom-tools{gap:0}.classroom-tools button{width:31px;height:32px;padding:5px}.classroom-tools button:nth-of-type(1),.classroom-tools button:nth-of-type(2){display:none}.board-student{display:none}.classroom-status{min-height:45px;padding:5px 10px}.quiet-game-label{font-size:8px}.board-progress{min-width:125px;font-size:10px}.board-progress>div{width:75px}.classroom-stage{gap:4px;padding:0 9px}.stage-arrow{width:32px;height:39px}.stage-arrow svg{width:21px}.stage-content{min-height:185px}.stage-arabic.letter-text{font-size:calc(95px*var(--text-scale))}.stage-arabic.word-text{font-size:calc(55px*var(--text-scale))}.stage-arabic.long-text{font-size:calc(34px*var(--text-scale))}.stage-picture{font-size:95px}.teach-picture{font-size:45px}.classroom-answers{gap:7px;width:calc(100% - 20px);margin-bottom:7px}.classroom-answers button{min-height:65px;font-size:16px;padding:9px}.classroom-answers .arabic{font-size:24px}.classroom-answers kbd{font-size:9px}.game-timer{border-radius:12px;padding:5px 10px 5px 5px;gap:9px}.timer-dial{width:66px;height:66px;padding:5px}.timer-dial strong{font-size:23px}.timer-dial small{font-size:7px}.timer-track>div:first-child{font-size:8px}.timer-rail{height:11px}.team-banner{gap:5px}.team-banner>div{min-width:0;padding:6px;gap:5px}.team-banner>div span{font-size:10px}.team-banner strong{font-size:19px}.team-banner svg{width:17px}.team-banner .moon-symbol{font-size:23px!important}.versus{font-size:8px}footer.classroom-controls{padding:11px 10px!important;gap:7px}.assessment-controls,.session-controls{gap:5px}.assessment-controls button{padding:7px 5px;min-height:47px;font-size:10px;gap:4px}.assessment-controls button svg{width:16px;height:16px}.assessment-controls kbd{font-size:8px;padding:2px 4px}.session-controls button{min-height:47px}.pause-control,.next-control{padding:8px}.finish-control{padding:6px 4px;font-size:10px}.finish-control svg{display:none}.feedback-symbol{width:140px;height:140px}.feedback-symbol svg{width:80px;height:80px}.answer-feedback:before{width:310px;height:310px}.answer-feedback h2{font-size:38px}.answer-feedback p{font-size:13px}.celebration-screen h1{font-size:34px}.trophy-medal{width:120px;height:120px}.trophy-medal svg{width:74px}.finish-results>div{min-width:100px;padding:8px}.finish-results strong{font-size:22px}.finish-buttons{flex-direction:column}.celebration-screen>p{font-size:12px}}@media(prefers-reduced-motion:reduce){.classroom *,.classroom *:before,.classroom *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.quiet-motion *,.quiet-motion *:before,.quiet-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.classroom.flash-correct{background:#16895b}.classroom.flash-practice,.classroom.flash-timeout{background:#d75e68}.quick-feedback{position:absolute;z-index:8;top:43%;left:50%;transform:translate(-50%,-50%);width:124px;height:124px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#baf7cb;color:#117854;box-shadow:0 0 0 18px #ffffff24;pointer-events:none}.quick-feedback.negative{background:#ffe4e5;color:#b7314b}.quick-feedback svg{width:78px;height:78px}.mark-attention{background:#ffe7a7;color:#614716}.assessment-controls .mark-attention kbd{background:#8a691f33}.mark-accent{display:block;margin-top:-20px;border-radius:16px;background:#ffffff1d;color:#ffae75;padding:0 18px;font-size:clamp(35px,5vw,60px);line-height:2;box-shadow:0 0 0 2px #ffae753c}.colored-arabic{position:relative;display:inline-block;white-space:nowrap}.colored-arabic.long-text{white-space:normal}.colored-arabic-gradient{background:var(--arabic-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.colored-mark-overlay{position:absolute;top:.28em;right:.16em;bottom:.34em;left:.16em;color:#ff8e65;pointer-events:none;clip-path:inset(0 0 55% 0);text-shadow:none}.colored-mark-overlay.below{color:#8cf0d5;clip-path:inset(79% 0 0 0)}.team-banner{gap:18px;margin:8px auto 0;width:min(850px,95%)}.team-banner>div{flex:1;min-height:112px;padding:10px 24px;border-radius:25px;background:#f8c761;color:#68451f;box-shadow:0 8px #a66a2c}.team-banner>div:nth-of-type(2){background:#b9d6ff;color:#28466a;box-shadow:0 8px #6b90cc}.team-banner>div.active{border-color:#fff;box-shadow:0 8px #9a6a38,0 0 0 5px #ffffff35}.team-banner>div:nth-of-type(2).active{box-shadow:0 8px #6b90cc,0 0 0 5px #ffffff35}.team-banner strong{font-size:clamp(48px,6vw,78px);line-height:1}.team-banner span{font-size:17px;font-weight:900}.team-banner svg,.team-banner .moon-symbol{color:inherit!important}.score-finale{gap:25px}.score-finale-stars{font-size:46px;letter-spacing:30px;color:#ffe39a}.score-finale-numbers{display:flex;justify-content:center;gap:24px;width:min(930px,100%)}.score-side{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:310px;border-radius:38px;box-shadow:0 15px #0002}.score-side.good{background:#a9f1bb;color:#145d44}.score-side.bad{background:#ffb6b7;color:#8c283e}.score-side svg{width:55px;height:55px}.score-side strong{font-size:clamp(110px,14vw,190px);line-height:1;font-weight:1000;font-variant-numeric:tabular-nums}.score-side span{font-size:clamp(21px,3vw,36px);font-weight:1000;letter-spacing:.1em}.cards-seen{color:#ded6f1;font-size:15px}.score-finale .finish-buttons{margin-top:0}@media(max-width:800px){.team-banner>div{min-height:80px;padding:8px 12px}.team-banner strong{font-size:43px}.team-banner span{font-size:12px}.score-side{min-height:230px}.assessment-controls .mark-attention span{display:none}.assessment-controls .mark-attention{padding:8px}}@media(max-width:520px){.quick-feedback{width:90px;height:90px}.quick-feedback svg{width:58px}.score-finale-numbers{gap:8px}.score-side{min-height:175px;border-radius:20px}.score-side strong{font-size:80px}.score-side svg{width:35px}.score-side span{font-size:16px}.team-banner>div{min-height:65px}.team-banner strong{font-size:31px}.team-banner span{font-size:9px}.assessment-controls .mark-attention kbd{display:none}}.method-menu{max-width:1120px;margin:auto}.method-back,.setup-back{display:flex;align-items:center;gap:8px;background:none;border:0;color:#b9c7df;padding:8px 0;cursor:pointer}.method-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.method-heading h1{font-size:44px;margin:6px 0}.method-heading p,.method-footer p{color:#aebbd3}.method-count{display:flex;gap:10px;align-items:center;color:#e3ce9b}.method-guidance{display:flex;gap:20px;align-items:center;background:#253b49;border-radius:16px;padding:12px 22px;margin-bottom:24px}.method-guidance>span{color:#91e6d2;font-weight:800;font-size:26px}.method-guidance p{margin:0;color:#d1e5e4}.method-list{border-top:1px solid #36415b}.method-row{width:100%;display:grid;grid-template-columns:48px 1fr 210px 120px;gap:20px;align-items:center;text-align:left;padding:25px 16px;background:transparent;color:#f2f4fc;border:0;border-bottom:1px solid #36415b;cursor:pointer;transition:background .15s}.method-row:hover,.method-row:focus-visible{background:#29354d}.method-index{font-size:23px;font-weight:800;color:#8b9cbd}.method-level{color:#b9a4ef;font-size:12px;font-weight:800}.method-description h2{font-size:22px;margin:5px 0}.method-description p{font-size:14px;color:#b9c5dc;margin:0}.method-sample{font-size:35px;line-height:2.2;text-align:center;color:#ffe075;white-space:nowrap}.method-action{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.method-footer{display:flex;gap:12px;align-items:center;margin:20px 0;font-size:13px}.modal-wide:has(.lesson-setup){width:min(1020px,calc(100vw - 32px));height:min(790px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;background:#192338;color:#eff3fc}.lesson-setup{display:flex;flex-direction:column;height:100%;min-height:0}.setup-heading{padding:27px 64px 18px 34px}.setup-heading h2{font-size:28px;margin:8px 0}.setup-heading p{margin:0;color:#aebcd4;font-size:14px}.setup-tabs{display:flex;gap:26px;padding:0 34px;border-bottom:1px solid #374158;flex-shrink:0}.setup-tabs button{padding:14px 0;background:none;border:0;border-bottom:3px solid transparent;color:#9dacc7;font-weight:800;cursor:pointer}.setup-tabs button[aria-pressed=true]{color:#ffe075;border-bottom-color:#ffe075}.setup-tabs button span{background:#344059;padding:2px 8px;border-radius:8px;margin-left:6px;font-size:12px}.setup-body{flex:1;min-height:0;overflow:auto;padding:25px 34px}.setup-ready{display:grid;grid-template-columns:1fr 1fr;gap:36px;min-height:100%}.setup-preview{background:#223b48;border-radius:20px;padding:22px;display:flex;flex-direction:column;min-width:0}.setup-label{color:#99bcbf;font-size:11px;letter-spacing:1.5px;font-weight:800}.setup-sample{color:#fff0a9;font-size:clamp(45px,6vw,78px);line-height:2.3;text-align:center;min-height:170px;overflow-wrap:anywhere;margin:auto 0}.selection-summary{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;background:#2d4a55;color:#f1f7f6;border:0;border-radius:12px;padding:14px;cursor:pointer;font-weight:800}.selection-summary small{display:block;color:#b9d0d1;font-weight:400;margin-top:4px}.setup-teacher-note{padding-top:20px;font-size:13px;line-height:1.65}.setup-teacher-note p{color:#b9d0d1;margin:8px 0 0}.setup-controls{display:flex;flex-direction:column;gap:18px}.lesson-setup label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:800;color:#dbe4f4}.lesson-setup label small{font-weight:400;line-height:1.45;color:#aebcd4;min-height:36px}.lesson-setup select,.lesson-setup input:not([type=checkbox]){width:100%;min-height:45px;border:1px solid #495773;border-radius:10px;padding:10px 12px;background:#232f46;color:#f6f7fc;font:inherit}.setup-number-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:75px}.setup-number-row label{position:relative}.setup-number-row label>svg{display:none}.seconds-input{display:flex;align-items:center;gap:7px}.seconds-input span{color:#aebcd4;font-size:12px}.no-clock{display:flex;align-items:center;justify-content:center;gap:8px;color:#90a0bc;padding-top:23px}.setup-participants{border:0;padding:0;margin:0}.setup-participants legend{font-weight:800;font-size:13px;margin-bottom:9px}.participant-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.participant-choice button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #45516b;background:#222d43;color:#bdc9df;padding:12px 6px;border-radius:10px;font-weight:800;cursor:pointer}.participant-choice button[aria-pressed=true]{background:#3b3757;border-color:#b5a2ed;color:#eee6ff}.participant-choice button:disabled{opacity:.4;cursor:default}.participant-detail{min-height:89px;padding-top:12px}.participant-detail p{font-size:13px;line-height:1.5;color:#aebcd4;margin:5px 0}.setup-extra{font-size:13px;color:#adbbd2}.setup-extra summary{cursor:pointer}.setup-extra .toggle-row{flex-direction:row;justify-content:space-between;margin:15px 0}.setup-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #374158;padding:18px 34px;flex-shrink:0;background:#192338}.setup-footer strong{font-size:14px;display:block}.setup-footer small{display:block;font-size:12px;color:#9eafc9;margin-top:5px}.setup-content .content-toolbar{display:flex;gap:15px;margin-bottom:15px}.setup-content .content-toolbar label{flex:1;min-width:0}.setup-content .item-picker{max-height:none;overflow:visible;margin:15px 0;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.setup-content .item-picker button{min-height:90px}.setup-content .save-selection{background:none;color:#d8c6ff;border:0;display:inline-flex;gap:8px;align-items:center;padding:8px 0;cursor:pointer}.save-message{font-size:12px;color:#8de0bd;margin-left:12px}.modal:has(.attention-picker){width:min(730px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;background:#192338;color:#eff3fc;overflow:auto;border:1px solid #4b5872}.attention-picker header{padding:27px 30px 0}.attention-picker h2{font-size:27px;margin:8px 0}.attention-picker p{color:#adbbd2;font-size:14px}.attention-word{font-size:55px;line-height:2;text-align:center;color:#ffe075;padding:0 20px;background:#243b47;margin:18px 30px;border-radius:14px}.attention-groups{padding:0 30px 22px}.attention-groups h3{font-size:13px;color:#b7c6dd;margin:16px 0 8px}.part-tiles{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}.part-tiles button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:85px;padding:10px 15px;border:2px solid #42516e;border-radius:13px;background:#26334b;color:#f4f6ff;cursor:pointer}.part-tiles button>.arabic{font-size:32px;line-height:1.8}.part-tiles button small{font-size:11px;color:#b9c7df}.part-tiles button .part-context{font-size:22px;color:#b6cbe4;line-height:1.9}.part-tiles button[aria-pressed=true]{border-color:#ffe075;background:#4a4431}.part-check{position:absolute;top:5px;left:5px;opacity:0;color:#ffe075}.part-tiles button[aria-pressed=true] .part-check{opacity:1}.attention-picker footer{position:sticky;bottom:0;background:#192338;border-top:1px solid #3d4b65;display:flex;align-items:center;gap:15px;padding:18px 30px}.attention-picker footer>span{margin-right:auto;font-size:12px;color:#aabbd4}.cancel-attention{border:0;background:none;color:#b8c8e0;cursor:pointer}.attention-error{padding:0 30px;color:#ffaaa5!important}.teaching-finale{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:65vh}.teaching-symbol{font-size:100px;line-height:2;color:#ffe075}.teaching-finale h1{font-size:40px;margin:0 0 40px}.component-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:20px}.component-result{display:flex;gap:15px;align-items:center;padding:14px;background:#28334b;border-radius:12px}.component-result>.arabic{font-size:30px;color:#ffe075;min-width:45px;text-align:center}.component-result small{display:block;color:#afbdd5;font-size:12px}.component-result b{margin-left:auto;color:#ffb6a5;font-size:24px;text-align:right}.component-result b small{font-weight:400;font-size:10px}.component-result>div small .arabic{font-size:20px}@media(max-width:760px){.method-row{grid-template-columns:30px 1fr 80px;gap:10px;padding:18px 4px}.method-action{display:none}.method-sample{font-size:24px;white-space:normal}.method-heading h1{font-size:33px}.method-count{display:none}.setup-ready{grid-template-columns:1fr;gap:20px}.setup-preview{display:none}.setup-heading{padding:20px 24px 14px}.setup-heading h2{font-size:23px}.setup-body{padding:20px 24px}.setup-tabs{padding:0 24px}.setup-footer{padding:15px 24px}.setup-footer small{display:none}.setup-content .content-toolbar{flex-wrap:wrap}.attention-picker footer{padding:15px;gap:10px}.attention-picker footer>span{display:none}.attention-picker footer .button{margin-left:auto}.attention-groups{padding:0 20px 20px}.part-tiles button{min-width:72px}.teaching-finale h1{font-size:28px}.method-description h2{font-size:18px}}.lesson-setup label{margin:0}.lesson-setup select,.lesson-setup input{margin-top:0}.setup-controls{gap:16px}.lesson-setup label small{min-height:34px}.participant-choice button{font-size:12px}.setup-controls>.setup-extra{margin-top:auto}.attention-picker .cancel-attention{font-size:13px}.attention-groups section{display:grid;grid-template-columns:85px 1fr;gap:12px;align-items:start;margin:16px 0}.attention-groups h3{margin-top:14px}.attention-word{font-size:46px;line-height:1.9}.attention-picker header h2{margin-bottom:6px}.attention-picker header p{margin:0}.part-tiles button{padding:7px 12px}.part-tiles button>.arabic{font-size:30px}.attention-picker footer{margin-top:8px}@media(max-width:550px){.attention-groups section{grid-template-columns:1fr;gap:0}.attention-groups h3{margin-top:0}.attention-word{margin:15px 20px;font-size:40px}}.sound-selector{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sound-selector h3{font-size:18px;margin:3px 0 7px}.sound-selector p{font-size:13px;color:#aebdd3;margin:0 0 16px}.sound-chips,.sound-letters{display:flex;gap:8px;flex-wrap:wrap}.sound-chips button{display:flex;align-items:center;gap:8px;background:#26334b;border:1px solid #4a5975;border-radius:10px;color:#dce7f7;padding:6px 9px;cursor:pointer}.sound-chips button .arabic{font-size:22px;line-height:2}.sound-chips button strong{font-size:11px}.sound-chips button[aria-pressed=true],.sound-letters button[aria-pressed=true]{background:#453e35;border-color:#ffe075;color:#fff4c2}.sound-letters button{background:#26334b;border:1px solid #4a5975;border-radius:10px;color:#dce7f7;min-width:47px;height:53px;font-size:28px;cursor:pointer}.select-all-letters{background:none;border:0;color:#d5c4fc;font-weight:700;font-size:12px;margin-top:13px;cursor:pointer}.sound-selector .sound-count{margin-top:16px;color:#ffe075;font-weight:800}@media(max-width:760px){.sound-selector{grid-template-columns:1fr;gap:24px}}.participant-choice{grid-template-columns:repeat(3,1fr)}.participant-choice button{font-size:11px}.turn-banner{display:flex;align-items:center;justify-content:center;gap:18px;background:#ffe291;color:#553258;width:min(780px,calc(100% - 36px));margin:6px auto;border-radius:18px;padding:8px 22px;box-shadow:0 7px #392462}.turn-banner>span{font-size:12px;font-weight:1000;letter-spacing:.11em}.turn-banner strong{font-size:clamp(28px,3.5vw,48px);line-height:1.1;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-banner small{font-size:11px;font-weight:800}.daily-board{width:min(700px,calc(100% - 32px));margin:0 auto;background:#ffffff17;border:1px solid #ffffff30;border-radius:18px;padding:15px;color:#fff}.daily-board-heading{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-bottom:9px}.daily-board-heading span{font-size:11px;color:#eee0ff}.daily-board-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px}.daily-board-rows>div{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff1d;border-radius:10px;font-size:12px;min-width:0}.daily-board-rows>div>b{color:#ffe291}.daily-board-rows>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-board-rows>div>strong{margin-left:auto;font-size:18px;white-space:nowrap}.daily-board-rows small{font-size:10px}.daily-board.compact{display:flex;align-items:center;justify-content:center;gap:14px;width:min(780px,calc(100% - 36px));padding:6px 12px;margin:8px auto 0}.daily-board.compact .daily-board-heading{margin:0}.daily-board.compact .daily-board-heading span{display:none}.daily-board.compact .daily-board-rows{display:flex;flex:1}.daily-board.compact .daily-board-rows>div{flex:1;padding:5px 8px}.daily-board.compact .daily-board-rows strong{font-size:15px}.daily-board.compact .daily-board-rows small{display:none}@media(max-width:650px){.turn-banner{gap:8px;padding:8px}.turn-banner>span,.turn-banner small{font-size:9px}.turn-banner strong{font-size:26px}.daily-board.compact .daily-board-heading{display:none}.daily-board.compact .daily-board-rows>div{font-size:10px}.daily-board.compact .daily-board-rows>div:nth-child(3){display:none}}.classroom{height:100dvh;min-height:0}.classroom .classroom-stage{flex:1 1 0;min-height:0}.classroom .stage-content{min-height:0}.classroom .score-finale{min-height:0;overflow:auto}@media(max-height:760px){.classroom .stage-arabic.word-text{font-size:calc(clamp(54px,9vw,120px)*var(--text-scale))}.classroom .stage-arabic.letter-text{font-size:calc(clamp(80px,12vw,180px)*var(--text-scale))}.classroom .turn-banner{padding:4px 12px}.classroom .daily-board.compact{padding:3px 8px}.classroom footer.classroom-controls{padding-top:9px!important;padding-bottom:9px!important}}.extra-games{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.extra-games button{border:1px solid #4a5975;border-radius:9px;background:#27344e;color:#cddaf0;padding:8px 10px;cursor:pointer;font-size:11px;font-weight:800}.extra-games button[aria-pressed=true]{border-color:#ffe075;color:#ffe075;background:#4b3f39}.extra-games button:disabled{opacity:.4;cursor:default}.library-extra{margin:35px 0 0;border-top:1px solid #374158;padding-top:20px}.library-extra summary{cursor:pointer;color:#b8c9df;font-size:14px;font-weight:800}.library-extra .library-search{margin:19px 0}.library-extra .library-section{margin:0}.progress-studio{color:#eff5ff;max-width:1500px;margin:auto;padding:clamp(12px,2.4vw,34px);font-family:Nunito Sans,sans-serif}.ps-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 28px}.ps-kicker{font-size:11px;letter-spacing:.17em;font-weight:900;color:#76decb}.ps-header h1{font-size:clamp(31px,3.5vw,53px);letter-spacing:-.045em;line-height:1.08;margin:8px 0}.ps-header p,.ps-panel>p,.ps-note{color:#a9b8d1;line-height:1.5}.ps-header-actions,.ps-student-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ps-primary,.ps-quiet,.ps-inline-action{border:0;border-radius:14px;min-height:43px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:800 14px Nunito Sans,sans-serif;cursor:pointer}.ps-primary{background:#85e5c9;color:#15243a;box-shadow:0 8px 25px #59c7a61f}.ps-primary:hover{background:#b2f5df;transform:translateY(-1px)}.ps-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.ps-quiet{background:#263854;color:#eaf1fc}.ps-quiet:hover{background:#33496d}.ps-overview-toolbar,.ps-student-bar{background:#1c2b43;border:1px solid #364967;border-radius:16px;padding:12px 16px;margin-bottom:18px}.ps-overview-toolbar{display:flex;align-items:center;justify-content:space-between}.ps-overview-toolbar label,.ps-student-bar label{display:flex;align-items:center;gap:9px;color:#aebed7;font-size:13px;font-weight:800}.progress-studio select{border:1px solid #485c79;background:#263955;border-radius:10px;color:#fff;padding:8px 29px 8px 11px;font:700 13px Nunito Sans,sans-serif}.ps-student-bar>span{font-weight:800;margin-right:auto}.ps-class-layout,.ps-student-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:18px}.ps-panel{background:#1a2a43;border:1px solid #334762;border-radius:22px;padding:clamp(19px,2vw,28px);box-shadow:0 18px 45px #0b172b1a}.ps-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.ps-section-title h2{font-size:clamp(21px,2vw,28px);letter-spacing:-.025em;margin:5px 0 0}.ps-round-icon{background:#305a66;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;color:#9bf3df}.ps-need-list{display:grid;gap:16px;margin:25px 0}.ps-need{display:grid;grid-template-columns:75px 1fr 58px;align-items:center;gap:12px}.ps-need>span{font-weight:800}.ps-need-arabic{font-size:33px}.ps-need-meter{height:11px;background:#33465e;border-radius:20px;overflow:hidden}.ps-need-meter i{display:block;height:100%;background:#ff977f;border-radius:20px}.ps-need strong{text-align:right;font-size:13px;white-space:nowrap}.ps-empty{background:#253650;border-radius:13px;padding:22px;color:#aec0d8;line-height:1.45;margin:18px 0}.ps-pupil{border:0;border-bottom:1px solid #354861;background:transparent;color:#f2f6fc;width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 3px;cursor:pointer}.ps-pupil:hover{background:#263954}.ps-avatar{width:42px;height:42px;flex:none;border-radius:14px;background:#695bd5;color:#fff;display:grid;place-items:center;font-weight:900}.ps-pupil-name{display:grid;gap:3px;min-width:0;flex:1}.ps-pupil-name strong{overflow:hidden;text-overflow:ellipsis}.ps-pupil-name small{color:#9db0cb}.ps-pupil-score{font-size:20px;font-weight:900;color:#89e6cf}.ps-flag{color:#ffd39a;background:#584634;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:900;white-space:nowrap}.ps-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 18px}.ps-metrics>div{background:#213755;border:1px solid #385473;border-radius:18px;padding:20px}.ps-metrics span{font-size:11px;letter-spacing:.1em;color:#a9c5d5;font-weight:900}.ps-metrics strong{display:block;font-size:42px;line-height:1.2;color:#fff}.ps-metrics strong small{font-size:21px;color:#aec0d8}.ps-metrics p{color:#a9b8d1;font-size:12px;margin:0}.ps-side{display:grid;gap:18px;align-content:start}.ps-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border-bottom:1px solid #354861;padding:8px 0 22px}.ps-levels>div{display:grid;grid-template-columns:10px 1fr;column-gap:7px;align-items:center}.ps-levels i{width:9px;height:9px;border-radius:50%}.ps-levels strong{font-size:25px}.ps-levels span{grid-column:1/3;color:#a9bad2;font-size:10px;line-height:1.2}.ps-skill-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0}.ps-tabs{display:flex;background:#283b58;border-radius:12px;padding:4px;gap:3px}.ps-tabs button{border:0;background:transparent;color:#afc1da;border-radius:9px;padding:8px 11px;font-weight:800;cursor:pointer}.ps-tabs button[aria-pressed=true]{background:#79dcc6;color:#142238}.ps-letter-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.ps-letter-grid button{background:#283b56;border:1px solid #405575;border-radius:13px;min-height:75px;color:#f3f8ff;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;cursor:pointer;padding:5px}.ps-letter-grid button:hover,.ps-letter-grid button[aria-pressed=true]{border-color:var(--level-color);background:#354f70}.ps-letter-grid button>span{font-size:37px;line-height:1.35}.ps-letter-grid button>.ps-mark-symbol{font-size:14px}.ps-letter-grid button small{font-size:10px}.ps-letter-grid button i{width:26px;height:4px;border-radius:9px;background:var(--level-color);position:absolute;bottom:8px}.ps-skill-detail{background:#263e5b;border:1px solid #426885;border-radius:16px;padding:16px;margin-top:17px}.ps-skill-detail>div{display:flex;align-items:center;gap:14px}.ps-skill-detail strong{font-size:42px}.ps-skill-detail span{font-weight:900}.ps-skill-detail p{color:#b9cce1;margin:5px 0}.ps-skill-detail small{color:#89ddc9}.ps-trend svg{width:100%;display:block}.ps-trend-range{display:flex;justify-content:space-between;color:#92a7c2;font-size:11px}.ps-empty-chart{color:#a9b8d1;padding:35px 0}.ps-alert{background:#513f35;border:1px solid #9a7252;border-radius:14px;padding:17px;margin:10px 0}.ps-alert strong{color:#ffce9a}.ps-alert p{color:#fff;margin:8px 0}.ps-alert span{color:#ffdfb4;line-height:1.5}.ps-inline-action{margin-top:10px;background:transparent;color:#91e9d4;padding-left:0}.ps-inline-action:hover{text-decoration:underline}@media(max-width:1050px){.ps-class-layout,.ps-student-layout{grid-template-columns:1fr}}@media(max-width:650px){.ps-header{align-items:start;flex-direction:column}.ps-metrics{grid-template-columns:1fr 1fr}.ps-metrics>div:last-child{grid-column:1/3}.ps-letter-grid{grid-template-columns:repeat(4,1fr)}.ps-levels{grid-template-columns:repeat(3,1fr);row-gap:12px}.ps-skill-toolbar{flex-direction:column;align-items:stretch}.ps-tabs button{flex:1}.ps-pupil-name small{font-size:11px}}.ps-need{grid-template-columns:minmax(75px,135px) 1fr 58px}.ps-need>span:not(.ps-need-arabic){font-size:12px;line-height:1.2}.ps-tabs{flex-wrap:wrap}.ps-letter-grid button>.ps-mark-symbol{font-size:33px;color:#ffbb85}.ps-letter-grid button>.ps-rule-symbol{font-size:11px;line-height:1.2;text-align:center;font-weight:900}.ps-letter-grid button small{line-height:1.1;text-align:center;color:#b8c8dd}