/*! tailwindcss v4.2.1 | 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:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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;-webkit-text-decoration:inherit;-webkit-text-decoration: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{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]){appearance:button}::file-selector-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{.visible{visibility:visible}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.contents{display:contents}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.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)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.site-beta{z-index:101;text-align:center;color:#fff8dc;background:linear-gradient(90deg,#7b4b10,#c69032,#7b4b10);border-bottom:1px solid #ffe29a;justify-content:center;align-items:center;gap:10px;min-height:34px;padding:6px 16px;font-size:12px;display:flex;position:relative}.site-beta b{letter-spacing:1px;background:#3c240c;border:1px solid #fff0bb;border-radius:999px;padding:2px 9px}.assistant-feature{background:radial-gradient(circle at 50% 12%,#8d6724,#075548 53%,#002b27)!important}.assistant-feature>b{color:#ffe38c;filter:drop-shadow(0 0 12px #ffd467)}.assistant-backdrop{background:radial-gradient(circle at 50% 10%,#806020bb,#001915f7);place-items:start center;padding:24px;overflow:auto}.assistant-panel{color:#fff7dc;background:radial-gradient(circle at 50% 0,#0a6658,#00352e 48%,#001d19);border:2px solid #e8bd62;border-radius:30px;width:min(1040px,94vw);min-height:720px;padding:38px;position:relative;box-shadow:0 30px 90px #000b,0 0 55px #e8bd6233}.assistant-close{color:#ffe29a;cursor:pointer;background:#003a34;border:1px solid #e8bd62;border-radius:50%;width:44px;height:44px;font-size:27px;position:absolute;top:18px;left:18px}.assistant-panel>header{text-align:center}.assistant-panel>header h2{margin:10px 0 5px;font-size:clamp(30px,5vw,52px)}.assistant-panel>header p{color:#c7ddd5;margin:0}.beta-chip{color:#fff0bd;background:#6a4214;border:1px solid #ffe39c;border-radius:999px;padding:5px 13px;font-size:11px;font-weight:900;display:inline-block}.beta-warning{color:#ffe5a7;background:#4c3218;border:1px solid #d9a74e;border-radius:14px;max-width:820px;margin:22px auto;padding:12px 18px;font-size:12px;line-height:1.7}.assistant-form{background:#002b27aa;border:1px solid #a77d3e;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:0 auto;padding:22px;display:grid}.assistant-form label span{color:#e8c46e;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.assistant-form select,.assistant-form textarea{color:#fff7da;background:#073e36;border:1px solid #9e773d;border-radius:10px;outline:0;width:100%;padding:11px}.assistant-form select:disabled{opacity:.45}.assistant-form option{background:#06372f}.assistant-question{grid-column:1/-1}.assistant-question textarea{resize:vertical;min-height:105px;line-height:1.7}.assistant-submit{color:#173a32;cursor:pointer;background:linear-gradient(#ffe092,#c78e35);border:0;border-radius:999px;grid-column:1/-1;justify-self:center;padding:11px 30px;font-weight:900}.assistant-submit:disabled{opacity:.45;cursor:not-allowed}.assistant-answer{gap:10px;max-width:900px;margin:18px auto 0;display:grid}.help-step{background:#043a33;border:1px solid #9e773d;border-radius:16px;padding:16px 19px}.help-step small{color:#e8c46e;font-weight:900}.help-step h3{margin:5px 0 7px}.help-step p{color:#cbe0d7;margin:0;line-height:1.8}.assistant-sources{gap:7px;display:grid}.assistant-sources a{color:#fff0c6;background:#002b27;border:1px solid #8f7140;border-radius:10px;justify-content:space-between;gap:12px;padding:10px 13px;text-decoration:none;display:flex}.assistant-sources a small{color:#bcd3c9}.help-actions{justify-content:center;gap:9px;display:flex}.help-actions button{color:#153830;cursor:pointer;background:#e2b45a;border:0;border-radius:999px;padding:10px 18px;font-weight:900}.help-actions .try-again{color:#ffe2a0;background:#06483e;border:1px solid #b98c45}@media (width<=680px){.site-beta{font-size:10px}.assistant-backdrop{padding:7px}.assistant-panel{border-radius:18px;width:98vw;min-height:96vh;padding:58px 13px 24px}.assistant-form{grid-template-columns:1fr;padding:15px}.assistant-question,.assistant-submit{grid-column:auto}.assistant-sources a{flex-direction:column;align-items:start}.help-actions{flex-wrap:wrap}}.question-kind{flex-wrap:wrap;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;margin-bottom:4px;display:flex}.question-kind>span{color:#e8c46e;font-size:11px;font-weight:900}.question-kind button{color:#dccb99;cursor:pointer;background:#073e36;border:1px solid #9e773d;border-radius:999px;padding:7px 12px}.question-kind button.active{color:#173830;background:#e2b45a;font-weight:900}.assistant-error{color:#ffe0d2;text-align:center;background:#55271f;border:1px solid #d4825e;border-radius:12px;max-width:900px;margin:12px auto;padding:12px}.route-label{color:#eac872;border:1px solid #d7aa54;border-radius:999px;justify-self:start;padding:5px 11px;font-size:11px;font-weight:900}.math-route h3{color:#173a32;text-align:center;background:#fff7df;border-radius:10px;padding:12px;font-size:28px}.math-route ol{color:#cbe0d7;margin:10px 0 0;padding-right:22px}.math-route li{padding:6px;line-height:1.7}.support-mail{color:#173830;background:#e2b45a;border-radius:9px;margin-top:12px;padding:9px 14px;font-weight:900;text-decoration:none;display:inline-block}.confidence-note{color:#ffe4a6;background:#49351d;border-right:3px solid #e2b45a;margin:2px 0;padding:10px 13px;font-size:11px;line-height:1.7}@media (width<=680px){.question-kind{grid-column:auto}.question-kind>span{text-align:center;width:100%}}.direct-lesson ol{color:#cbe0d7;margin:14px 0 0;padding-right:23px}.direct-lesson li{padding:6px;line-height:1.75}.lesson-examples{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin-top:12px;display:grid}.lesson-examples b{color:#fff0bd;text-align:center;background:#002b27;border:1px solid #a77d3e;border-radius:10px;padding:10px;font-size:14px}.teacher-response>div{white-space:pre-wrap;color:#e8f2ec;font-size:15px;line-height:1.95}.teacher-response{background:linear-gradient(145deg,#123f38,#092f2b);border-color:#d7aa54}.teacher-loading{position:relative;overflow:hidden}.teacher-loading:after{content:"";background:linear-gradient(90deg,#0000,#e7c56d,#0000);height:3px;animation:1.25s ease-in-out infinite teacher-progress;position:absolute;inset:auto 0 0}@keyframes teacher-progress{0%{transform:translate(100%)}to{transform:translate(-100%)}}.curriculum-badge{color:#f5d989;white-space:normal;background:#062b27;border:1px solid #d7aa5477;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:10px 12px;text-decoration:none;display:flex}.curriculum-badge span{font-size:12px;font-weight:900}.curriculum-badge b{color:#c7ded5;text-align:left;font-size:11px}.guided-choice>span,.quick-followups>span{color:#efd17c;margin-bottom:9px;font-size:12px;font-weight:900;display:block}.guided-choice>div,.quick-followups{flex-wrap:wrap;gap:8px;display:flex}.guided-choice button,.quick-followups button{color:#e6d7a9;cursor:pointer;background:#103e37;border:1px solid #b28a45;border-radius:999px;padding:9px 13px;font-weight:800}.guided-choice button.active,.guided-choice button:hover,.quick-followups button:hover{color:#12362f;background:#dfb457}.quick-followups{border-top:1px solid #d7aa5444;margin-top:20px;padding-top:16px;white-space:normal!important}.quick-followups>span{width:100%}.quick-followups button:disabled{opacity:.55;cursor:wait}.learning-snapshot{background:#062b27;border:1px solid #9e773d77;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:9px;max-width:900px;margin:12px auto;padding:12px;display:grid}.learning-snapshot div{text-align:center;background:#0e3b34;border-radius:11px;padding:10px}.learning-snapshot small{color:#bcd4ca;font-size:10px;display:block}.learning-snapshot b{color:#f1d27d;margin-top:5px;font-size:18px;display:block}.learning-snapshot p{color:#9fbcb2;text-align:center;grid-column:1/-1;margin:1px 0 0;font-size:10px}@media (width<=600px){.learning-snapshot{grid-template-columns:1fr 1fr}.learning-snapshot div:last-of-type{grid-column:1/-1}}.teacher-thinking{box-shadow:inset 0 1px #e3bd6844,0 24px 55px #001a1777;background:radial-gradient(circle at 75% 15%,#1b6255 0,#0000 34%),linear-gradient(145deg,#123e38,#061f1d)!important;padding:22px!important}.thinking-head{align-items:center;gap:18px;margin-bottom:20px;display:flex}.thinking-head h3{color:#fff0bd;margin:4px 0;font-size:22px}.thinking-head p{color:#bcd4ca;margin:0}.teacher-orb{background:radial-gradient(circle at 35% 28%,#fff1b7,#d7a84e 14%,#0e6b5a 38%,#021b19 72%);border-radius:50%;flex:0 0 82px;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:0 0 35px #e7bd5c55,inset 0 0 18px #fff6c977}.teacher-orb b{z-index:2;color:#fff5cf;text-shadow:0 2px 9px #001;font-size:27px}.teacher-orb i{border:1px solid #e9c66e88;border-radius:50%;animation:4s linear infinite orb-spin;position:absolute;inset:-7px}.teacher-orb i:nth-child(2){animation-duration:6s;inset:-14px 5px}.teacher-orb i:nth-child(3){animation-duration:5s;inset:8px -13px}.teacher-orb i:after{content:"";background:#ffe59b;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:8px;box-shadow:0 0 10px #ffe59b}@keyframes orb-spin{to{transform:rotate(360deg)}}.thinking-track{gap:8px;display:grid}.thinking-stage{color:#a8c4ba;background:#001e1b66;border:1px solid #ad8b4955;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:43px;padding:8px 10px;display:grid}.thinking-stage span{border:1px solid #a78a52;border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.thinking-stage.active{color:#fff1bd;background:#174d43;border-color:#e4bd63;box-shadow:0 0 20px #dbae4f22}.thinking-stage.done{color:#bce1d4}.thinking-stage.done span{color:#fff;background:#176c59;border-color:#53b797}.thinking-stage em{color:#e9c76f;font-size:11px;font-style:normal}.thinking-pulse{background:#002a26;border-radius:99px;height:4px;margin-top:18px;overflow:hidden}.thinking-pulse span{background:linear-gradient(90deg,#b98a39,#fff0ad,#47b99d);border-radius:99px;height:100%;display:block}.answer-seal{border-bottom:1px solid #d7aa5444;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;white-space:normal!important;display:flex!important}.answer-seal span{color:#06362f;background:#dcb158;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid}.answer-seal b{color:#cae1d7;margin-top:3px;font-size:12px;display:block}@media (width<=600px){.teacher-thinking{padding:16px!important}.thinking-head{align-items:flex-start}.teacher-orb{flex-basis:62px;width:62px;height:62px}.thinking-stage{grid-template-columns:28px 1fr}.thinking-stage em{display:none}}.math-classroom{background:#2b1b10;border:1px solid #b88b43;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #001d1988}.board-top{color:#26160d;background:linear-gradient(#d5a45d,#9a6935);align-items:center;gap:12px;padding:11px 16px;display:flex}.board-top span,.board-top em{color:#ffe8b0;background:#2e1c12;border-radius:99px;padding:4px 9px;font-size:10px;font-style:normal}.board-top b{flex:1;font-size:14px}.math-board{color:#f7f0d2;background-color:#123a31;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px),radial-gradient(circle at 80% 10%,#2d6c5b,#123a31 45%,#0b2b25);background-size:28px 28px;min-height:270px;padding:24px;position:relative;box-shadow:inset 0 0 35px #001f1b}.math-board:before{content:"";pointer-events:none;border:1px solid #fff3c41a;position:absolute;inset:7px}.math-board>small{color:#efd27e}.board-question{color:#fff4c9;text-align:left;background:#071f1cb8;border-right:4px solid #e6bc64;margin:12px 0 20px;padding:13px 17px;font-family:Consolas,monospace;font-size:20px}.chalk-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.chalk-steps li{color:#e7f1df;grid-template-columns:30px 1fr;align-items:start;gap:9px;font-family:Segoe Print,Comic Sans MS,sans-serif;line-height:1.8;display:grid}.chalk-steps span{color:#f5d987;border:1px solid #d5bb73;border-radius:50%;place-items:center;width:25px;height:25px;font:700 12px sans-serif;display:grid}.board-answer{color:#fff1aa;text-align:center;background:#071f1cbf;border:2px solid #e9cb79;border-radius:12px;margin:20px auto 4px;padding:12px 18px;font:700 23px Consolas,monospace}.board-tray{background:#78552e;grid-template-columns:1fr 1fr;gap:1px;display:grid}.board-tray>div{color:#eadfc3;background:#2b1d13;padding:14px 18px}.board-tray small{color:#e8bf6c;font-weight:900}.board-tray p{margin:6px 0 0;line-height:1.6}.advanced-board p{color:#eff1d8;margin:0;padding:8px 36px 8px 8px;font-family:Segoe Print,Comic Sans MS,sans-serif;line-height:1.85;position:relative}.advanced-board p:before{content:"✦";color:#e5c36e;position:absolute;right:8px}.board-wait{text-align:center;align-content:center;place-items:center;display:grid}.chalk-loader{gap:8px;display:flex}.chalk-loader i{background:#f5e5aa;border-radius:3px;width:10px;height:38px;animation:1s ease-in-out infinite chalk-bounce;transform:rotate(12deg)}.chalk-loader i:nth-child(2){background:#8ad7c4;animation-delay:.15s}.chalk-loader i:nth-child(3){background:#e7b86b;animation-delay:.3s}@keyframes chalk-bounce{50%{transform:translateY(-12px)rotate(12deg)}}@media (width<=600px){.board-top em{display:none}.math-board{padding:17px}.board-tray{grid-template-columns:1fr}.board-question{font-size:16px}}.calculator-backdrop{background:radial-gradient(circle at 50% 5%,#0c6a61ee,#001713f7);place-items:start center;padding:24px;overflow:auto}.calculator{color:#fff7dd;text-align:center;background:radial-gradient(circle at 50% 0,#0b6258,#00372f 48%,#001e1a);border:2px solid #e8bd62;border-radius:30px;width:min(960px,96vw);min-height:660px;padding:38px;position:relative;box-shadow:0 35px 100px #000b,0 0 55px #e4bd5d22}.calculator-close{color:#ffe29a;cursor:pointer;background:#00382f;border:1px solid #e8bd62;border-radius:50%;width:44px;height:44px;font-size:27px;position:absolute;top:18px;left:18px}.calculator header>span{color:#eac56f;font-weight:900}.calculator h2{margin:8px 0;font-size:clamp(34px,6vw,58px)}.calculator header p{color:#c7ddd5;margin:0;font-size:16px}.calculator>aside{color:#ffe3a1;background:#4b3218;border:1px solid #b98a42;border-radius:12px;max-width:600px;margin:20px auto;padding:10px 15px;font-size:12px}.calculator>aside b{color:#fff;margin-left:8px}.calculator-examples{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:22px 0 12px;display:flex}.calculator-examples small{color:#d8c38d}.calculator-examples button{color:#ffe3a1;cursor:pointer;background:#06483e;border:1px solid #b98a42;border-radius:999px;padding:8px 12px}.calculator-examples button:hover{background:#0a6353}.calculator-levels{grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0 10px;display:grid}.calculator-levels button{color:#ffe1a0;cursor:pointer;background:#00362f;border:1px solid #b98a42;border-radius:14px;padding:13px 8px}.calculator-levels b,.calculator-levels small{display:block}.calculator-levels small{color:#bcd2c8;margin-top:4px;font-size:10px}.calculator-levels button.active{color:#12372f;background:linear-gradient(#ffe09a,#c99036);box-shadow:0 0 22px #e8bd6255}.calculator-levels button.active small{color:#365047}.level-description{color:#c9dbd3;flex-wrap:wrap;justify-content:center;gap:9px;font-size:12px;display:flex}.level-description b{color:#f1cb74}.calculator-route{text-align:right;background:#002a26;border:1px solid #c7994d;border-radius:16px;margin:17px 0 10px;padding:14px 16px}.calculator-route>b{color:#f3cf79}.calculator-route ol{grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0 0;padding:0;list-style:none;display:grid}.calculator-route li{color:#dcebe5;background:#063e36;border:1px solid #ffffff18;border-radius:10px;align-items:center;gap:7px;padding:8px;font-size:11px;display:flex}.calculator-route li span{color:#15372f;background:#e5b85f;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.level-description{background:#0a4e43;border-radius:10px;max-width:720px;margin:10px auto 0;padding:9px 12px}.level-description span{color:#c9dbd3}.calculator-keypad{grid-template-columns:repeat(6,1fr);gap:6px;max-width:560px;margin:13px auto;display:grid}.calculator-keypad button{color:#ffe4a2;cursor:pointer;background:#06463c;border:1px solid #9f793e;border-radius:9px;min-height:39px;font-weight:900}.calculator-keypad button:hover{background:#0a6353}.calculator-keypad .key-clear{color:#ffe1a0;background:#5b321b}.calculator-tools{justify-content:center;gap:8px;margin:12px 0;display:flex}.calculator-tools button{color:#d9c689;cursor:pointer;background:#002a26;border:1px solid #a77d3d;border-radius:999px;padding:9px 20px}.calculator-tools button.active{color:#15382f;background:#e1b65e;font-weight:900}.geometry-tool{background:#002a26;border:1px solid #9d763b;border-radius:17px;margin:18px 0;padding:20px}.shape-picker{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.shape-picker button{color:#ffe2a0;background:#06483e;border:1px solid #a77d3d;border-radius:10px;padding:11px}.shape-picker button.active{color:#17382f;background:#e2b75f;font-weight:900}.measurement-fields{justify-content:center;gap:12px;margin:20px 0;display:flex}.measurement-fields label{color:#e8c878;gap:5px;display:grid}.measurement-fields input{color:#183b33;text-align:center;background:#fff8e7;border:2px solid #d9a94e;border-radius:10px;width:160px;padding:12px;font-size:20px}.geometry-solve{color:#15382f;background:linear-gradient(#ffe09a,#c99036);border:0;border-radius:12px;padding:12px 28px;font-weight:900}.systems-tool,.graph-tool{background:#002a26;border:1px solid #9d763b;border-radius:17px;margin:18px 0;padding:20px}.systems-tool{gap:10px;display:grid}.systems-tool p{color:#e9ca7d;margin:0}.systems-tool input,.graph-tool input{color:#173a32;text-align:left;background:#fff8e7;border:2px solid #d9aa50;border-radius:10px;padding:13px;font-size:20px}.systems-tool button{color:#15382f;background:#e2b75f;border:0;border-radius:10px;padding:12px;font-weight:900}.graph-tool>label{color:#f0cb73;justify-content:center;align-items:center;gap:9px;font-size:23px;font-weight:900;display:flex}.graph-frame{background:#fffaf0;border:1px solid #b88942;border-radius:14px;max-width:570px;margin:15px auto;overflow:hidden}.graph-frame svg{width:100%;height:auto;display:block}.graph-frame .grid path{stroke:#d8ddda;stroke-width:.7px}.graph-frame .axis{stroke:#36564f;stroke-width:2px}.graph-frame polyline{fill:none;stroke:#c17e18;stroke-width:4px;stroke-linejoin:round}.graph-tool p{color:#bcd3ca;font-size:11px}.graph-frame .graph-marker circle{fill:#f1bd52;stroke:#173b32;stroke-width:3px}.graph-frame .graph-marker text{fill:#173b32;font-size:12px;font-weight:800}.graph-explanation{text-align:right;background:linear-gradient(145deg,#0d3a32,#062822);border:1px solid #c3984d;border-radius:18px;margin-top:20px;padding:22px}.graph-explanation header{border-bottom:1px solid #ffffff17;padding-bottom:14px}.graph-explanation header span{color:#e9c66d;font-size:11px;font-weight:900}.graph-explanation header h3{color:#fff1bd;margin:5px 0;font-size:25px}.graph-explanation header p{color:#c6dbd2;margin:0;font-size:13px;line-height:1.7}.graph-explanation ol{gap:9px;margin:17px 0;padding:0;list-style:none;display:grid}.graph-explanation li{background:#001d1a66;border:1px solid #9c7b404f;border-radius:12px;grid-template-columns:34px 1fr;gap:10px;padding:11px;display:grid}.graph-explanation li>span{color:#17372f;background:#d4a64d;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.graph-explanation li b{color:#efd17d}.graph-explanation li p{color:#d7e5df;margin:4px 0 0;font-size:13px;line-height:1.75}.graph-table{background:#00231f;border:1px solid #a88244;border-radius:13px;margin-top:17px;padding:13px;overflow:auto}.graph-table h4{color:#e8c56f;margin:0 0 10px}.graph-table>div{grid-template-columns:55px repeat(5,minmax(62px,1fr));min-width:410px;display:grid}.graph-table b,.graph-table span{text-align:center;border:1px solid #ffffff19;padding:9px}.graph-table b{color:#17372f;background:#d3a64f}.graph-table span{color:#f4e9c6}.graph-explanation>aside{background:#063f36;border-right:4px solid #53b99c;margin-top:14px;padding:12px}.graph-explanation>aside b{color:#8fe0c7}.graph-explanation>aside p{color:#d3e8df;margin:5px 0 0;font-size:13px}@media (width<=650px){.graph-explanation{padding:14px}.graph-explanation header h3{font-size:21px}}.calculator-entry{gap:10px;display:flex}.calculator-entry input{color:#163a32;text-align:left;background:#fff9e9;border:2px solid #e1b45b;border-radius:16px;outline:none;flex:1;min-width:0;padding:16px 20px;font-size:24px;font-weight:800}.calculator-entry input:focus{box-shadow:0 0 0 4px #e8bd6233}.calculator-entry button{color:#12372f;cursor:pointer;background:linear-gradient(#ffe09a,#c99036);border:0;border-radius:16px;padding:12px 24px;font-weight:900}.calculator-help{color:#bcd3ca;font-size:11px}.calculator-error{color:#ffe4da;background:#5b241d;border:1px solid #df8b6b;border-radius:12px;margin:18px 0;padding:14px}.calculator-result{text-align:right;background:#002b26;border:1px solid #c59549;border-radius:20px;margin-top:22px;padding:24px}.calculator-result>span{color:#e6bf68;font-weight:900;display:block}.calculator-result>strong{text-align:center;color:#153b33;background:#fff7df;border-radius:13px;margin:9px 0 20px;padding:16px;font-size:clamp(27px,5vw,42px);display:block}.calculator-result h3{color:#f2d17e;margin:0 0 12px}.calculator-result ol{margin:0;padding-right:23px}.calculator-result li{border-bottom:1px solid #ffffff12;padding:8px 5px;line-height:1.7}.calculator-result li::marker{color:#e8bd62;font-weight:900}.solution-extra{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.solution-extra section{background:#064239;border:1px solid #98723b;border-radius:12px;padding:13px}.solution-extra b{color:#f0ca71}.solution-extra p{color:#cce0d7;margin:7px 0 0;line-height:1.6}@media (width<=650px){.calculator-backdrop{padding:7px}.calculator{border-radius:20px;min-height:96vh;padding:62px 15px 25px}.calculator-levels,.calculator-route ol{grid-template-columns:1fr 1fr}.calculator-tools{grid-template-columns:1fr 1fr;display:grid}.calculator-tools button{padding:9px}.calculator-entry{flex-direction:column}.calculator-entry input{font-size:20px}.calculator-entry button{padding:14px}.calculator-keypad{grid-template-columns:repeat(4,1fr)}.shape-picker{grid-template-columns:1fr 1fr}.measurement-fields{flex-direction:column}.measurement-fields input{width:100%}.calculator-result{padding:17px}.calculator-examples small{width:100%}.solution-extra{grid-template-columns:1fr}}.teacher-showcase{text-align:right;align-content:stretch}.teacher-preview-head{grid-template-columns:132px 1fr;align-items:center;gap:16px;display:grid;position:relative}.teacher-preview-orb{background:radial-gradient(circle at 35% 30%,#1f8b74,#00443a 56%,#001f1b);border:1px solid #f1ce7d;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative;box-shadow:0 0 34px #e6bd6260}.teacher-preview-orb:before,.teacher-preview-orb:after{content:"";border:1px solid #e6bd6280;border-radius:50%;animation:8s linear infinite teacher-room-orbit;position:absolute;inset:-8px}.teacher-preview-orb:after{border-style:dashed;animation-duration:13s;animation-direction:reverse;inset:-15px}.teacher-preview-orb b{color:#ffe29b;font-size:31px}.teacher-preview-logo{object-fit:contain;background:#003d34;border:1px solid #f1ce7d;border-radius:14px;width:128px;height:72px;box-shadow:0 0 0 4px #0a4a3f,0 0 28px #e6bd6260}.teacher-preview-head>div:last-child>span{color:#9de5c8;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.teacher-preview-head span i,.teacher-live i{background:#62e8ae;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite teacher-live-pulse;box-shadow:0 0 12px #62e8ae}.teacher-preview-head h2{color:#fff1c8;margin:5px 0 3px;font-size:23px}.teacher-preview-head p{color:#bcd2c9;margin:0;font-size:11px;line-height:1.6}.teacher-preview-dialog,.teacher-preview-answer{border-radius:14px;margin-top:16px;padding:12px 14px;position:relative}.teacher-preview-dialog{background:#082f2b;border:1px solid #719f8d55;margin-right:36px}.teacher-preview-answer{background:linear-gradient(135deg,#0b4a3f,#05332e);border:1px solid #d8ad5570;margin-left:22px}.teacher-preview-dialog span,.teacher-preview-answer span{color:#e8c66f;font-size:9px;font-weight:900}.teacher-preview-dialog p,.teacher-preview-answer p{color:#e7f0e9;margin:4px 0 0;font-size:12px;line-height:1.65}.teacher-preview-answer>div{align-items:center;gap:6px;margin-top:10px;display:flex}.teacher-preview-answer>div b{color:#f3d68b;border:1px solid #e5bc64;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.teacher-preview-answer>div i{background:linear-gradient(90deg,#e5bc64,#e5bc6420);flex:1;height:1px}.teacher-preview-cta{color:#15382f;cursor:pointer;background:linear-gradient(135deg,#f1d184,#c9913b);border:1px solid #f1d184;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:12px 16px;font-weight:900;display:flex;position:relative}.teacher-preview-cta span{font-size:19px}.assistant-panel{width:min(1240px,96vw)}.teacher-room-head{grid-template-columns:90px 1fr auto;align-items:center;gap:20px;max-width:1120px;margin:0 auto;position:relative;text-align:right!important;display:grid!important}.teacher-room-head h2{font-size:clamp(28px,4vw,46px)!important}.teacher-room-head nav{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.teacher-room-head nav span{color:#e8d399;background:#063d35;border:1px solid #bd914866;border-radius:999px;padding:5px 9px;font-size:10px}.teacher-room-head nav b{color:#d6aa55}.teacher-room-orb{background:radial-gradient(circle at 35% 30%,#15816c,#00453a 58%,#001f1a);border:1px solid #eac873;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:relative;box-shadow:0 0 36px #efc66d4c}.teacher-room-orb:before,.teacher-room-orb:after{content:"";border:1px solid #e8c26770;border-radius:50%;animation:9s linear infinite teacher-room-orbit;position:absolute;inset:-7px}.teacher-room-orb:after{border-style:dashed;animation-duration:15s;animation-direction:reverse;inset:-15px}.teacher-room-orb b{color:#ffe29b;font-size:36px}.teacher-live{color:#9ce5c8;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.teacher-live i{display:block}.teacher-room-head>.beta-chip{justify-self:end}.beta-warning{max-width:1120px;margin:22px auto 14px;padding:10px 18px;font-size:11px}.teacher-workspace{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:14px;max-width:1120px;margin:0 auto;display:grid}.teacher-workspace .assistant-form{max-width:none;margin:0}.teacher-workspace .learning-snapshot{grid-template-columns:1fr 1fr;align-content:start;max-width:none;margin:0}.learning-snapshot h3{color:#f1d27d;grid-column:1/-1;margin:2px 0 5px;font-size:16px}.teacher-workspace+.assistant-error,.teacher-workspace~.assistant-answer{max-width:1120px}.feedback-notice{color:#bdf1d9;background:#0e5a49;border-radius:9px;width:100%;padding:8px 11px;font-size:11px}@keyframes teacher-room-orbit{to{transform:rotate(360deg)}}@keyframes teacher-live-pulse{50%{opacity:.4;transform:scale(.75)}}@media (width<=860px){.teacher-workspace{grid-template-columns:1fr}.teacher-room-head{grid-template-columns:70px 1fr}.teacher-room-orb{width:64px;height:64px}.teacher-room-head>.beta-chip{grid-column:1/-1;justify-self:center}.teacher-room-head nav{display:none}}@media (width<=680px){.teacher-room-head{grid-template-columns:54px 1fr;gap:12px}.teacher-room-orb{width:50px;height:50px}.teacher-room-orb b{font-size:24px}.teacher-room-head h2{font-size:25px!important}.teacher-room-head p{font-size:11px}.teacher-preview-head{grid-template-columns:104px 1fr}.teacher-preview-orb{width:58px;height:58px}.teacher-preview-logo{width:100px;height:58px}.teacher-preview-head h2{font-size:19px}.teacher-preview-dialog{margin-right:10px}.teacher-preview-answer{margin-left:7px}.assistant-backdrop{overflow-x:hidden}.assistant-panel{width:100%;max-width:calc(100vw - 14px)}}.assistant-backdrop{background:#eef5fbd9}.assistant-panel{color:#0b1b4d;background:#fff;border-color:#c9d9eb;box-shadow:0 30px 90px #0b1b4d30}.teacher-room-head{border-bottom-color:#dbe6f2}.teacher-room-orb{background:linear-gradient(145deg,#e8fbfd,#dff0ff);border-color:#8fd6e0;box-shadow:0 0 0 7px #eaf5ff}.teacher-room-orb:before{border-color:#0b74e533}.teacher-room-orb b{color:#0b74e5}.teacher-room-head h2,.teacher-room-head strong{color:#0b1b4d}.teacher-room-head p,.teacher-room-head span{color:#65728a}.teacher-room-head nav span{color:#476079;background:#f7fbff;border-color:#d5e2ef}.teacher-room-head .beta-chip{color:#9a6412;background:#fff7e8;border-color:#f1c47b}.assistant-close{color:#65728a;background:#fff;border-color:#ccd9e7}.teacher-trust-note{color:#7d5719;background:#fff8ea;border-color:#f1c77f}.teacher-workspace>section,.teacher-workspace>aside{background:#fff;border-color:#dce6f0}.teacher-workspace label,.teacher-workspace h3{color:#0b1b4d}.teacher-workspace select,.teacher-workspace textarea{color:#0b1b4d;background:#f9fcff;border-color:#ccdbea}.teacher-help-types button,.teacher-attempts button,.teacher-depth button{color:#344763;background:#fff;border-color:#c8d9eb}.teacher-help-types button.active,.teacher-attempts button.active,.teacher-depth button.active{color:#0b4f9a;background:#e9f4ff;border-color:#0b74e5}.assistant-submit{color:#fff;background:#0b74e5;box-shadow:0 10px 22px #0b74e52b}.teacher-progress-card{background:#f8fbff;border-color:#d9e5f0}.teacher-progress-card b{color:#0b74e5}.feedback-notice{color:#15724f;background:#e9f8f2}.teacher-image-upload{background:#f7fbff;border:1px dashed #b8cde2;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.teacher-image-upload input{display:none}.teacher-image-upload label span{color:#0b4f9a;cursor:pointer;background:#e9f4ff;border-radius:9px;padding:8px 12px;font-weight:800;display:inline-block}.teacher-image-upload>div{align-items:center;gap:8px;min-width:0;display:flex}.teacher-image-upload b{text-overflow:ellipsis;white-space:nowrap;color:#344763;max-width:170px;font-size:11px;overflow:hidden}.teacher-image-upload button,.clear-teacher-memory{color:#52647c;cursor:pointer;background:#fff;border:1px solid #cad9e8;border-radius:8px;padding:7px 9px}.clear-teacher-memory{grid-column:1/-1;font-size:11px}@media (width<=680px){.teacher-image-upload{flex-direction:column;align-items:stretch}.teacher-image-upload label span{text-align:center;width:100%}}.student-profile-bar{background:#f8fbff;border:1px solid #d7e4f0;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;max-width:1120px;margin:14px auto 0;padding:10px 14px;display:grid}.student-profile-bar>div{align-items:center;gap:7px;display:flex}.student-profile-bar span{color:#0b1b4d;font-size:12px;font-weight:900}.student-profile-bar select,.student-profile-bar input{color:#253854;background:#fff;border:1px solid #cbdbea;border-radius:9px;min-height:36px;padding:7px 10px}.student-profile-bar button{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:9px;min-height:36px;padding:7px 12px;font-weight:800}.student-profile-bar button:disabled{opacity:.45;cursor:not-allowed}.student-profile-bar small{color:#6c7a91;justify-self:end;font-size:10px}@media (width<=680px){.student-profile-bar{grid-template-columns:1fr;margin-top:10px}.student-profile-bar>div{width:100%}.student-profile-bar select,.student-profile-bar input{flex:1;min-width:0}.student-profile-bar small{justify-self:stretch}}.student-sync-panel{background:#fff;border:1px solid #dce6f0;border-radius:12px;max-width:1120px;margin:8px auto 0;padding:10px 14px}.student-sync-panel summary{color:#0b4f9a;cursor:pointer;font-size:12px;font-weight:900}.student-sync-panel p{color:#68778d;margin:8px 0;font-size:10px}.student-sync-panel>div{flex-wrap:wrap;gap:8px;display:flex}.student-sync-panel input{border:1px solid #cbdbea;border-radius:9px;min-width:240px;min-height:36px;padding:7px 10px}.student-sync-panel button{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:9px;min-height:36px;padding:7px 12px;font-weight:800}.student-sync-panel code{color:#163f70;letter-spacing:1px;background:#eef6ff;border-radius:8px;margin-top:9px;padding:8px 10px;display:inline-block}.student-sync-panel>b{color:#15724f;margin-top:8px;font-size:11px;display:block}@media (width<=680px){.student-sync-panel input{width:100%;min-width:0}.student-sync-panel button{flex:1}}.guided-choice{background:#f8fbff;border:1px solid #d5e3f0;border-radius:12px;grid-column:1/-1;padding:12px 13px}.guided-choice>span{color:#0b1b4d;font-size:13px;font-weight:900;display:block}.guided-choice>small{color:#68778d;margin-top:3px;font-size:11px;display:block}.guided-choice>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.guided-choice button{color:#344763;cursor:pointer;background:#fff;border:1px solid #c8d9eb;border-radius:9px;min-height:38px;padding:8px 16px;font-weight:800}.guided-choice button.active{color:#0b4f9a;background:#e9f4ff;border-color:#0b74e5;box-shadow:0 0 0 2px #d8edff}.explanation-language-choice{background:linear-gradient(135deg,#f4faff,#eef7ff);border-color:#98c5f0}.explanation-language-choice>span:before{content:"◉";color:#0b74e5;margin-left:7px}.explanation-language-choice button{min-width:118px}.explanation-language-choice button.active:after{content:" ✓"}@media (width<=680px){.guided-choice>div{grid-template-columns:1fr 1fr;display:grid}.guided-choice button{width:100%}}.learning-plan{color:#0b1b4d;text-align:right;background:#f8fbff;border:1px solid #d8e4f0;border-radius:28px;width:min(1040px,96vw);max-height:94dvh;padding:34px;position:relative;overflow:auto;box-shadow:0 30px 90px #07143666}.plan-close{color:#0b1b4d;cursor:pointer;background:#fff;border:1px solid #d4e0ed;border-radius:50%;width:42px;height:42px;font-size:25px;position:absolute;top:18px;left:18px}.learning-plan>header{padding-left:52px}.learning-plan>header span{color:#0b74e5;font-size:12px;font-weight:900}.learning-plan>header h2{margin:5px 0 8px;font-size:clamp(30px,4vw,46px)}.learning-plan>header p{color:#63718a;margin:0;line-height:1.8}.plan-picker{gap:14px;margin-top:24px;display:grid}.plan-picker fieldset{background:#fff;border:1px solid #dce6f0;border-radius:17px;margin:0;padding:15px}.plan-picker legend{color:#40506e;padding:0 8px;font-size:12px;font-weight:900}.plan-stage-grid,.plan-choice-row,.plan-subject-grid,.plan-skill-grid{flex-wrap:wrap;gap:8px;display:flex}.plan-picker button{color:#243454;cursor:pointer;background:#fff;border:1px solid #d6e1ed;border-radius:11px;min-height:42px;padding:9px 14px;font-weight:800}.plan-picker button:hover,.plan-picker button.active{color:#075caf;background:#eaf4ff;border-color:#0b74e5}.plan-subject-grid button{align-items:center;gap:8px;display:flex}.plan-subject-grid b{color:#078c98;background:#e8f7f8;border-radius:8px;place-items:center;min-width:31px;height:31px;display:grid}.curriculum-outcome{color:#123f3b;background:linear-gradient(135deg,#effcf8,#fff);border:1px solid #b7dfd4;border-radius:20px;margin-top:18px;padding:18px 20px}.curriculum-outcome>span{color:#007a72;font-size:11px;font-weight:900}.curriculum-outcome h3{margin:5px 0 9px;font-size:21px}.curriculum-outcome ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.curriculum-outcome li{background:#dff5ef;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.curriculum-outcome p{color:#41615e;margin:13px 0 0;font-size:12px;line-height:1.75}.weekly-plan{color:#fff;background:linear-gradient(135deg,#0b1b4d,#103675);border-radius:20px;margin-top:18px;padding:20px}.weekly-plan-title span{color:#8bdde2;font-size:11px;font-weight:900}.weekly-plan-title h3{margin:5px 0;font-size:22px}.weekly-plan-title p{color:#c8d5e9;margin:0;font-size:12px}.weekly-plan ol{counter-reset:plan;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.weekly-plan li{counter-increment:plan;background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;min-height:108px;padding:16px 48px 14px 14px;position:relative}.weekly-plan li:before{content:counter(plan);color:#fff;background:#12aeb8;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:900;display:grid;position:absolute;top:15px;right:14px}.weekly-plan li b,.weekly-plan li span,.weekly-plan li em{display:block}.weekly-plan li span{color:#d5dfed;margin:6px 0;font-size:11px;line-height:1.6}.weekly-plan li em{color:#f4c965;font-size:10px;font-style:normal}.plan-actions{flex-wrap:wrap;gap:8px;display:flex}.plan-actions button{color:#0b1b4d;cursor:pointer;background:#fff;border:1px solid #5d81b1;border-radius:11px;min-height:44px;padding:10px 16px;font-weight:900}.plan-actions button:first-child{background:#f3bd4d;border-color:#f3bd4d}.plan-actions button:last-child{color:#fff;background:#0b74e5;border-color:#0b74e5}.interactive-start{color:#fff!important;background:#12aeb8!important;border-color:#12aeb8!important}.interactive-practice{color:#0b1b4d;text-align:right;background:#f8fbff;border-radius:28px;width:min(820px,96vw);padding:34px;position:relative;box-shadow:0 30px 90px #07143666}.interactive-practice header{padding-left:50px}.interactive-practice header span{color:#007a72;font-size:12px;font-weight:900}.interactive-practice h2{margin:6px 0;font-size:32px}.interactive-practice header p{color:#62708a;margin:0;line-height:1.8}.practice-progress{background:#dfeaf6;border-radius:99px;height:8px;margin:26px 0 8px;overflow:hidden}.practice-progress i{border-radius:inherit;background:linear-gradient(90deg,#12aeb8,#0b74e5);height:100%;transition:width .25s;display:block}.interactive-practice>small{color:#687996;font-weight:800}.practice-question{background:#fff;border:1px solid #d8e5ef;border-radius:20px;margin-top:14px;padding:24px}.practice-question>div{gap:9px;display:grid}.practice-question button{color:#20385d;font:inherit;text-align:right;cursor:pointer;background:#fff;border:1px solid #cddceb;border-radius:12px;padding:13px 15px;font-weight:800}.practice-question button:hover{background:#eef7ff;border-color:#0b74e5}.practice-question button.correct{color:#167244;background:#e9f9ef;border-color:#2da66d}.practice-question button.wrong{color:#b32c3e;background:#fff0f1;border-color:#df5966}.practice-question p{border-radius:12px;margin:16px 0 0;padding:12px;font-size:14px;line-height:1.7}.practice-question p.good{color:#17653e;background:#e9f9ef}.practice-question p.retry{color:#8b5e17;background:#fff7e9}.practice-footer{background:#eaf4ff;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px 16px;display:flex}.practice-footer p{color:#344c70;margin:0;font-size:13px;line-height:1.6}.practice-footer button,.practice-result button{color:#fff;cursor:pointer;white-space:nowrap;background:#0b74e5;border:0;border-radius:11px;padding:11px 16px;font-weight:900}.practice-footer button:disabled{opacity:.45;cursor:not-allowed}.practice-result{color:#fff;text-align:center;background:linear-gradient(135deg,#0b1b4d,#10417c);border-radius:22px;margin-top:24px;padding:34px}.practice-result>span{color:#0b1b4d;background:#f3bd4d;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;font-size:38px;display:grid}.practice-result h3{margin:14px 0 4px;font-size:28px}.practice-result strong{color:#8bdde2;font-size:38px}.practice-result p{color:#d5e2f5;max-width:520px;margin:14px auto;line-height:1.8}.practice-result div{justify-content:center;gap:9px;display:flex}.practice-result button:first-child{color:#0b1b4d;background:#f3bd4d}.practice-result button:last-child{color:#0b1b4d;background:#fff}@media (width<=680px){.learning-plan{border-radius:0;width:100vw;min-height:100dvh;max-height:100dvh;padding:62px 14px 22px}.learning-plan>header h2{font-size:31px}.plan-stage-grid{grid-template-columns:1fr 1fr;display:grid}.plan-stage-grid button{padding:8px 5px;font-size:11px}.plan-choice-row button,.plan-skill-grid button{font-size:11px}.plan-subject-grid{grid-template-columns:1fr 1fr;display:grid}.plan-subject-grid button{padding:7px;font-size:11px}.weekly-plan ol{grid-template-columns:1fr}.weekly-plan li{min-height:82px}.plan-actions{display:grid}.plan-actions button{width:100%}.interactive-practice{border-radius:0;width:100vw;min-height:100dvh;padding:62px 14px 24px}.interactive-practice h2{font-size:27px}.practice-question{padding:18px}.practice-footer{display:grid}.practice-footer button{width:100%}}.classroom-pilot{color:#15284d;text-align:right;background:#fff;border:1px solid #dbe7f2;border-radius:24px;width:min(790px,100vw - 26px);max-height:min(800px,100vh - 30px);padding:28px;position:relative;overflow:auto;box-shadow:0 26px 70px #0b1b4d3b}.classroom-pilot header span{color:#0b74e5;font-size:12px;font-weight:900}.classroom-pilot h2{margin:5px 0;font-size:30px}.classroom-pilot header p{color:#647089;margin:0}.classroom-close{color:#47617d;cursor:pointer;background:#eff5fb;border:0;border-radius:50%;width:34px;height:34px;font-size:25px;position:absolute;top:17px;left:18px}.pilot-privacy{color:#765626;background:#fffaf0;border:1px solid #f0d9a6;border-radius:14px;gap:4px;margin:18px 0;padding:13px 15px;font-size:12px;display:grid}.pilot-privacy b{color:#9b6a15}.pilot-note{color:#14518b;background:#eff8ff;border-radius:12px;padding:11px 14px;font-weight:800}.pilot-tabs{gap:8px;margin:16px 0;display:flex}.pilot-tabs button{color:#42536d;cursor:pointer;background:#fff;border:1px solid #cbdbea;border-radius:10px;padding:9px 14px;font-weight:900}.pilot-tabs button.active{color:#fff;background:#0b74e5;border-color:#0b74e5}.pilot-create,.pilot-join,.pilot-assignment{background:#fbfdff;border:1px solid #dce7f1;border-radius:17px;padding:18px}.classroom-pilot h3{margin:0 0 12px;font-size:18px}.classroom-pilot label{color:#53647d;gap:6px;font-size:12px;font-weight:800;display:grid}.classroom-pilot input,.classroom-pilot select{color:#172847;background:#fff;border:1px solid #cbd9e8;border-radius:10px;outline:none;width:100%;padding:11px 12px}.pilot-selects{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.pilot-create>button,.pilot-join>button,.pilot-assignment>button{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:10px;margin-top:14px;padding:11px 15px;font-weight:900}.classroom-pilot button:disabled{opacity:.6;cursor:wait}.pilot-classes{margin-top:18px}.pilot-classes>button{color:#15284d;cursor:pointer;text-align:right;background:#fff;border:1px solid #dce7f1;border-radius:13px;grid-template-columns:1fr auto;gap:7px;width:100%;margin:8px 0;padding:13px;display:grid}.pilot-classes>button.selected{background:#f2f9ff;border-color:#0b74e5}.pilot-classes span{gap:3px;display:grid}.pilot-classes small,.pilot-classes i{color:#66758b;font-size:11px;font-style:normal}.pilot-classes em{color:#0b74e5;align-self:center;font-size:12px;font-style:normal;font-weight:900}.pilot-classes i{grid-column:1/-1}.pilot-assignment{background:linear-gradient(130deg,#eef8ff,#fff);margin-top:18px}.pilot-assignment p{color:#5e6e85;gap:5px;margin:0;font-size:13px;display:grid}.pilot-assignment p b{color:#15284d}.student-assignments{background:#fbfdff;border:1px solid #dce7f1;border-radius:17px;padding:18px}.student-assignments>p{color:#60718a;margin:0 0 12px;line-height:1.7}.student-assignments article{background:#fff;border:1px solid #d8e6f2;border-radius:14px;gap:6px;margin-top:10px;padding:15px;display:grid}.student-assignments article span{color:#078c98;font-size:11px;font-weight:900}.student-assignments article b{color:#15284d}.student-assignments article small{color:#65758d}.student-assignments article button{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:9px;justify-self:start;margin-top:4px;padding:9px 13px;font-weight:900}.student-assignments article button:disabled{color:#718098;background:#dce5ee}.student-assignments article em{color:#8a691d;font-size:11px;font-style:normal}.empty-assignment{background:#f0f5fa;border-radius:12px;padding:14px}@media (width<=560px){.classroom-pilot{border-radius:18px;padding:23px 16px}.classroom-pilot h2{font-size:24px}.pilot-selects,.pilot-classes>button{grid-template-columns:1fr}.pilot-classes em{justify-self:start}.classroom-close{top:10px;left:10px}}.classroom-pilot textarea{color:#172847;width:100%;min-height:70px;font:inherit;resize:vertical;background:#fff;border:1px solid #cbd9e8;border-radius:10px;outline:none;padding:11px 12px;line-height:1.55}.pilot-assignment{gap:12px;display:grid}.pilot-assignment h3{margin-bottom:0}.activity-types{flex-wrap:wrap;gap:8px;display:flex}.activity-types button{color:#50627a;cursor:pointer;background:#fff;border:1px solid #c8d9ea;border-radius:99px;padding:8px 12px;font-weight:800}.activity-types button.selected{color:#0b61be;background:#eaf5ff;border-color:#0b74e5}.completion-prompt{color:#276742;background:#f2fff7;border:1px solid #b9e5ca;border-radius:13px;gap:6px;margin:0 0 12px;padding:13px 14px;display:grid}.completion-prompt span{font-size:12px}.completion-prompt button{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:9px;justify-self:start;margin-top:4px;padding:9px 13px;font-weight:900}.assignment-complete{color:#19773a;justify-self:start;font-size:13px}.student-assignments article small{line-height:1.6}.pilot-report{background:#fff;border:1px solid #dce7f1;border-radius:17px;gap:8px;margin-top:16px;padding:18px;display:grid}.pilot-report>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pilot-report h3,.pilot-report p{margin:0}.pilot-report>div span,.pilot-report p{color:#65758d;font-size:12px}.pilot-report article{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.pilot-report article b{font-size:13px}.pilot-report article span{color:#148040;font-size:12px;font-weight:800}.quiz-builder{background:#f6fbff;border:1px solid #cbdff3;border-radius:13px;gap:9px;padding:14px;display:grid}.quiz-builder>b{color:#0b61be}.quick-quiz{color:#15284d;text-align:right;background:#fff;border:1px solid #cbdff3;border-radius:24px;width:min(680px,100vw - 28px);margin:7vh auto;padding:34px;position:relative;box-shadow:0 26px 70px #0b1b4d3b}.quick-quiz>span{color:#0b74e5;font-size:12px;font-weight:900}.quick-quiz h2{margin:6px 0}.quick-quiz p{color:#5f7087;line-height:1.6}.quick-quiz>strong{margin:22px 0 12px;font-size:19px;display:block}.quick-quiz>div{gap:9px;display:grid}.quick-quiz>div button{color:#253754;text-align:right;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd9e8;border-radius:12px;padding:13px}.quick-quiz>div button.selected{background:#edf7ff;border-color:#0b74e5}.worksheet article{background:#fbfdff;border:1px solid #e2ebf4;border-radius:15px;gap:12px;margin:20px 0;padding:16px;display:grid}.worksheet article strong{font-size:16px}.quiz-submit{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:10px;margin-top:16px;padding:12px 16px;font-weight:900}.quick-quiz aside{border-radius:13px;gap:10px;margin-top:18px;padding:15px;font-weight:800;display:grid}.quick-quiz aside.correct{color:#19773a;background:#effdf4}.quick-quiz aside.incorrect{color:#a24a24;background:#fff5ef}.quick-quiz aside button{color:#24405f;cursor:pointer;background:#fff;border:0;border-radius:8px;justify-self:start;padding:9px 12px;font-weight:800}@media (width<=560px){.pilot-report>div,.pilot-report article{flex-direction:column;align-items:flex-start;gap:4px}.quick-quiz{border-radius:18px;margin:18px auto;padding:28px 18px}}.english-diagnostic{color:#0b1b4d;text-align:right;background:linear-gradient(135deg,#fbfdff,#eef7ff);border:1px solid #cddfed;border-radius:26px;width:min(720px,96vw);margin:6vh auto;padding:34px;position:relative;box-shadow:0 30px 90px #07143666}.english-diagnostic>span{color:#0b74e5;font-size:12px;font-weight:900}.english-diagnostic h2{margin:7px 0;font-size:32px}.english-diagnostic>p{color:#5f7087;margin:0;line-height:1.7}.diagnostic-language{flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0;display:flex}.diagnostic-language b{color:#465b78;font-size:12px}.diagnostic-language button{color:#405571;cursor:pointer;background:#fff;border:1px solid #cbd9e8;border-radius:99px;padding:8px 13px;font-weight:800}.diagnostic-language button.active{color:#075caf;background:#eaf4ff;border-color:#0b74e5}.diagnostic-question{background:#fff;border:1px solid #d9e6f0;border-radius:18px;gap:10px;padding:22px;display:grid}.diagnostic-question strong{text-align:left;direction:ltr;margin-bottom:6px;font-size:20px;line-height:1.55}.diagnostic-question button{color:#253754;text-align:left;font:inherit;cursor:pointer;direction:ltr;background:#fff;border:1px solid #cbd9e8;border-radius:12px;padding:13px;font-weight:800}.diagnostic-question button.selected{background:#edf7ff;border-color:#0b74e5}.diagnostic-question p{border-radius:12px;margin:8px 0 0;padding:12px;line-height:1.65}.diagnostic-question p.good{color:#17653e;background:#e9f9ef}.diagnostic-question p.retry{color:#8b5e17;background:#fff7e9}.diagnostic-next,.diagnostic-actions button{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:11px;margin-top:16px;padding:12px 17px;font-weight:900}.diagnostic-next:disabled{opacity:.45;cursor:not-allowed}.diagnostic-result{background:#effcf8;border:1px solid #b7dfd4;border-radius:17px;gap:8px;margin-top:20px;padding:18px;display:grid}.diagnostic-result b{color:#08796f;font-size:12px}.diagnostic-result strong{font-size:20px}.diagnostic-result em{color:#496864;font-size:13px;font-style:normal}.diagnostic-actions{flex-wrap:wrap;gap:8px;display:flex}.diagnostic-actions button:nth-child(2),.diagnostic-actions button:nth-child(3){color:#17395e;background:#fff;border:1px solid #ccdceb}@media (width<=560px){.english-diagnostic{border-radius:0;width:100vw;min-height:100dvh;margin:0;padding:62px 16px 24px}.english-diagnostic h2{font-size:27px}.diagnostic-actions{display:grid}.diagnostic-actions button{width:100%}}.voice-notice{background:#4b2f16;border:1px solid #d7a959;border-radius:10px;max-width:320px;padding:8px 12px;font-size:11px;line-height:1.6;color:#ffe4a3!important;margin:0!important}.student-guide{background:#06483f;border:1px solid #e5b85f;border-radius:16px;align-items:center;gap:10px;padding:9px 14px;display:flex}.student-guide>span{font-size:42px;animation:1.8s ease-in-out infinite studentWave}.student-guide p{text-align:right;margin:0}.student-guide p b,.student-guide p small{display:block}.student-guide p small{margin-top:3px;font-size:9px}@keyframes studentWave{50%{transform:translateY(-4px)rotate(4deg)}}:root{--night:#001f1c;--deep:#00382f;--emerald:#075848;--gold:#e5b85f;--gold2:#ffe4a1;--ivory:#fff8e8;--muted:#b8ccbf;--line:#b88434}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ivory);background-color:#001d1a;background-image:radial-gradient(circle at 20% 0,#0b5c4c55,#0000 33%),linear-gradient(#001f1c,#012d27);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0;font-family:Tahoma,Arial,Segoe UI,sans-serif}button,input,select{font:inherit}.topbar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#002d28ef;border-bottom:1px solid #b8873e88;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:8px max(22px,50vw - 710px);display:flex;position:sticky;top:0;box-shadow:0 10px 30px #0006}.mini-brand{color:var(--gold2);white-space:nowrap;align-items:center;gap:9px;font-weight:900;text-decoration:none;display:flex}.mini-brand img{object-fit:cover;background:#07120f;border:1px solid #d5a753;border-radius:10px;width:92px;height:45px}.mini-brand span{font-size:12px}.topbar nav{align-items:center;gap:clamp(12px,2.2vw,36px);display:flex}.topbar nav a{color:#f7d890;white-space:nowrap;font-size:14px;text-decoration:none;transition:all .2s}.topbar nav a:hover{color:#fff6cf;text-shadow:0 0 15px #ffcf6e}.header-actions{gap:7px;display:flex}.favorite-filter,.share,.install{border:1px solid var(--gold);color:#ffe2a0;cursor:pointer;background:#003b34;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}.favorite-filter.active,.install{color:#17362d;background:linear-gradient(#f8d994,#c9923c)}.hero{isolation:isolate;text-align:center;background:radial-gradient(at 50% 42%,#0f705c88 0,#0000 43%),radial-gradient(circle at 15% 20%,#d9ab5630 0 1px,#0000 2px) 0 0/50px 50px,radial-gradient(circle at 75% 30%,#fff0ad40 0 1px,#0000 2px) 0 0/80px 80px,linear-gradient(115deg,#00251f,#003c33 48%,#001b18);border-bottom:1px solid #c2913f80;min-height:670px;padding:60px 24px 35px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";z-index:-2;pointer-events:none;position:absolute;inset:0}.hero:before{opacity:.9;background:linear-gradient(90deg,#001512cc 0 7%,#0000 28% 72%,#001512cc 93% 100%),repeating-linear-gradient(90deg,#0000 0 66px,#e3b25d09 67px 68px)}.hero:after{border:1px solid #eac36a3d;border-radius:50%;width:78%;height:250px;inset:auto 11% 30px;transform:perspective(600px)rotateX(70deg);box-shadow:0 0 40px #eec66522,inset 0 0 50px #dfad5020}.celestial{z-index:-1;border:1px solid #f5cb6d99;border-radius:50%;width:min(720px,78vw);height:320px;animation:18s linear infinite orbit;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #f4c56330}.celestial:before,.celestial:after{content:"";border:1px solid #f1bd5766;border-radius:50%;position:absolute;inset:28px 60px}.celestial:after{inset:70px 115px}.celestial i{background:#fff3b6;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 16px 5px #ffc95f}.celestial i:first-child{top:7%;left:48%}.celestial i:nth-child(2){top:55%;right:2%}.celestial i:nth-child(3){bottom:4%;left:16%}@keyframes orbit{to{transform:translate(-50%)rotate(360deg)}}.hero-brand{z-index:2;justify-items:center;margin:auto;display:grid;position:relative}.hero-brand span{color:#f4c96f;text-shadow:0 3px 16px #000;font-size:32px;font-weight:900}.hero-brand img{object-fit:contain;mix-blend-mode:screen;filter:sepia(.35)saturate(1.3)drop-shadow(0 12px 20px #0008);width:min(560px,75vw);height:210px}.hero h1{color:#f3d487;margin:-8px 0 3px;font-size:21px}.hero h1 em{color:#fff0bd;font-style:normal}.hero>p{color:#f1c66c;margin:3px 0 20px;font-weight:700}.search{z-index:3;background:var(--ivory);border:2px solid #d8a74e;border-radius:999px;align-items:center;max-width:760px;height:58px;margin:0 auto 20px;display:flex;position:relative;box-shadow:0 12px 35px #0008}.search span{color:#f4c668;background:#003e36;border-left:1px solid #d8a74e;border-radius:999px;place-items:center;width:70px;height:54px;font-size:38px;display:grid}.search input{color:#273d36;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 20px;font-size:16px}.search button{color:#735e45;cursor:pointer;background:0 0;border:0;padding:15px;font-size:20px}.stage-title{color:#f6cf77;font-size:19px;font-weight:900}.stage-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin:10px auto 14px;display:flex}.stage-pills button{border:1px solid var(--gold);color:#ffe2a0;cursor:pointer;background:#003c34cc;border-radius:999px;min-width:145px;padding:11px 20px;font-weight:800;transition:all .2s}.stage-pills button:hover{background:#0b5c4c;transform:translateY(-2px)}.filters{text-align:right;grid-template-columns:repeat(6,1fr);gap:8px;max-width:1100px;margin:auto;display:grid}.filters label{color:#d4b66f;background:#002e29dd;border:1px solid #b9853e88;border-radius:10px;padding:7px 11px;font-size:10px}.filters label span{display:block}.filters select{color:#fff4cf;background:0 0;border:0;outline:0;width:100%;font-weight:700}.filters option{background:#00382f}.feature-grid{z-index:4;background:linear-gradient(#002e28,#00221e);grid-template-columns:repeat(6,1fr);gap:12px;max-width:1380px;margin:-2px auto 0;padding:28px 24px 40px;display:grid;position:relative}.feature-grid a{text-align:center;color:#f5d481;background:linear-gradient(145deg,#06493d,#002d27);border:1px solid #c49445;border-radius:18px;min-height:178px;padding:20px 12px;text-decoration:none;transition:all .2s;box-shadow:inset 0 0 25px #0a6b5820,0 12px 25px #0003}.feature-grid a:hover{transform:translateY(-5px);box-shadow:0 15px 28px #0006,0 0 20px #dfb35722}.feature-grid b{font-size:39px}.feature-grid h3{margin:8px 0 3px;font-size:17px}.feature-grid p{color:#c7d8c8;margin:0;font-size:11px}.feature-grid span{border:1px solid #c49445;border-radius:999px;margin-top:15px;padding:5px 17px;font-size:10px;display:inline-block}.content{max-width:1240px;margin:auto;padding:48px 24px 80px}.kicker{color:#e3b75f;font-size:12px;font-weight:900}.results-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.results-head h2{color:#fff4d1;margin:7px 0 0;font-size:29px}.tools{gap:8px;display:flex}.tools select,.tools button{color:#f6d993;background:#00372f;border:1px solid #ac8040;border-radius:9px;padding:10px 12px}.tools button{cursor:pointer}.active-filters{flex-wrap:wrap;gap:7px;min-height:42px;padding:14px 0;display:flex}.active-filters button{color:#f6d581;cursor:pointer;background:#073d34;border:1px solid #b78b45;border-radius:999px;padding:6px 10px;font-size:11px}.cards{gap:11px;display:grid}.card{background:linear-gradient(110deg,#063d34,#002d27);border:1px solid #8f6d39;border-radius:14px;grid-template-columns:34px 62px 1fr auto;align-items:center;gap:16px;padding:15px;transition:all .18s;display:grid}.card:hover{border-color:#e2b45f;transform:translateY(-1px);box-shadow:0 10px 28px #0005}.star{color:#9b916d;cursor:pointer;background:#0d5446;border:0;border-radius:50%;width:32px;height:32px}.file-icon{color:#154a3f;background:#fff4d9;border:2px solid #c18e3f;border-radius:9px 9px 9px 2px;place-items:center;width:52px;height:62px;font-size:11px;font-weight:900;display:grid}.chips{flex-wrap:wrap;gap:5px;display:flex}.chips span{color:#edd292;background:#0b5849;border-radius:5px;padding:4px 7px;font-size:10px}.card h3{color:#fff7df;word-break:break-word;margin:8px 0 4px;font-size:16px;line-height:1.45}.card p{color:#a9c5bb;margin:0;font-size:11px}.open{color:#11362e;white-space:nowrap;background:#d5a34d;border:1px solid #e0b35d;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:900;text-decoration:none}.empty{text-align:center;color:#b8ccbf;border:1px dashed #a47a3d;border-radius:14px;padding:70px}.pagination{justify-content:center;align-items:center;gap:13px;margin-top:28px;display:flex}.pagination button{color:#f4d583;background:#073f35;border:1px solid #aa8041;border-radius:8px;padding:8px 13px}.pagination button:disabled{opacity:.4}.contribute{background:linear-gradient(120deg,#064b3e,#002924);border:1px solid #c89a4e;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;max-width:1192px;margin:0 auto 70px;padding:28px 34px;display:flex;box-shadow:0 16px 40px #0004}.contribute span{color:#e7c777;font-size:12px;font-weight:900}.contribute h2{margin:7px 0;font-size:25px}.contribute p{color:#c7ddd5;margin:0}.contribute a{color:#12362f;background:#e4bd68;border-radius:999px;flex:none;padding:12px 19px;font-weight:900;text-decoration:none}.feedback{z-index:20;color:#f2d181;background:#01352f;border:1px solid #d7aa57;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:800;text-decoration:none;position:fixed;bottom:18px;left:18px;box-shadow:0 8px 26px #0007}.update-banner{z-index:100;color:#15382f;background:#fff4d8;border-bottom:1px solid #c39242;justify-content:center;align-items:center;gap:18px;padding:12px 48px;display:flex;position:sticky;top:0}.update-banner span{display:grid}.update-banner button{color:#fff;background:#075848;border:0;border-radius:999px;padding:9px 18px;font-weight:800}.update-close{position:absolute;left:12px}.modal-backdrop{z-index:110;background:#001612dd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.install-card{color:#163a32;background:#fff9e9;border:1px solid #c4974c;border-radius:18px;width:min(460px,100%);padding:28px;position:relative}.install-card .close{background:#ead7a7;border:0;border-radius:50%;width:32px;height:32px;position:absolute;top:12px;left:14px}.install-card .done{color:#fff;background:#075848;border:0;border-radius:9px;padding:10px 22px;font-weight:800}@media (width<=1050px){.topbar nav{display:none}.feature-grid,.filters{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.topbar{padding:8px 12px}.mini-brand img{width:74px;height:39px}.mini-brand span{display:none}.favorite-filter,.share,.install{padding:7px 9px;font-size:9px}.hero{min-height:650px;padding:45px 12px 28px}.celestial{height:230px;top:70px}.hero-brand span{font-size:23px}.hero-brand img{width:88vw;height:155px}.hero h1{font-size:17px}.search{height:52px}.search span{width:58px;height:48px}.stage-pills{grid-template-columns:1fr 1fr;display:grid}.stage-pills button{min-width:0}.filters{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr);padding:20px 12px 34px}.feature-grid a{min-height:155px;padding:15px 8px}.content{padding:38px 12px 65px}.results-head{flex-direction:column;align-items:start}.tools{width:100%}.tools select{flex:1}.card{grid-template-columns:32px 48px 1fr;padding:12px}.file-icon{width:44px;height:52px}.open{text-align:center;grid-column:1/-1}.contribute{flex-direction:column;align-items:stretch;margin:0 12px 65px;padding:23px}.contribute a{text-align:center}.feedback{bottom:10px;left:10px}.hero:after{display:none}}.contribute .email-inline{color:#ffe09a;word-break:break-all;background:0 0;border-radius:0;padding:0;text-decoration:underline;display:inline}.legal-footer{text-align:center;color:#b9cfc6;background:#001713;border-top:1px solid #a77a38;padding:34px 20px 48px}.legal-footer strong{color:#f1cd78;font-size:18px;display:block}.legal-footer p{max-width:900px;margin:10px auto;font-size:12px;line-height:1.8}.legal-footer a{color:#f0cc77;font-size:12px}.stage-pills button.active{color:#17382f;background:linear-gradient(#f5d789,#c28b38);box-shadow:0 0 22px #f1c76466}.stage-pills button>span{font-size:17px;display:block}.stage-pills button>small{color:#d8c58c;margin-top:5px;font-size:10px;display:block}.stage-pills button.active>small{color:#375349}.stage-pills{isolation:isolate;gap:28px;max-width:900px;padding:22px 28px;position:relative}.stage-pills:before,.stage-pills:after{content:"";z-index:-1;pointer-events:none;border:1px solid #edc66c55;border-radius:50%;position:absolute;inset:4px 5%;transform:rotate(-3deg)}.stage-pills:after{inset:14px 15%;transform:rotate(4deg)}.stage-pills button{background:radial-gradient(circle at 30% 22%,#24947b,#075747 36%,#00332b 70%,#001d19 100%);border-radius:50%;width:138px;min-width:138px;height:138px;min-height:138px;padding:20px 10px;animation:5s ease-in-out infinite planetFloat;position:relative;overflow:visible;box-shadow:inset -17px -15px 27px #00110ecc,inset 9px 8px 18px #62d6b744,0 14px 28px #0008}.stage-pills button:nth-child(2){animation-delay:-1.2s}.stage-pills button:nth-child(3){animation-delay:-2.4s}.stage-pills button:nth-child(4){animation-delay:-3.6s}.stage-pills button:before{content:"";z-index:-1;border:3px solid #ecc66faa;border-left-color:#0000;border-radius:50%;height:20px;animation:6s linear infinite planetRing;position:absolute;top:56px;left:-18px;right:-18px;transform:rotate(-12deg)}.stage-pills button:after{content:"✦";color:#fff0a8;opacity:.35;filter:drop-shadow(-145px 84px #e8bd62);font-size:16px;transition:all .25s;position:absolute;top:-15px;right:3px}.stage-pills button:hover:after{opacity:1;transform:rotate(180deg)scale(1.35)}.stage-pills button.active:before{border-color:#fff0ad #fff0ad #fff0ad #0000}@keyframes planetFloat{0%,to{translate:0}50%{translate:0 -8px}}@keyframes planetRing{to{transform:rotate(348deg)}}.coming-soon:before{content:"";z-index:-2;opacity:.25;background-image:radial-gradient(circle,#ffe7a6 0 1px,#0000 2px);background-size:42px 42px;position:absolute;inset:0}.coming-soon strong{color:#ffe6a0;text-shadow:0 5px #93631f,0 15px 35px #000;margin-top:18px;font-size:clamp(70px,12vw,145px);line-height:.9}.feature-grid .feature-card{text-align:center;color:#f5d481;cursor:pointer;background:linear-gradient(145deg,#06493d,#002d27);border:1px solid #c49445;border-radius:18px;min-height:178px;padding:20px 12px;box-shadow:inset 0 0 25px #0a6b5820,0 12px 25px #0003}.feature-grid .feature-card b{font-size:39px;display:block}.feature-grid .feature-card h3{margin:8px 0 3px;font-size:17px}.feature-grid .feature-card p{color:#c7d8c8;margin:0;font-size:11px}.feature-grid .feature-card span{border:1px solid #c49445;border-radius:999px;margin-top:15px;padding:5px 17px;font-size:10px;display:inline-block}.video-feature{position:relative;overflow:hidden}.video-feature:after{content:"قريباً";color:#17382f;background:#e5b85f;width:120px;padding:4px;font-size:10px;font-weight:900;position:absolute;top:12px;left:-34px;transform:rotate(-38deg)}.video-backdrop{background:radial-gradient(circle,#075848ee,#001713fa)}.coming-soon{isolation:isolate;text-align:center;background:radial-gradient(circle at 50% 40%,#0a725e,#00352e 58%,#001d19);border:2px solid #e6bb61;border-radius:34px;align-content:center;place-items:center;width:min(1120px,94vw);min-height:78vh;padding:70px 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #000b,0 0 75px #e8bd5c55}.coming-soon:before{content:"";z-index:-2;opacity:.34;background-image:radial-gradient(circle,#ffe7a6 0 1px,#0000 2px);background-size:32px 32px;animation:2.8s ease-in-out infinite starPulse;position:absolute;inset:0}.coming-orbit{z-index:-1;border:1px solid #e9c36d88;border-radius:50%;width:min(900px,82vw);height:330px;animation:14s linear infinite orbit;position:absolute;box-shadow:0 0 40px #efc46425}.play-mark{color:#f5cf77;background:#002b26;border:2px solid #f0ca74;border-radius:50%;place-items:center;width:100px;height:100px;font-size:46px;display:grid;box-shadow:0 0 35px #edbd5860}.coming-soon strong{color:#ffe6a0;text-shadow:0 5px #93631f,0 15px 35px #000,0 0 45px #ffd97888;margin-top:18px;font-size:clamp(96px,16vw,190px);line-height:.85;animation:2s ease-in-out infinite comingGlow}.coming-soon h2{color:#fff3cf;margin:25px 0 8px;font-size:clamp(34px,5vw,62px)}.coming-soon p{color:#cbe1d7;max-width:700px;margin:0;font-size:18px;line-height:1.8}.coming-soon small{color:#e5bd65;margin-top:20px;font-weight:900}.close-coming{color:#ffe1a0;cursor:pointer;background:#003c34;border:1px solid #d9ae57;border-radius:50%;width:46px;height:46px;font-size:27px;position:absolute;top:18px;left:18px}@keyframes comingGlow{50%{filter:brightness(1.18);transform:scale(1.035)}}@keyframes starPulse{50%{opacity:.58}}.hero{min-height:510px;padding-top:24px;padding-bottom:6px}.hero-brand img{height:132px}.hero-brand span{font-size:25px}.celestial{height:220px;top:38px}.hero h1{margin-top:-5px}.hero>p{margin-bottom:13px}.search{margin-bottom:14px}.stage-pills{margin-top:7px;margin-bottom:4px;padding-top:16px;padding-bottom:16px}.filters{margin-bottom:0}.feature-grid{margin-bottom:0;padding-top:12px;padding-bottom:0}.filters label.disabled{opacity:.48}.filters select:disabled{cursor:not-allowed;color:#9aab9f}.filters label:focus-within{border-color:#efc86f;box-shadow:0 0 0 2px #efc86f22}.filters select{cursor:pointer}@media (width<=680px){.hero{min-height:490px;padding-top:22px;padding-bottom:6px}.hero-brand img{height:108px}.celestial{height:170px;top:36px}.feature-grid{padding-top:10px;padding-bottom:0}.content{margin-top:-24px;padding-top:7px}.stage-pills{gap:18px;padding:14px 4px}.stage-pills button{width:112px;min-width:112px;height:112px;min-height:112px;padding:14px 7px}.stage-pills button:before{top:45px;left:-12px;right:-12px}.stage-pills:before,.stage-pills:after{display:none}.stage-pills button>span{font-size:14px}.coming-soon{min-height:440px;padding:54px 18px}.coming-soon strong{font-size:74px}}.hero-21{min-height:auto;padding-top:40px}.hero-intro{z-index:2;text-align:right;grid-template-columns:1.12fr .88fr;align-items:center;gap:48px;width:min(1180px,100%);margin:0 auto 28px;display:grid;position:relative}.hero-copy{justify-items:start;display:grid}.hero-copy h1{color:#fff8e8;letter-spacing:-1.5px;max-width:680px;margin:20px 0 14px;font-size:clamp(38px,5.3vw,68px);line-height:1.12}.hero-copy>p{color:#c7d8d0;max-width:640px;margin:0;font-size:17px;line-height:1.9}.hero-actions{gap:12px;margin:24px 0;display:flex}.hero-actions a,.hero-actions button{cursor:pointer;border-radius:12px;min-height:48px;padding:13px 22px;font-weight:900;text-decoration:none}.hero-actions a{color:#17362f;background:linear-gradient(135deg,#f3d487,#c9913a);border:1px solid #f2cd78;box-shadow:0 12px 28px #0005}.hero-actions button{color:#ffe4a1;background:#003c34;border:1px solid #d9aa51}.hero-proof{color:#b8ccbf;border-top:1px solid #d5aa5340;flex-wrap:wrap;gap:24px;padding-top:18px;font-size:11px;display:flex}.hero-proof span{display:grid}.hero-proof b{color:#fff1c1;font-size:17px}.hero-showcase{text-align:center;background:linear-gradient(145deg,#06493dee,#002a25);border:1px solid #d9aa5188;border-radius:24px;align-content:center;min-height:350px;padding:32px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 55px #0008,inset 0 1px #fff1bd22}.showcase-glow{filter:blur(25px);background:#e5b85f18;border-radius:50%;width:240px;height:240px;position:absolute;top:42%;left:50%;translate:-50% -50%}.hero-showcase .hero-brand{position:relative}.hero-showcase .hero-brand span{font-size:20px}.hero-showcase .hero-brand img{width:min(330px,70vw);height:130px}.showcase-list{text-align:right;gap:9px;margin-top:12px;display:grid;position:relative}.showcase-list span{color:#e8d7a8;background:#001f1b88;border:1px solid #d8ad5540;border-radius:10px;padding:9px 12px;font-size:12px}.hero-21>.search{max-width:900px}.hero-21 .celestial{opacity:.38}@media (width<=850px){.hero-intro{grid-template-columns:1fr;gap:24px}.hero-copy{text-align:center;justify-items:center}.hero-copy h1 em{display:inline}.hero-copy>p{font-size:15px}.hero-proof{justify-content:center}.hero-showcase{width:min(560px,100%);min-height:290px;margin:auto}.hero-21{padding-top:28px}}@media (width<=560px){.hero-actions{width:100%;display:grid}.hero-actions a,.hero-actions button{text-align:center}.hero-proof{gap:14px}.hero-showcase{padding:22px 16px}.hero-copy h1{letter-spacing:-.5px;font-size:38px}}.features-21{z-index:4;text-align:center;width:min(1240px,100% - 32px);margin:0 auto;padding:72px 0 48px;position:relative}.features-21>header{max-width:720px;margin:0 auto 32px}.features-21>header span{color:#e5b85f;font-size:12px;font-weight:900}.features-21>header h2{color:#fff4d1;margin:8px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.25}.features-21>header p{color:#b8ccbf;margin:0;font-size:15px;line-height:1.8}.primary-features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.primary-features>a,.primary-features>button{text-align:right;color:#fff4d1;cursor:pointer;background:linear-gradient(145deg,#06493d,#002a25);border:1px solid #b8843477;border-radius:24px;flex-direction:column;align-items:flex-start;min-height:310px;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 38px #0004}.primary-features>a:before,.primary-features>button:before{content:"";pointer-events:none;background:linear-gradient(135deg,#e5b85f12,#0000 45%);position:absolute;inset:0}.feature-number{color:#e5b85f77;font-size:13px;font-weight:900;position:absolute;top:22px;left:24px}.feature-symbol{color:#f3d487;background:#001f1b;border:1px solid #e5b85f88;border-radius:16px;place-items:center;width:58px;height:58px;font-size:30px;display:grid;box-shadow:inset 0 1px #fff2bd22}.primary-features h3{margin:24px 0 10px;font-size:24px}.primary-features p{color:#b8ccbf;margin:0;font-size:14px;line-height:1.8}.primary-features small{color:#f3d487;margin-top:auto;padding-top:24px;font-size:12px;font-weight:900}.primary-features small i{font-size:18px;font-style:normal}.quick-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.quick-tools a,.quick-tools button{color:#dcc887;cursor:pointer;background:#002e28;border:1px solid #b8843466;border-radius:10px;padding:9px 14px;font-size:11px;text-decoration:none}@media (width<=850px){.primary-features{grid-template-columns:1fr}.primary-features>a,.primary-features>button{min-height:240px}.features-21{padding-top:52px}}.trust-21{background:linear-gradient(125deg,#002a25,#06493d);border:1px solid #b8843466;border-radius:28px;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;width:min(1180px,100% - 32px);margin:28px auto 64px;padding:48px;display:grid;overflow:hidden;box-shadow:0 24px 55px #0005}.trust-copy{text-align:right}.trust-copy>span{color:#e5b85f;font-size:12px;font-weight:900}.trust-copy h2{color:#fff4d1;margin:10px 0 14px;font-size:clamp(28px,3.6vw,42px);line-height:1.3}.trust-copy>p{color:#b8ccbf;margin:0;font-size:15px;line-height:1.9}.trust-copy ul{gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.trust-copy li{color:#d5e1dc;padding-right:24px;font-size:13px;line-height:1.7;position:relative}.trust-copy li:before{content:"✓";color:#e5b85f;font-weight:900;position:absolute;right:0}.trust-copy>a{color:#f3d487;border:1px solid #d8aa52;border-radius:10px;margin-top:10px;padding:11px 16px;font-size:12px;font-weight:900;text-decoration:none;display:inline-block}.trust-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trust-stats article{text-align:center;background:#001f1b99;border:1px solid #d4a34d55;border-radius:18px;align-content:center;min-height:132px;padding:20px;display:grid}.trust-stats article b{color:#f3d487;font-size:34px}.trust-stats article span{color:#b8ccbf;margin-top:5px;font-size:11px}.trust-note{color:#ffe4a1;text-align:right;background:#4a321b;border:1px solid #e5b85f66;border-radius:14px;grid-column:1/-1;padding:16px 18px}.trust-note strong{font-size:12px}.trust-note p{margin:5px 0 0;font-size:11px;line-height:1.7}@media (width<=850px){.trust-21{grid-template-columns:1fr;gap:32px;padding:32px}}@media (width<=520px){.trust-21{padding:24px 16px}.trust-stats{grid-template-columns:1fr 1fr}.trust-stats article{min-height:115px;padding:12px}.trust-stats article b{font-size:28px}}.topbar{gap:18px;min-height:76px;padding-block:7px}.mini-brand{gap:10px}.mini-brand img{object-fit:contain;background:0 0;border-radius:14px;width:58px;height:58px}.mini-brand span{text-align:right;gap:2px;display:grid}.mini-brand small{color:#c8d9d0;font-size:10px;font-weight:700}.mini-brand strong{color:#fff1c1;font-size:17px;line-height:1.1}.topbar nav{gap:clamp(10px,1.55vw,25px)}.topbar nav a{font-size:13px}.header-actions{flex:none}.hero-21{min-height:0;padding:46px 24px 54px}.hero-intro{margin-bottom:34px}.hero-copy h1{font-size:clamp(36px,4.7vw,62px)}.hero-showcase{min-height:320px}.learning-hub{z-index:5;text-align:right;background:linear-gradient(145deg,#073f37ee,#002720f2);border:1px solid #d8ad556b;border-radius:24px;width:min(1120px,100%);margin:0 auto;padding:22px;position:relative;box-shadow:0 20px 42px #0006}.learning-hub .search{max-width:none;margin:0}.selection-heading{justify-content:flex-start;align-items:center;gap:12px;margin:24px 0 14px;display:flex}.selection-heading>span{color:#17372f;background:#e5b85f;border-radius:999px;place-items:center;min-width:66px;height:30px;font-size:11px;font-weight:900;display:grid}.selection-heading div{gap:3px;display:grid}.selection-heading b{color:#fff4d1;font-size:19px}.selection-heading small{color:#b8ccbf;font-size:12px}.stage-pills{grid-template-columns:repeat(4,1fr);gap:10px;max-width:none;padding:0;display:grid}.stage-pills:before,.stage-pills:after,.stage-pills button:before,.stage-pills button:after{display:none}.stage-pills button{text-align:right;background:linear-gradient(145deg,#075b4c,#00332c);border-radius:16px;width:auto;min-width:0;height:auto;min-height:112px;padding:18px 13px;animation:none;box-shadow:inset 0 1px #fff2bf1c,0 8px 18px #0004}.stage-pills button span{color:#fff2c6;font-size:17px;display:block}.stage-pills button small{color:#b8d7cd;margin-top:7px;font-size:11px;display:block}.stage-pills button:hover{background:linear-gradient(145deg,#087260,#004238);transform:translateY(-3px);box-shadow:0 12px 22px #0007}.stage-pills button.active{background:linear-gradient(135deg,#f1d17c,#b97e2d);box-shadow:0 0 0 2px #fff0b66b,0 12px 24px #0007}.learning-hub .filters{border-top:1px solid #d8ad5538;max-width:none;margin-top:14px;padding-top:14px}.features-21{padding-top:64px}.content{margin-top:0;padding-top:38px}@media (width<=900px){.topbar{flex-wrap:wrap;justify-content:center}.topbar nav{order:3;justify-content:center;width:100%;padding-bottom:2px;overflow-x:auto}.hero-21{padding-inline:16px}.stage-pills{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.topbar{justify-content:space-between}.mini-brand img{width:48px;height:48px}.mini-brand strong{font-size:14px}.mini-brand small{display:none}.header-actions{gap:4px}.favorite-filter,.share,.install{padding:7px 8px;font-size:9px}.topbar nav{justify-content:flex-start;gap:18px}.topbar nav a{font-size:12px}.hero-21{padding:28px 12px 38px}.learning-hub{border-radius:18px;padding:14px}.selection-heading{margin:18px 0 12px}.selection-heading b{font-size:17px}.stage-pills{gap:8px}.stage-pills button{min-height:96px;padding:14px 11px}.stage-pills button span{font-size:15px}.learning-hub .filters{grid-template-columns:1fr 1fr}.hero-showcase{min-height:0}.features-21{padding-top:44px}}.math-feature{background:radial-gradient(circle at 50% 20%,#197d86,#063f3b 55%,#002b27)!important}.math-feature>b{border:2px solid #ffe09b;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;box-shadow:0 0 25px #52d9e680;display:grid!important}.math-backdrop{background:radial-gradient(circle at 50% 10%,#126c70ee,#001915f7);place-items:start center;padding:24px;overflow:auto}.math-lab{color:#fff7dc;text-align:center;background:radial-gradient(circle at 50% 0,#0b6a65,#003932 48%,#001f1b);border:2px solid #e8bd62;border-radius:30px;width:min(1100px,94vw);min-height:780px;padding:34px;position:relative;box-shadow:0 30px 90px #000b,0 0 55px #5de4dd22}.math-close{color:#ffe29a;cursor:pointer;background:#003a34;border:1px solid #e8bd62;border-radius:50%;width:44px;height:44px;font-size:27px;position:absolute;top:18px;left:18px}.math-lab header span,.math-lab small{color:#f1c86f;font-weight:900}.math-lab header h2{margin:7px 0 4px;font-size:clamp(30px,5vw,54px)}.math-lab header p{color:#c6ddd5;margin:0}.table-picker{grid-template-columns:repeat(12,1fr);gap:7px;margin:24px auto;display:grid}.table-picker button{aspect-ratio:1;color:#ffe7ae;cursor:pointer;background:#06493f;border:1px solid #d9ad59;border-radius:50%;font-size:18px;font-weight:900;transition:all .2s}.table-picker button:hover,.table-picker button.active{color:#143a32;background:linear-gradient(#ffe09a,#c99036);transform:translateY(-3px);box-shadow:0 0 20px #efc66177}.lesson-stage{background:#002b27aa;border:1px solid #b98c45;border-radius:24px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:20px;padding:28px;display:grid}.lesson-copy{justify-items:center;gap:12px;display:grid}.lesson-copy>strong{font-size:20px}.equation{direction:ltr;align-items:center;gap:12px;display:flex}.equation b{color:#fff1bd;background:#075d51;border:1px solid #e8bd62;border-radius:16px;min-width:64px;padding:12px;font-size:34px}.equation i{color:#f0c96d;font-size:30px;font-style:normal}.listen{color:#ffe1a0;cursor:pointer;background:#073f38;border:1px solid #e8bd62;border-radius:999px;padding:10px 18px}.dot-groups{flex-wrap:wrap;place-content:center;gap:9px;min-height:250px;display:flex}.dot-group{background:#06473f;border:1px solid #d6a852;border-radius:16px;flex-wrap:wrap;place-content:center;gap:5px;width:84px;min-height:74px;padding:9px;animation:.55s both groupPop;display:flex}.dot-group i{background:radial-gradient(circle at 35% 30%,#fff7c8,#e7b854 55%,#a36b1e);border-radius:50%;width:13px;height:13px;box-shadow:0 0 8px #ffd77788}@keyframes groupPop{0%{opacity:0;transform:scale(.55)rotate(-8deg)}to{opacity:1;transform:none}}.math-quiz{background:#043b35;border:1px solid #b98c45;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:22px 28px;display:flex}.math-quiz h3{margin:6px 0;font-size:28px}.math-quiz p{color:#c4d7cf;margin:0}.math-quiz p.success{color:#ffe17e;font-weight:900}.answer-box{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.answer-box input{color:#173b34;text-align:center;background:#fff9e8;border:2px solid #e2b65d;border-radius:12px;width:92px;padding:10px;font-size:27px;font-weight:900}.answer-box button{color:#153a32;cursor:pointer;background:#e2b65d;border:0;border-radius:12px;padding:10px 17px;font-weight:900}.answer-box .skip{color:#ffe1a0;background:#075044;border:1px solid #b88942}.math-lab footer{margin-top:18px}.math-lab footer>div{background:#001e1a;border-radius:999px;max-width:520px;height:12px;margin:8px auto;overflow:hidden}.math-lab footer>div i{border-radius:inherit;background:linear-gradient(90deg,#24bda9,#f0c568);height:100%;transition:all .35s;display:block}.math-lab footer small{display:block}.math-lab footer b{color:#ffe078}@media (width<=780px){.math-backdrop{padding:8px}.math-lab{border-radius:20px;width:98vw;min-height:96vh;padding:58px 14px 24px}.table-picker{grid-template-columns:repeat(6,1fr)}.lesson-stage{grid-template-columns:1fr;padding:17px}.dot-groups{min-height:200px}.math-quiz{flex-direction:column;padding:18px}.equation b{min-width:55px;font-size:28px}}.learning-paths{text-align:center;width:min(1240px,100% - 32px);margin:0 auto 68px;padding:50px 0 0}.learning-paths>header{max-width:720px;margin:0 auto 28px}.learning-paths>header span{color:#e5b85f;font-size:12px;font-weight:900}.learning-paths h2{color:#fff4d1;margin:8px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.3}.learning-paths>header p{color:#b8ccbf;margin:0;line-height:1.8}.path-grid{text-align:right;grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.learning-path{background:linear-gradient(145deg,#06493d,#002923);border:1px solid #bd91454f;border-radius:20px;flex-direction:column;min-height:272px;padding:20px;display:flex;box-shadow:0 14px 30px #0004}.path-icon{color:#f3d487;border:1px solid #e5b85f88;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.learning-path h3{color:#fff4d1;margin:18px 0 9px;font-size:18px;line-height:1.5}.learning-path p{color:#c2d4cc;margin:0;font-size:12px;line-height:1.75}.learning-path small{color:#dfc583;margin-top:12px;font-size:10px;line-height:1.6}.learning-path button{color:#f3d487;text-align:right;cursor:pointer;background:0 0;border:0;margin-top:auto;padding:10px 0 0;font-weight:900}.practice-backdrop{background:radial-gradient(circle at 50% 12%,#0d6b5b,#001713f5);padding:22px;overflow:auto}.smart-practice{color:#fff4d1;text-align:right;background:linear-gradient(145deg,#064b40,#002a25);border:1px solid #e3b65d;border-radius:28px;width:min(760px,96vw);padding:34px;position:relative;box-shadow:0 32px 90px #000b}.practice-close{color:#ffe6a4;cursor:pointer;background:#003b34;border:1px solid #d9ae57;border-radius:50%;width:40px;height:40px;font-size:25px;position:absolute;top:16px;left:16px}.smart-practice header{padding-left:52px}.smart-practice header span{color:#e5b85f;font-size:12px;font-weight:900}.smart-practice header h2{margin:7px 0;font-size:clamp(26px,4vw,40px)}.smart-practice header p{color:#bdd1c8;margin:0;font-size:13px;line-height:1.8}.practice-topics{flex-wrap:wrap;gap:7px;margin:24px 0;display:flex}.practice-topics button{color:#d6e2d8;cursor:pointer;background:#002b26;border:1px solid #c394476b;border-radius:999px;padding:8px 11px;font-size:11px}.practice-topics button.active{color:#16392f;background:linear-gradient(135deg,#f2d485,#c78d35);border-color:#f3d684;font-weight:900}.practice-question{background:#001f1bd1;border:1px solid #d2a65267;border-radius:20px;padding:24px}.practice-progress{color:#bcd1c6;justify-content:space-between;gap:12px;font-size:12px;display:flex}.practice-progress b{color:#f1cc75}.practice-question>small{color:#e5b85f;margin-top:22px;font-weight:900;display:block}.practice-question h3{margin:8px 0 18px;font-size:22px;line-height:1.65}.practice-choices{gap:9px;display:grid}.practice-choices button{color:#f4f1dd;text-align:right;cursor:pointer;background:#064238;border:1px solid #42695d;border-radius:12px;align-items:center;gap:10px;padding:13px;transition:all .18s;display:flex}.practice-choices button i{color:#e5b85f;background:#002b26;border-radius:50%;place-items:center;min-width:26px;height:26px;font-style:normal;font-weight:900;display:grid}.practice-choices button.selected{background:#0a5c4d;border-color:#e6bb63}.practice-choices button.right{background:#14683e;border-color:#7edb91}.practice-choices button.wrong{background:#7b2d2d;border-color:#ed8686}.practice-choices button:disabled{cursor:default}.practice-check{color:#16382f;cursor:pointer;background:linear-gradient(135deg,#f1d27f,#c88c34);border:0;border-radius:11px;margin-top:18px;padding:12px 18px;font-weight:900}.practice-check:disabled{opacity:.45;cursor:not-allowed}.practice-feedback{border-radius:14px;margin-top:18px;padding:16px}.practice-feedback.success{background:#155d3b;border:1px solid #7ccb92}.practice-feedback.retry{background:#714227;border:1px solid #e1a35f}.practice-feedback strong{font-size:17px;display:block}.practice-feedback p{color:#fff4d7;margin:7px 0;line-height:1.8}.practice-feedback small{color:#f4d689}.practice-feedback button{color:#ffe2a0;cursor:pointer;background:#003d35;border:1px solid #f1cb75;border-radius:9px;margin-top:12px;padding:9px 14px;font-weight:900;display:block}.smart-practice footer{color:#b7cbc2;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:11px;display:flex}.smart-practice footer button{color:#f3d487;cursor:pointer;background:0 0;border:1px solid #c69648;border-radius:9px;padding:9px 12px}.mobile-nav{display:none}@media (width<=1050px){.path-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){body{padding-bottom:74px}.path-grid{grid-template-columns:1fr 1fr}.learning-paths{width:min(100% - 24px,1240px);margin-bottom:34px;padding-top:34px}.learning-path{min-height:240px;padding:16px}.learning-path h3{font-size:16px}.learning-path p{font-size:11px}.mobile-nav{z-index:95;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#002b26f2;border-top:1px solid #c7994d;grid-template-columns:repeat(4,1fr);height:66px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #0007}.mobile-nav a,.mobile-nav button{color:#e5d5a2;cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:3px;font-size:9px;text-decoration:none;display:grid}.mobile-nav b{color:#f0c770;font-size:20px;line-height:1}.smart-practice{border-radius:20px;width:98vw;min-height:calc(100dvh - 18px);padding:62px 16px 22px}.smart-practice header{padding-left:28px}.practice-topics{margin:18px 0}.practice-question{padding:17px}.practice-question h3{font-size:19px}.smart-practice footer{flex-direction:column;align-items:flex-start}.practice-backdrop{padding:8px}.practice-close{top:12px;left:12px}}.course-lesson{color:#fff4d1;text-align:right;background:linear-gradient(145deg,#064b40,#002a25);border:1px solid #e3b65d;border-radius:28px;width:min(760px,96vw);padding:34px;position:relative;box-shadow:0 32px 90px #000b}.course-lesson header{padding-left:52px}.course-lesson header span{color:#e5b85f;font-size:12px;font-weight:900}.course-lesson header h2{margin:7px 0;font-size:clamp(26px,4vw,40px)}.course-lesson header p{color:#bdd1c8;margin:0;font-size:14px;line-height:1.8}.lesson-body{gap:12px;margin-top:24px;display:grid}.lesson-body section{background:#001f1bc2;border:1px solid #cc9d4e55;border-radius:16px;padding:17px}.lesson-body h3{color:#f1ce78;margin:0 0 9px;font-size:16px}.lesson-body p{color:#e6efe9;margin:0;font-size:13px;line-height:1.85}.lesson-body ul{color:#e6efe9;gap:7px;margin:0;padding:0 20px 0 0;font-size:13px;line-height:1.7;display:grid}.lesson-task{background:#4d351e!important;border-color:#e0b35f99!important}.course-lesson footer{justify-content:flex-start;gap:10px;margin-top:18px;display:flex}.lesson-secondary{color:#f3d487;cursor:pointer;background:0 0;border:1px solid #c69648;border-radius:11px;padding:12px 18px;font-weight:900}.course-lesson .practice-check{margin-top:0}@media (width<=680px){.course-lesson{border-radius:20px;width:98vw;min-height:calc(100dvh - 18px);padding:62px 16px 22px}.course-lesson header{padding-left:28px}.course-lesson footer{flex-direction:column;align-items:stretch}.course-lesson footer button{width:100%}}:root{--zain-navy:#0b1b4d;--zain-blue:#0b74e5;--zain-cyan:#12aeb8;--zain-orange:#ff7043;--zain-line:#dbe6f2}html,body{color:var(--zain-navy);background:#fff}.site-beta,.update-banner{display:none!important}.topbar{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);direction:ltr;background:#fffffff2;border-bottom:1px solid #e6ebf2;grid-template-columns:auto 1fr auto;min-height:74px;padding:8px clamp(24px,4vw,68px);display:grid;position:sticky;top:0;box-shadow:0 5px 18px #0b1b4d0b}.mini-brand{direction:rtl;flex-direction:row;grid-column:3}.mini-brand img{background:#fff;border:0;width:54px;height:54px}.mini-brand small{color:#6d7890}.mini-brand strong{color:var(--zain-navy);font-size:20px}.topbar nav{direction:rtl;grid-column:2;justify-self:center}.topbar nav a{color:#1a2745}.topbar nav a:first-child{color:var(--zain-blue);border-bottom:2px solid var(--zain-blue)}.header-actions{direction:rtl;grid-area:1/1}.header-actions .favorite-filter,.header-actions .share,.header-actions .install{display:none}.teacher-header-cta{cursor:pointer;min-height:46px;padding:10px 22px;font-weight:900;box-shadow:0 8px 20px #0b74e52b;background:var(--zain-blue)!important;color:#fff!important;border:0!important;border-radius:12px!important}.teacher-nav-link{cursor:pointer;background:#f4faff;border:1px solid #cfe0f4;border-radius:10px;padding:8px 12px;font-weight:900;color:var(--zain-blue)!important}@media (width<=680px){.teacher-nav-link{display:none}}.hero-21{color:var(--zain-navy);background:linear-gradient(#fff,#fbfdff);padding:30px clamp(24px,4vw,68px) 44px;overflow:hidden}.hero-21:before,.hero-21:after,.hero-21 .celestial{display:none}.hero-intro{direction:ltr;grid-template-columns:minmax(0,1fr) 420px;align-items:stretch;gap:28px;width:min(1540px,100%);margin:0 auto 24px;display:grid;position:relative}.hero-copy,.teacher-showcase{direction:rtl}.hero-copy{text-align:right;background:#fff;border:1px solid #edf1f6;border-radius:28px;min-height:500px;padding:68px 48px 42px 46%;display:block;position:relative;overflow:hidden;box-shadow:0 20px 55px #0b1b4d0c}.hero-copy>:not(.hero-learning-art){z-index:2;position:relative}.hero-learning-art{z-index:1;object-fit:contain;mix-blend-mode:multiply;width:72%;height:auto;position:absolute;top:122px;left:-8%}.hero-badge{color:#0a8092;background:#f5fcff;border:1px solid #cce4ef;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;display:inline-flex}.hero-copy h1{color:var(--zain-navy);letter-spacing:-1.8px;margin:22px 0 14px;font-size:clamp(42px,4.8vw,72px);line-height:1.15}.hero-copy h1 em{color:#e6a326;display:block}.hero-copy>p{color:#5b6680;font-size:17px}.hero-actions a{background:var(--zain-blue);color:#fff;box-shadow:0 10px 24px #0b74e532}.hero-actions button{color:var(--zain-navy);background:#fff;border-color:#b9d2ee}.hero-proof,.hero-proof b{color:#59657c}.teacher-showcase{min-height:500px;color:var(--zain-navy);background:#fff;border:1px solid #dce6f0;border-radius:28px;padding:24px 22px;box-shadow:0 20px 55px #0b1b4d14}.teacher-showcase:before{content:"";background:linear-gradient(var(--zain-blue),var(--zain-cyan));border-radius:0 28px 28px 0;width:5px;position:absolute;top:0;bottom:0;right:0}.showcase-glow{background:#0b74e50c}.teacher-preview-logo{object-fit:cover;border:3px solid #d6eff8;border-radius:50%;width:72px;height:72px}.teacher-preview-head span,.teacher-preview-head p{color:#6d7890}.teacher-preview-head h2{color:var(--zain-navy)}.teacher-preview-dialog{color:var(--zain-navy);background:#edf6ff;border-color:#cfe0f4}.teacher-preview-dialog span,.teacher-preview-answer span{color:var(--zain-blue)}.teacher-preview-dialog p{color:#15284d}.teacher-preview-answer{color:#273451;background:#fff;border-color:#e4e9ef}.teacher-preview-answer p{color:#273451}.teacher-preview-answer div b{background:var(--zain-blue);color:#fff}.teacher-preview-answer div i{background:#cbd8e8}.teacher-preview-cta{background:var(--zain-blue);color:#fff;box-shadow:0 10px 24px #0b74e530}.learning-hub{background:#fff;border:1px solid #e1e9f2;border-radius:26px;width:min(1540px,100%);padding:24px 28px;box-shadow:0 18px 45px #0b1b4d0b}.learning-hub .search{background:#fff;border-color:#cbd9e8;height:64px;box-shadow:0 8px 26px #0b1b4d0d}.selection-heading b{color:var(--zain-navy)}.selection-heading small{color:#718097}.selection-heading>span{color:var(--zain-blue);background:#e8f3ff}.stage-pills button{text-align:center;background:#fff;border:1px solid #dbe6f2;min-height:82px;box-shadow:0 7px 18px #0b1b4d0b}.stage-pills button span{color:var(--zain-navy)}.stage-pills button small{color:#748097}.stage-pills button:hover,.stage-pills button.active{background:#edf7ff;box-shadow:0 10px 22px #0b74e514}.stage-pills button.active span,.stage-pills button.active small{color:var(--zain-navy)}.learning-hub .filters{border-top-color:#e5edf5}.filters label span{color:#53627b}.filters select{color:var(--zain-navy);background:#fff;border-color:#d7e3ef}.features-21,.learning-paths{background:#fff}.features-21>header span,.learning-paths>header span{color:var(--zain-blue)}.features-21>header h2,.learning-paths h2{color:var(--zain-navy)}.features-21>header p,.learning-paths>header p{color:#6f7b91}.primary-features>a,.primary-features>button,.learning-path{color:var(--zain-navy);background:#fff;border-color:#dce6f0;box-shadow:0 12px 32px #0b1b4d0c}.primary-features p,.learning-path p{color:#68758b}.feature-symbol,.path-icon{color:var(--zain-blue);box-shadow:none;background:#eef7ff;border-color:#cfe0f4}.primary-features small,.learning-path small,.learning-path button{color:var(--zain-blue)}.quick-tools a,.quick-tools button{color:var(--zain-navy);background:#fff;border-color:#d7e3ef}.trust-21{background:linear-gradient(125deg,#f8fbff,#eef8fb);border-color:#dce6f0;box-shadow:0 20px 50px #0b1b4d0d}.trust-copy>span,.trust-copy>a{color:var(--zain-blue)}.trust-copy h2{color:var(--zain-navy)}.trust-copy>p,.trust-copy li{color:#5e6b82}.trust-copy li:before{color:var(--zain-cyan)}.trust-stats article{background:#fff;border-color:#d7e5f0}.trust-stats article b{color:var(--zain-blue)}.trust-stats article span{color:#6a768a}@media (width<=1050px){.topbar{grid-template-columns:auto 1fr}.mini-brand{grid-column:2}.header-actions{grid-column:1}.topbar nav{grid-column:1/-1}.hero-intro{grid-template-columns:1fr}.teacher-showcase{min-height:390px}.hero-copy{min-height:470px}}@media (width<=680px){.topbar{padding:8px 14px;display:flex}.topbar nav{order:3}.hero-21{padding:18px 12px 32px}.hero-intro{gap:14px}.hero-copy{text-align:center;min-height:600px;padding:34px 20px 290px}.hero-learning-art{width:96%;bottom:8px;left:50%;translate:-50%}.hero-copy h1{letter-spacing:-.5px;font-size:42px}.hero-copy>p{font-size:15px}.hero-actions{justify-content:center}.teacher-showcase{min-height:420px;padding:20px 16px}.learning-hub{padding:16px 12px}.mobile-nav{background:#fffffff2;border-color:#dce6f0;box-shadow:0 -8px 24px #0b1b4d16}.mobile-nav a,.mobile-nav button{color:#5d6980}.mobile-nav b{color:var(--zain-blue)}}@media (width>=1051px){.hero-21{direction:ltr;grid-template-rows:320px auto;grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:12px 24px;padding-top:20px;display:grid}.hero-intro{display:contents}.hero-copy{min-height:320px;box-shadow:none;direction:rtl;border:0;grid-area:1/1;padding:35px 48px 10px 48%;overflow:visible}.hero-copy h1{margin:12px 0 8px;font-size:clamp(38px,3.5vw,54px);line-height:1.13}.hero-copy h1 span{display:block}.hero-copy h1 em{margin-top:6px;font-size:.62em}.hero-copy>p{font-size:14px;line-height:1.65}.hero-copy .hero-actions,.hero-copy .hero-proof{display:none}.hero-learning-art{width:47%;top:30px;left:0}.teacher-showcase{direction:rtl;border-radius:20px;grid-area:1/2/3;align-content:start;min-height:780px;padding:24px;position:sticky;top:92px}.teacher-preview-head{margin-bottom:18px}.teacher-preview-logo{width:78px;height:78px}.teacher-preview-head h2{font-size:25px}.teacher-preview-dialog,.teacher-preview-answer{margin:0 0 16px;padding:18px}.teacher-preview-cta{margin-top:12px}.learning-hub{width:100%;box-shadow:none;direction:rtl;border:0;grid-area:2/1;margin:0;padding:0 28px 24px}.learning-hub .search{max-width:660px;height:62px;margin:0 auto 18px}.selection-heading{justify-content:center;margin:10px 0}.selection-heading>span,.selection-heading small{display:none}.selection-heading b{font-size:17px}.stage-pills{grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;max-width:760px;margin:0 auto 16px}.stage-pills button{border-radius:14px;min-height:58px;padding:10px 15px}.stage-pills button small{display:none}.stage-pills button span{font-size:15px}.learning-hub>.filters{display:none}}.progress-dashboard{color:#10224b;background:#fffdf8;border-radius:25px;width:min(920px,94vw);max-height:90vh;padding:34px;position:relative;overflow:auto;box-shadow:0 24px 70px #081b3a52}.progress-dashboard header{text-align:right;padding-left:42px}.progress-dashboard header>span,.progress-recommendation>span{color:#147c88;font-weight:800}.progress-dashboard h2{margin:5px 0;font-size:30px}.progress-dashboard header p{color:#60708a;line-height:1.7}.progress-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid}.progress-metrics article,.progress-roles article{background:#fff;border:1px solid #d9e4f6;border-radius:16px;padding:16px}.progress-metrics small,.progress-metrics span{color:#64748b;display:block}.progress-metrics b{color:#1769d6;margin:8px 0;font-size:30px;display:block}.progress-metrics .progress-subject{overflow-wrap:anywhere;font-size:18px}.progress-recommendation{background:linear-gradient(120deg,#eaf8f6,#edf4ff);border:1px solid #cde2ed;border-radius:18px;padding:20px}.progress-recommendation h3{margin:6px 0}.progress-recommendation p{line-height:1.7}.progress-recommendation button{color:#fff;cursor:pointer;background:#0d78db;border:0;border-radius:12px;padding:12px 16px;font-weight:800}.progress-roles{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.progress-roles h3{margin:0 0 8px}.progress-roles p{color:#64748b;margin:0;line-height:1.6}.progress-loading{text-align:center;padding:30px}@media (width<=720px){.progress-dashboard{border-radius:20px;padding:25px 16px}.progress-dashboard h2{font-size:25px}.progress-metrics,.progress-roles{grid-template-columns:1fr 1fr}.progress-roles article:last-child{grid-column:1/-1}}.home-subjects{grid-template-columns:repeat(5,1fr);gap:14px;max-width:900px;margin:14px auto;display:grid}.home-subjects button{min-height:112px;color:var(--zain-navy);cursor:pointer;background:#fff;border:1px solid #d9e4f0;border-radius:16px;padding:15px;transition:all .2s;box-shadow:0 8px 20px #0b1b4d0b}.home-subjects button:hover{border-color:#9cc7ee;transform:translateY(-3px)}.home-subjects b{color:#0798a4;background:#e8f7f8;border-radius:10px;place-items:center;width:42px;height:42px;margin:0 auto 9px;font-size:24px;display:grid}.home-subjects button:nth-child(2) b{color:#f05d2f;background:#fff0e9}.home-subjects button:nth-child(3) b{color:#0b74e5;background:#eaf4ff}.home-subjects button:nth-child(4) b{color:#e79a0b;background:#fff5df;font-size:14px}.home-subjects button:nth-child(5) b{color:#6e45c4;background:#f2edff}.home-subjects span{font-size:14px;font-weight:900}.home-resource-cards{grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:18px auto 0;display:grid}.home-resource-cards a{min-height:108px;color:var(--zain-navy);background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 24px;text-decoration:none;display:flex;box-shadow:0 8px 20px #0b1b4d08}.home-resource-cards span{text-align:right;gap:5px;display:grid}.home-resource-cards b{font-size:21px}.home-resource-cards small{color:#748097}.home-resource-cards i{background:var(--zain-cyan);color:#fff;border-radius:8px;width:max-content;margin-top:4px;padding:6px 20px;font-size:11px;font-style:normal}.home-resource-cards a:nth-child(2) i{background:var(--zain-orange)}.home-resource-cards strong{color:#f0a42b;font-size:46px}.learning-plan-entry{width:min(900px,100%);min-height:76px;color:var(--zain-navy);cursor:pointer;text-align:right;background:linear-gradient(105deg,#edf8ff,#fff);border:1px solid #b9d5ed;border-radius:16px;justify-content:space-between;align-items:center;margin:14px auto 0;padding:13px 18px;display:flex;box-shadow:0 8px 22px #0b74e511}.learning-plan-entry span{gap:2px;display:grid}.learning-plan-entry small{color:var(--zain-blue);font-size:10px;font-weight:900}.learning-plan-entry b{font-size:18px}.learning-plan-entry em{color:#718097;font-size:10px;font-style:normal}.learning-plan-entry strong{background:var(--zain-blue);color:#fff;border-radius:10px;padding:10px 14px;font-size:12px}.teacher-preview-answer ul{text-align:right;gap:7px;margin:8px 0 12px;padding:0;list-style:none;display:grid}.teacher-preview-answer li{color:#4d5a72;font-size:11px;line-height:1.45}.teacher-preview-answer li>b{color:#0b1b4d;background:0 0;font-size:11px;display:inline}.teacher-preview-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 12px;display:grid}.teacher-preview-actions button{color:#164a83;cursor:pointer;background:#fff;border:1px solid #bcd4ed;border-radius:10px;padding:9px 5px;font-size:10px;font-weight:800}@media (width<=1050px){.home-subjects{grid-template-columns:repeat(5,1fr)}.home-resource-cards{grid-template-columns:1fr 1fr}}@media (width<=680px){.home-subjects{grid-template-columns:repeat(2,1fr);gap:8px}.home-subjects button{min-height:92px}.home-resource-cards{grid-template-columns:1fr}.hero-copy .hero-learning-art{top:auto;bottom:8px}.teacher-showcase{position:relative;top:auto}.learning-plan-entry{min-height:72px;padding:11px 12px}.learning-plan-entry b{font-size:14px}.learning-plan-entry strong{padding:9px 10px;font-size:10px}}.teacher-preview-head h2{font-size:27px}.teacher-preview-head p{font-size:13px}.teacher-preview-dialog span,.teacher-preview-answer span{font-size:11px}.teacher-preview-dialog p{font-size:14px}.teacher-preview-answer li,.teacher-preview-answer li>b{font-size:13px;line-height:1.6}.teacher-preview-actions button{font-size:11px}.teacher-preview-cta{font-size:18px}@media (width<=680px){.teacher-preview-head h2{font-size:24px}.teacher-preview-head p{font-size:12px}.teacher-preview-dialog p{font-size:13px}.teacher-preview-answer li,.teacher-preview-answer li>b{font-size:12px}.teacher-preview-cta{font-size:17px}}.features-21,.learning-paths,.trust-21{display:none!important}.content{max-width:none;color:var(--zain-navy);background:#f7faff;margin:0;padding:56px max(24px,50vw - 710px) 80px}.results-head h2{color:var(--zain-navy)}.kicker{color:var(--zain-blue)}.tools select,.tools button{color:var(--zain-navy);background:#fff;border-color:#cbd9e8}.active-filters button{color:#164a83;background:#eaf4ff;border-color:#bcd4ed}.card{background:#fff;border-color:#dce6f0;box-shadow:0 7px 22px #0b1b4d0a}.card:hover{border-color:#9cc7ee;box-shadow:0 12px 30px #0b74e516}.star{color:#8a96aa;background:#edf4fb}.star.active{color:#d99509;background:#fff2cf}.file-icon{color:#164a83;background:#eef7ff;border-color:#bcd4ed}.chips span{color:#22639d;background:#edf6ff}.card h3{color:var(--zain-navy)}.card p{color:#718097}.open{background:var(--zain-blue);color:#fff;border:0}.empty{color:#718097;background:#fff;border-color:#cbd9e8}.pagination button{color:#164a83;background:#fff;border-color:#bcd4ed}.contribute{color:var(--zain-navy);background:linear-gradient(125deg,#f8fbff,#eef8fb);border-color:#dce6f0;margin-top:0;box-shadow:0 16px 38px #0b1b4d0c}.contribute span{color:var(--zain-blue)}.contribute p{color:#627089}.contribute a{background:var(--zain-blue);color:#fff}.contribute .email-inline{color:var(--zain-blue)}.legal-footer{color:#718097;background:#fff;border-top-color:#dce6f0}.legal-footer strong{color:var(--zain-navy)}.legal-footer a{color:var(--zain-blue)}.feedback{color:var(--zain-blue);background:#fff;border-color:#bcd4ed;box-shadow:0 8px 24px #0b1b4d1a}@media (width<=680px){.content{padding:34px 12px 80px}.contribute{margin:0 12px 80px}.card{grid-template-columns:32px 48px 1fr}.legal-footer{padding-bottom:90px}}.content{scroll-margin-top:86px}@media (width>=1051px){.hero-21{min-height:auto}.hero-copy{padding-top:42px}.learning-hub{padding-bottom:32px}.teacher-showcase{scrollbar-width:thin;max-height:790px;overflow:auto}}@media (width<=680px){body{overflow-x:hidden}.topbar{flex-wrap:nowrap;justify-content:space-between;gap:8px;min-height:68px;padding:7px 12px}.mini-brand{gap:7px;min-width:0}.mini-brand img{flex:none;width:46px;height:46px}.mini-brand span{line-height:1.15;display:grid!important}.mini-brand small{display:none}.mini-brand strong{white-space:nowrap;font-size:15px}.header-actions{flex:none;margin:0}.teacher-header-cta{white-space:nowrap;min-height:42px;font-size:12px;border-radius:11px!important;padding:8px 12px!important}.hero-21{padding:12px 10px 20px}.hero-intro{margin-bottom:10px}.hero-copy{text-align:center;border-radius:22px;min-height:500px;padding:26px 16px 205px}.hero-badge{padding:6px 10px;font-size:10px}.hero-copy h1{letter-spacing:0;margin:17px 0 10px;font-size:34px;line-height:1.13}.hero-copy h1 span{display:block}.hero-copy h1 em{font-size:.72em}.hero-copy>p{max-width:330px;margin:0 auto;font-size:13px;line-height:1.75}.hero-actions{flex-direction:column;gap:8px;margin-top:18px}.hero-actions a,.hero-actions button{width:100%;min-height:46px;padding:11px 14px}.hero-proof{gap:5px;margin-top:18px;padding-top:14px}.hero-proof span{font-size:9px}.hero-proof b{font-size:16px}.hero-copy .hero-learning-art{object-fit:contain;width:80%;max-height:190px;bottom:4px}.teacher-showcase{display:none!important}.learning-hub{border-radius:20px;padding:15px 10px 18px}.learning-hub .search{height:54px;margin-bottom:14px}.learning-hub .search span{width:54px;height:50px;font-size:28px}.learning-hub .search input{padding:0 10px;font-size:12px}.selection-heading{margin:8px 0 10px}.selection-heading>span{display:none}.selection-heading b{font-size:15px}.selection-heading small{font-size:10px}.stage-pills{grid-template-columns:1fr 1fr;gap:8px;padding:0;display:grid}.stage-pills:before,.stage-pills:after,.stage-pills button:before,.stage-pills button:after{display:none}.stage-pills button{border-radius:13px;width:auto;min-width:0;height:auto;min-height:58px;padding:9px 6px;animation:none;box-shadow:0 5px 14px #0b1b4d0b}.stage-pills button>span{font-size:13px}.stage-pills button>small{font-size:9px}.home-subjects{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px auto}.home-subjects button{min-height:84px;padding:10px}.home-subjects button:last-child{grid-column:1/-1;min-height:66px}.home-subjects b{width:36px;height:36px;margin-bottom:6px;font-size:20px}.home-subjects span{font-size:12px}.home-resource-cards{gap:8px;margin-top:12px}.home-resource-cards a{min-height:88px;padding:13px 16px}.home-resource-cards b{font-size:17px}.home-resource-cards small{font-size:10px}.home-resource-cards strong{font-size:34px}.content{padding-top:28px}.results-head h2{font-size:23px}.tools{grid-template-columns:1fr auto;display:grid}.cards{gap:9px}.card{border-radius:13px;gap:10px}.card h3{font-size:13px}.chips span{font-size:8px}.open{place-items:center;min-height:42px;display:grid}.feedback{display:none}.mobile-nav{height:62px}}.computer-practice{color:#102047;text-align:right;background:linear-gradient(145deg,#fff,#f2f9ff);border:1px solid #b9d7ed;border-radius:28px;width:min(840px,96vw);padding:34px;position:relative;box-shadow:0 32px 90px #0b1b4d33}.computer-practice .practice-close{color:#0b74e5;background:#fff;border-color:#bdd5eb}.computer-practice header{padding-left:50px}.computer-practice header span,.computer-concept span,.simulator-copy>span{color:#0b74e5;font-size:12px;font-weight:900}.computer-practice header h2{color:#0b1b4d;margin:7px 0;font-size:clamp(26px,4vw,40px)}.computer-practice header p{color:#60718d;margin:0;line-height:1.8}.computer-concept{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.computer-concept>div{background:#fff;border:1px solid #d8e7f4;border-radius:17px;padding:17px}.computer-concept h3{color:#0b1b4d;margin:6px 0;font-size:18px}.computer-concept p{color:#5b6c86;margin:0;font-size:13px;line-height:1.75}.loop-simulator{background:linear-gradient(120deg,#e8f7ff,#f8fdff);border:1px solid #b9dcef;border-radius:19px;grid-template-columns:1.3fr .7fr;align-items:center;gap:12px;margin-top:14px;padding:20px;display:grid}.simulator-copy h3{color:#0b1b4d;margin:5px 0;font-size:20px}.simulator-copy p{color:#53637d;margin:0;font-size:13px;line-height:1.7}.simulator-copy code{color:#075fab;background:#d5eeff;border-radius:5px;padding:2px 5px;font-weight:800}.loop-state{color:#fff;text-align:center;background:#0b74e5;border-radius:14px;gap:5px;padding:13px;display:grid}.loop-state b{font-size:25px}.loop-state small{font-size:11px;line-height:1.45}.loop-trace{color:#62718a;background:#fff;border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.loop-trace strong{color:#0b1b4d;letter-spacing:1px}.loop-actions{grid-column:1/-1;gap:9px;display:flex}.loop-actions button,.computer-next{color:#fff;cursor:pointer;background:#0b74e5;border:0;border-radius:10px;padding:10px 15px;font-weight:900}.loop-actions button+button{color:#0b74e5;background:#fff;border:1px solid #b9d6ed}.loop-actions button:disabled,.computer-next:disabled{opacity:.45;cursor:not-allowed}.computer-question{background:#fff;border:1px solid #d7e5f2;border-radius:19px;margin-top:14px;padding:20px}.computer-question-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.computer-question-head span{color:#0b74e5;font-size:12px;font-weight:900}.computer-question-head button{color:#0b74e5;cursor:pointer;background:0 0;border:0;font-weight:900}.teacher-guide{color:#6a4c17;background:#fff8e8;border-right:4px solid #f0a22f;border-radius:10px;margin:14px 0;padding:13px;font-size:13px;line-height:1.75}.computer-question h3{color:#102047;margin:16px 0;font-size:20px;line-height:1.6}.computer-choices{gap:8px;display:grid}.computer-choices button{color:#213555;text-align:right;cursor:pointer;background:#fbfdff;border:1px solid #d4e1ed;border-radius:11px;padding:12px}.computer-choices button.correct{color:#12622d;background:#e9f9ee;border-color:#61b980}.computer-choices button.wrong{color:#9d2a22;background:#fff0ef;border-color:#e88a81}.computer-next{margin-top:14px;margin-right:auto;display:block}.computer-result{text-align:center;background:#fff;border:1px solid #cce5f5;border-radius:20px;margin-top:24px;padding:35px}.computer-result>span{color:#15914d;background:#e6f7ed;border-radius:50%;place-items:center;width:58px;height:58px;margin:auto;font-size:28px;display:grid}.computer-result h3{color:#0b1b4d;margin:14px 0 6px}.computer-result>strong{color:#0b74e5;font-size:30px}.computer-result p{color:#61718a;line-height:1.75}.computer-result div{justify-content:center;gap:9px;display:flex}.computer-result button{color:#0b74e5;cursor:pointer;background:#fff;border:1px solid #b8d3ea;border-radius:10px;padding:10px 14px;font-weight:900}.computer-result button:first-child{color:#fff;background:#0b74e5;border:0}.computer-footer{color:#425978;background:#edf7ff;border-radius:12px;margin-top:15px;padding:12px 14px;font-size:12px;line-height:1.65}.computer-footer b{color:#0b74e5}@media (width<=680px){.computer-practice{border-radius:20px;width:98vw;min-height:calc(100dvh - 18px);padding:62px 16px 22px}.computer-concept,.loop-simulator{grid-template-columns:1fr}.loop-trace,.loop-actions{grid-column:auto}.loop-actions{flex-direction:column}.loop-actions button{width:100%}.computer-question{padding:16px}.computer-question h3{font-size:18px}.computer-result{padding:25px 15px}.computer-result div{flex-direction:column}.computer-result button{width:100%}}.card .open{cursor:pointer;font:inherit;border:0}.file-unavailable{color:#17264c;text-align:right;background:#fff;border:1px solid #cdddf0;border-radius:24px;width:min(440px,100vw - 32px);padding:32px 28px;box-shadow:0 24px 70px #10204733}.file-unavailable>span{color:#d77710;background:#fff2df;border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto 10px;font-size:28px;font-weight:900;display:grid}.file-unavailable h2{text-align:center;margin:0 0 10px;font-size:23px}.file-unavailable p{color:#60718d;margin:0;line-height:1.8}.file-unavailable b{color:#27466f;word-break:break-word;background:#f3f8fe;border-radius:10px;margin:14px 0;padding:10px;font-size:13px;display:block}.file-unavailable button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#0b74e5;border:0;border-radius:12px;padding:12px;font-weight:900;display:block}@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}.early-library{color:#132a5e;background:linear-gradient(145deg,#f8fbff,#eff7f6);min-height:100vh;padding:36px max(18px,7vw) 72px;font-family:Arial,sans-serif}.early-library header{text-align:center;max-width:900px;margin:auto}.back{color:#1677e8;margin-bottom:24px;font-weight:700;text-decoration:none;display:inline-block}.eyebrow{color:#0b9f9a;letter-spacing:.06em;direction:ltr;margin:0;font-weight:800}.early-library h1{margin:14px 0 4px;font-size:clamp(32px,5vw,56px)}.early-library h2{color:#355487;margin:0;font-size:clamp(19px,2.6vw,28px);font-weight:600}.intro{color:#526b92;max-width:660px;margin:20px auto 34px;font-size:17px;line-height:1.8}.material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1120px;margin:auto;display:grid}.material-grid article{background:#fff;border:1px solid #dbe8f8;border-radius:20px;padding:24px 19px 19px;position:relative;box-shadow:0 12px 26px #183d7812}.number{color:#0b9f9a;direction:ltr;font-weight:800;position:absolute;top:15px;left:16px}.material-grid h3{margin:13px 0 5px;font-size:21px}.material-grid h4{color:#476692;margin:0;font-size:16px}.material-grid p{color:#506585;min-height:90px;font-size:14px;line-height:1.65}.material-grid p span{color:#7b8ca6}.material-grid a{text-align:center;color:#fff;background:#1677e8;border-radius:11px;padding:11px 9px;font-size:14px;font-weight:800;text-decoration:none;display:block}.material-grid a:hover{background:#0b9f9a}@media (width<=900px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.early-library{padding:24px 16px 50px}.material-grid{grid-template-columns:1fr}.material-grid p{min-height:auto}.early-library h1{font-size:35px}}

@media (width >= 1051px){.learning-hub>.filters{display:grid!important}.learning-hub>.filters:before{content:"اختر التصنيف المناسب";grid-column:1/-1;color:#12204f;font-size:18px;font-weight:950;margin-bottom:4px}.learning-hub>.filters label{min-width:0}.learning-hub>.filters select{width:100%}}

:root{--kid-coral:#ff6b72;--kid-sun:#ffc94a;--kid-mint:#55d2b3;--kid-sky:#5b8def;--kid-purple:#8b68e8;--kid-ink:#17245a}
body.zeen-child-delight{background:radial-gradient(circle at 8% 15%,#fff1bb 0 6%,transparent 6.2%),radial-gradient(circle at 92% 32%,#dff6ff 0 7%,transparent 7.2%),linear-gradient(180deg,#fffdf7,#f6faff 65%,#fff)!important}
.zeen-child-delight .topbar{border-bottom:1px solid #d9e6f4!important;box-shadow:0 8px 30px #2f47700d!important}
.zeen-child-delight .mini-brand img{filter:drop-shadow(0 7px 12px #234c5430)}
.zeen-child-delight .teacher-studio-link{color:#fff!important;background:linear-gradient(135deg,#8b68e8,#5b8def)!important;border:0!important;box-shadow:0 7px 16px #6658d638!important}
.zeen-child-delight .hero-21{position:relative!important;isolation:isolate!important;background:radial-gradient(circle at 82% 5%,#fff6dc 0 15%,transparent 30%),linear-gradient(180deg,#f7fbff,#fff)!important;overflow:hidden!important}
.zeen-child-delight .hero-21:before,.zeen-child-delight .hero-21:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}
.zeen-child-delight .hero-21:before{width:180px;height:180px;top:92px;right:-80px;background:#ffe58b55}
.zeen-child-delight .hero-21:after{width:220px;height:220px;bottom:8%;left:-110px;background:#73d8c84a}
.zeen-child-delight .hero-copy{border:2px solid #e0e9f5!important;border-radius:34px!important;background:radial-gradient(circle at 95% 0,#fff2bd55,transparent 25%),linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:0 24px 65px #24416d15!important}
.zeen-child-delight .hero-badge{color:#385d6e!important;background:#ecf9f5!important;border-color:#b8e2d6!important;box-shadow:0 7px 16px #1b6a5c13!important}
.zeen-child-delight .hero-copy h1{color:var(--kid-ink)!important;text-shadow:0 2px 0 #fff!important}
.zeen-child-delight .hero-copy h1 span{color:#385fdb!important}.zeen-child-delight .hero-copy h1 em{color:#e4a82c!important}
.zeen-child-delight .hero-copy .hero-learning-art{content:url('/learning-adventure-hero-v1.png')!important;width:min(48%,580px)!important;max-height:360px!important;object-fit:contain!important;filter:drop-shadow(0 18px 18px #1b31532b)!important;animation:kidHeroFloat 5s ease-in-out infinite!important}
.zeen-child-delight .hero-actions a{background:linear-gradient(135deg,#4b79ec,#6c64e6)!important;box-shadow:0 10px 22px #526ee744!important}.zeen-child-delight .hero-actions button{background:#fff5ce!important;border-color:#f0cd66!important;color:#805d11!important}
.zeen-child-delight .hero-proof span{border:1px solid #e1e8f2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 17px #26466a0d!important}
.zeen-child-delight .teacher-showcase{border:2px solid #d9e6f3!important;border-radius:32px!important;background:radial-gradient(circle at 95% 0,#ffe9a455,transparent 26%),linear-gradient(150deg,#fff,#f4faff)!important;box-shadow:0 24px 65px #2747761a!important}
.zeen-child-delight .teacher-preview-logo{box-shadow:0 0 0 7px #dff4ee,0 12px 24px #173f5030!important}
.zeen-child-delight .teacher-preview-cta{background:linear-gradient(135deg,#1b655c,#2e8b7c)!important;box-shadow:0 10px 22px #1b655c33!important}
.zeen-child-delight .learning-hub{border:2px solid #dce8f4!important;background:radial-gradient(circle at 2% 3%,#fff0ad66,transparent 20%),radial-gradient(circle at 98% 1%,#cdecff77,transparent 24%),linear-gradient(145deg,#fff,#f7faff)!important}
.zeen-child-delight .learning-hub:after{content:"⭐ اختر عالمك وابدأ المغامرة";display:block;width:max-content;max-width:100%;margin:20px auto 0;padding:9px 16px;border-radius:999px;background:#fff4c9;color:#815d0b;font-size:13px;font-weight:950;box-shadow:0 8px 18px #8a67151a}
.zeen-child-delight .stage-pills button{overflow:hidden!important;position:relative!important;border-width:2px!important}.zeen-child-delight .stage-pills button:after{content:"";position:absolute;width:60px;height:60px;left:-28px;bottom:-28px;border-radius:50%;background:#fff8;transition:.25s!important}
.zeen-child-delight .stage-pills button:hover:after{transform:scale(2.4)!important}.zeen-child-delight .stage-pills button:nth-child(1){border-color:#f3cfd8!important;background:linear-gradient(145deg,#fff0f5,#fff)!important}.zeen-child-delight .stage-pills button:nth-child(2){border-color:#bee6f4!important;background:linear-gradient(145deg,#eafaff,#fff)!important}.zeen-child-delight .stage-pills button:nth-child(3){border-color:#d6cdf7!important;background:linear-gradient(145deg,#f2efff,#fff)!important}.zeen-child-delight .stage-pills button:nth-child(4){border-color:#f5ddad!important;background:linear-gradient(145deg,#fff8e8,#fff)!important}
.zeen-child-delight .stage-pills button.active{transform:translateY(-5px) scale(1.02)!important;box-shadow:0 16px 30px #476b9f20!important}.zeen-child-delight .stage-pills button.active:before{animation:kidBounce .65s ease!important}
.zeen-child-delight .home-subjects button{position:relative!important;overflow:hidden!important}.zeen-child-delight .home-subjects button:after{content:"";position:absolute;inset:auto 15% 0;height:5px;border-radius:99px;background:var(--kid-sky);opacity:.35}.zeen-child-delight .home-subjects button:nth-child(2):after{background:var(--kid-coral)}.zeen-child-delight .home-subjects button:nth-child(3):after{background:var(--kid-mint)}.zeen-child-delight .home-subjects button:nth-child(4):after{background:var(--kid-sun)}.zeen-child-delight .home-subjects button:nth-child(5):after{background:var(--kid-purple)}
.zeen-child-delight .home-subjects button:hover b{animation:kidWiggle .6s ease!important}.zeen-child-delight .home-resource-cards a:first-child{background:linear-gradient(135deg,#effaf7,#fff)!important;border-color:#bee3d9!important}.zeen-child-delight .home-resource-cards a:nth-child(2){background:linear-gradient(135deg,#fff3ee,#fff)!important;border-color:#f5d1c2!important}
.zeen-child-delight .learning-plan-entry{position:relative!important;overflow:hidden!important;background:linear-gradient(115deg,#496fde,#7864e8 58%,#a45ec7)!important}.zeen-child-delight .learning-plan-entry:before{content:"";position:absolute;width:140px;height:140px;border:30px solid #ffffff12;border-radius:50%;left:-40px;top:-60px}
.zeen-child-delight .content{background:linear-gradient(180deg,#f7fbff,#fff9ed)!important}.zeen-child-delight .card{position:relative!important;overflow:hidden!important;border-radius:20px!important}.zeen-child-delight .card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--kid-coral),var(--kid-sun),var(--kid-mint),var(--kid-sky),var(--kid-purple));opacity:.65}.zeen-child-delight .card:hover .file-icon{animation:kidBounce .65s ease!important}
.zeen-quest-dock{position:fixed;right:22px;bottom:22px;z-index:9998;display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid #fff;border-radius:20px;background:linear-gradient(135deg,#243f85,#526fe1);color:#fff;text-decoration:none;box-shadow:0 15px 34px #17285955;animation:kidDockIn .6s cubic-bezier(.2,.8,.2,1)}.zeen-quest-dock>i{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#ffcf4a;color:#775607;font-size:22px;font-style:normal;box-shadow:inset 0 -4px #e6aa28}.zeen-quest-dock>span{display:grid;line-height:1.25}.zeen-quest-dock small{color:#dbe8ff;font-size:10px}.zeen-quest-dock b{font-size:14px}.zeen-quest-dock strong{padding:7px 9px;border-radius:11px;background:#ffffff20;font-size:12px}
.zeen-magic-specks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.zeen-magic-specks i{position:absolute;width:10px;height:10px;border-radius:50%;animation:kidSpeck 4s ease-in-out infinite}.zeen-magic-specks i:nth-child(1){right:6%;top:19%;background:#ffcb49}.zeen-magic-specks i:nth-child(2){right:47%;top:9%;background:#58d2b2;animation-delay:.8s}.zeen-magic-specks i:nth-child(3){left:8%;top:31%;background:#ff7076;animation-delay:1.4s}.zeen-magic-specks i:nth-child(4){left:31%;bottom:9%;background:#8968e8;animation-delay:2.1s}
@keyframes kidHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes kidBounce{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-8px) scale(1.08)}70%{transform:translateY(2px) scale(.97)}}@keyframes kidWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.07)}55%{transform:rotate(7deg) scale(1.07)}75%{transform:rotate(-3deg)}}@keyframes kidSpeck{0%,100%{transform:translateY(0) scale(1);opacity:.45}50%{transform:translateY(-18px) scale(1.35);opacity:1}}@keyframes kidDockIn{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:680px){.zeen-child-delight .hero-copy .hero-learning-art{width:94%!important;max-height:210px!important}.zeen-child-delight .hero-copy{padding-bottom:225px!important}.zeen-child-delight .learning-hub:after{white-space:normal;text-align:center}.zeen-quest-dock{right:10px;bottom:72px;padding:8px 10px;border-radius:16px}.zeen-quest-dock>i{width:34px;height:34px}.zeen-quest-dock span{display:none}.zeen-quest-dock strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.zeen-child-delight *,.zeen-child-delight *:before,.zeen-child-delight *:after{animation:none!important;transition:none!important}}

.zeen-child-delight .hero-copy .hero-learning-art{content:url('/learning-adventure-hero-v2.png')!important;border-radius:24px!important}.zeen-child-delight .zeen-quest-dock{right:auto!important;left:22px!important}@media(max-width:680px){.zeen-child-delight{overflow-x:hidden!important}.zeen-child-delight .teacher-studio-link{display:none!important}.zeen-child-delight .zeen-quest-dock{right:10px!important;left:auto!important;max-width:120px!important}}

/* Child-friendly home action shelf — keeps the existing links and click handlers. */
.topbar:has(.header-actions.zeen-child-actions) {
  min-height: 104px;
  gap: clamp(12px, 1.5vw, 26px);
  padding-block: 10px;
}

.header-actions.zeen-child-actions {
  direction: rtl;
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start;
  gap: 10px !important;
  margin: 0 !important;
  overflow: visible;
}

.header-actions.zeen-child-actions .zeen-child-action {
  --action-color: #3d70e5;
  --action-ink: #172657;
  --action-surface: #f5f8ff;
  isolation: isolate;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: auto !important;
  min-width: 132px !important;
  min-height: 76px !important;
  box-sizing: border-box;
  padding: 9px 12px !important;
  color: var(--action-ink) !important;
  background: var(--action-surface) !important;
  border: 2px solid color-mix(in srgb, var(--action-color) 28%, white) !important;
  border-radius: 25px 16px 25px 16px !important;
  box-shadow:
    0 8px 0 color-mix(in srgb, var(--action-color) 21%, #d9e3f0),
    0 15px 25px color-mix(in srgb, var(--action-color) 15%, transparent) !important;
  font-family: inherit;
  text-decoration: none !important;
  cursor: pointer;
  overflow: hidden;
  transform: translateY(0) rotate(0);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.header-actions.zeen-child-actions .zeen-child-action::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto -20px -38px auto;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--action-color) 18%, transparent);
}

.header-actions.zeen-child-actions .zeen-child-action:hover {
  filter: saturate(1.08);
  transform: translateY(-4px) rotate(-0.8deg);
  box-shadow:
    0 10px 0 color-mix(in srgb, var(--action-color) 25%, #d9e3f0),
    0 21px 34px color-mix(in srgb, var(--action-color) 24%, transparent) !important;
}

.header-actions.zeen-child-actions .zeen-child-action:active {
  transform: translateY(5px) scale(0.98);
  box-shadow:
    0 3px 0 color-mix(in srgb, var(--action-color) 23%, #d9e3f0),
    0 8px 16px color-mix(in srgb, var(--action-color) 16%, transparent) !important;
}

.header-actions.zeen-child-actions .zeen-child-action:focus-visible {
  outline: 4px solid color-mix(in srgb, var(--action-color) 34%, white) !important;
  outline-offset: 4px;
}

.zeen-child-action .zeen-action-icon {
  position: relative;
  flex: 0 0 48px;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 2px solid #ffffffd9;
  border-radius: 17px 17px 11px 17px;
  background: #ffffffd9;
  box-shadow: 0 6px 13px #1726571a;
  font-size: 27px;
  line-height: 1;
  transform: rotate(2deg);
}

.zeen-child-action .zeen-action-copy {
  display: grid;
  min-width: 0;
  text-align: right;
  line-height: 1.05;
}

.zeen-child-action .zeen-action-copy small {
  margin-bottom: 5px;
  color: color-mix(in srgb, currentColor 72%, transparent);
  font-size: 10px;
  font-weight: 850;
  white-space: nowrap;
}

.zeen-child-action .zeen-action-copy strong {
  color: inherit;
  font-size: clamp(15px, 1.1vw, 20px);
  font-weight: 950;
  line-height: 1.12;
  white-space: nowrap;
}

.zeen-child-action .zeen-action-spark {
  position: absolute;
  top: 5px;
  left: 8px;
  color: color-mix(in srgb, var(--action-color) 70%, white);
  font-size: 11px;
  font-style: normal;
  opacity: 0.68;
  transition: transform 180ms ease;
}

.zeen-child-action:hover .zeen-action-spark {
  transform: rotate(35deg) scale(1.25);
}

.header-actions.zeen-child-actions [data-zeen-action="studio"] {
  --action-color: #d7aa3e;
  --action-ink: #fff9e7;
  --action-surface: linear-gradient(145deg, #164f49, #0b3934);
  min-width: 174px !important;
  border-color: #e8c66e !important;
  border-radius: 18px 29px 18px 29px !important;
}

.header-actions.zeen-child-actions [data-zeen-action="library"] {
  --action-color: #efb425;
  --action-ink: #24325d;
  --action-surface: linear-gradient(145deg, #fff9d2, #ffe589);
  min-width: 148px !important;
  border-radius: 28px 18px 28px 18px !important;
}

.header-actions.zeen-child-actions [data-zeen-action="classroom"] {
  --action-color: #f17768;
  --action-ink: #60283c;
  --action-surface: linear-gradient(145deg, #fff2ed, #ffc5b8);
  min-width: 152px !important;
  border-radius: 18px 30px 30px 18px !important;
}

.header-actions.zeen-child-actions [data-zeen-action="progress"] {
  --action-color: #8066e7;
  --action-ink: #ffffff;
  --action-surface: linear-gradient(145deg, #a995ff, #755fd8);
  min-width: 144px !important;
  border-radius: 50px 22px 22px 50px !important;
}

.header-actions.zeen-child-actions [data-zeen-action="progress"] .zeen-action-icon {
  border-radius: 50%;
}

.header-actions.zeen-child-actions [data-zeen-action="ask"] {
  --action-color: #3478ed;
  --action-ink: #ffffff;
  --action-surface: linear-gradient(135deg, #397fe9 0%, #566fe9 55%, #7864de 100%);
  min-width: 214px !important;
  border-color: #bcd3ff !important;
  border-radius: 29px 29px 12px 29px !important;
  overflow: visible;
}

.header-actions.zeen-child-actions [data-zeen-action="ask"]::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: -11px;
  width: 22px;
  height: 22px;
  border-radius: 0 0 4px 18px;
  background: #566fe9;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.zeen-child-action .zeen-action-avatar {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
  padding: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #cceaff;
  overflow: hidden;
}

.zeen-child-action .zeen-action-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 13%;
  transform: scale(1.23) translateY(4px);
}

/* The main navigation is a child-friendly learning trail, not a bare text row. */
.topbar > nav {
  direction: rtl;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px !important;
  max-width: 100%;
  margin: 0 auto;
  padding: 7px !important;
  border: 1px solid #dbe7f5;
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 20%, #fff0b8 0 4px, transparent 5px),
    radial-gradient(circle at 88% 76%, #cfeadb 0 4px, transparent 5px),
    linear-gradient(135deg, #f7fbff, #fffdf5);
  box-shadow: inset 0 1px 0 #fff, 0 8px 24px #183c7510;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}

.topbar > nav::-webkit-scrollbar {
  display: none;
}

.topbar > nav a {
  --nav-accent: #4f79e6;
  --nav-tint: #eef4ff;
  position: relative;
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-height: 46px;
  box-sizing: border-box;
  padding: 6px 10px 6px 14px !important;
  color: #24345f !important;
  background: #ffffffd9;
  border: 1px solid color-mix(in srgb, var(--nav-accent) 22%, white);
  border-radius: 17px 12px 17px 12px;
  box-shadow: 0 4px 0 color-mix(in srgb, var(--nav-accent) 17%, #dfe8f3), 0 7px 15px #17355f0b;
  font-size: clamp(12px, 0.9vw, 15px) !important;
  font-weight: 900 !important;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  transform: translateY(0);
  transition: color 170ms ease, background 170ms ease, transform 170ms ease, box-shadow 170ms ease;
}

.topbar > nav a::before {
  content: "✦";
  display: grid;
  flex: 0 0 32px;
  place-items: center;
  width: 32px;
  height: 32px;
  color: var(--nav-accent);
  background: var(--nav-tint);
  border: 1px solid #ffffffd9;
  border-radius: 11px 11px 8px 11px;
  box-shadow: 0 3px 8px color-mix(in srgb, var(--nav-accent) 18%, transparent);
  font-size: 17px;
  line-height: 1;
  transform: rotate(2deg);
}

.topbar > nav a:hover {
  color: #152650 !important;
  background: var(--nav-tint);
  transform: translateY(-3px);
  box-shadow: 0 6px 0 color-mix(in srgb, var(--nav-accent) 22%, #dfe8f3), 0 12px 22px color-mix(in srgb, var(--nav-accent) 17%, transparent);
}

.topbar > nav a:active {
  transform: translateY(3px);
  box-shadow: 0 2px 0 color-mix(in srgb, var(--nav-accent) 20%, #dfe8f3);
}

.topbar > nav a:focus-visible {
  outline: 4px solid color-mix(in srgb, var(--nav-accent) 30%, white) !important;
  outline-offset: 3px;
}

.topbar > nav a:nth-child(1) {
  --nav-accent: #4476ed;
  --nav-tint: #e9f1ff;
  color: #fff !important;
  background: linear-gradient(135deg, #397dec, #6b67e1);
  border-color: #b7ceff;
  border-radius: 20px 14px 20px 14px;
  box-shadow: 0 5px 0 #355ac5, 0 10px 20px #4b70df35;
}

.topbar > nav a:nth-child(1)::before { content: "⌂"; color: #fff; background: #ffffff2b; }
.topbar > nav a:nth-child(1):hover { color: #fff !important; background: linear-gradient(135deg, #2f73e8, #755fdf); }

.topbar > nav a:nth-child(2) { --nav-accent: #19a8a1; --nav-tint: #e2f9f6; }
.topbar > nav a:nth-child(2)::before { content: "🎒"; }

.topbar > nav a:nth-child(3) { --nav-accent: #7a62dd; --nav-tint: #f0ebff; }
.topbar > nav a:nth-child(3)::before { content: "📚"; }

.topbar > nav a:nth-child(4) { --nav-accent: #ee7d56; --nav-tint: #fff0e9; }
.topbar > nav a:nth-child(4)::before { content: "✏️"; }

.topbar > nav a:nth-child(5) { --nav-accent: #e4a62b; --nav-tint: #fff6d9; }
.topbar > nav a:nth-child(5)::before { content: "📄"; }

.topbar > nav a:nth-child(6) { --nav-accent: #d95a9a; --nav-tint: #ffedf7; }
.topbar > nav a:nth-child(6)::before { content: "🎨"; }

.topbar > nav a:nth-child(7) { --nav-accent: #2f9b67; --nav-tint: #e7f7ed; }
.topbar > nav a:nth-child(7)::before { content: "🌟"; }

@media (width <= 1440px) {
  .topbar:has(.header-actions.zeen-child-actions) {
    grid-template-columns: auto 1fr;
    min-height: 0;
  }

  .topbar:has(.header-actions.zeen-child-actions) > nav {
    grid-column: 1 / -1;
    grid-row: 2;
    width: min(100%, 990px);
  }

  .header-actions.zeen-child-actions {
    justify-self: start;
  }

  .header-actions.zeen-child-actions .zeen-child-action {
    min-width: 118px !important;
    min-height: 68px !important;
    padding: 8px 10px !important;
  }

  .header-actions.zeen-child-actions [data-zeen-action="ask"] { min-width: 194px !important; }
  .header-actions.zeen-child-actions [data-zeen-action="studio"] { min-width: 154px !important; }
  .header-actions.zeen-child-actions [data-zeen-action="library"] { min-width: 132px !important; }
  .header-actions.zeen-child-actions [data-zeen-action="classroom"] { min-width: 140px !important; }
  .header-actions.zeen-child-actions [data-zeen-action="progress"] { min-width: 126px !important; }

  .zeen-child-action .zeen-action-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 23px;
  }

  .zeen-child-action .zeen-action-avatar {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
  }
}

@media (width <= 1080px) {
  .topbar:has(.header-actions.zeen-child-actions) {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 14px 14px;
  }

  .topbar:has(.header-actions.zeen-child-actions) > nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
  }

  .header-actions.zeen-child-actions {
    order: 2;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
  }

  .header-actions.zeen-child-actions .zeen-child-action,
  .header-actions.zeen-child-actions [data-zeen-action] {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (width <= 680px) {
  .topbar:has(.header-actions.zeen-child-actions) {
    align-items: center;
    gap: 10px;
  }

  .header-actions.zeen-child-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px !important;
  }

  .topbar > nav {
    justify-content: flex-start;
    padding: 6px !important;
    border-radius: 19px;
  }

  .topbar > nav a {
    min-height: 42px;
    padding: 5px 9px 5px 11px !important;
    font-size: 12px !important;
  }

  .topbar > nav a::before {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
    font-size: 15px;
  }

  .header-actions.zeen-child-actions [data-zeen-action="ask"] {
    grid-column: 1 / -1;
    min-height: 74px !important;
  }

  .header-actions.zeen-child-actions .zeen-child-action {
    min-height: 64px !important;
    padding: 8px !important;
  }

  .zeen-child-action .zeen-action-copy strong {
    font-size: 14px;
  }

  .zeen-child-action .zeen-action-copy small {
    font-size: 9px;
  }

  .zeen-child-action .zeen-action-icon {
    width: 39px;
    height: 39px;
    flex-basis: 39px;
    font-size: 21px;
  }

  .zeen-child-action .zeen-action-avatar {
    width: 49px;
    height: 49px;
    flex-basis: 49px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-actions.zeen-child-actions .zeen-child-action,
  .zeen-child-action .zeen-action-spark,
  .topbar > nav a {
    transition: none;
  }
}

/* Learn with Zeen — interactive homepage teacher board */
.zeen-child-delight .teacher-showcase:is([data-zeen-smart-board="v5"], [data-zeen-smart-board="v6"], [data-zeen-smart-board="v7"], [data-zeen-smart-board="v8"], [data-zeen-smart-board="v9"]) {
  position: relative !important;
  align-self: start !important;
  width: 100% !important;
  max-width: 620px !important;
  padding: 13px !important;
  overflow: visible !important;
  border: 1px solid #dce8ee !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 92% 2%, #ffdfa055, transparent 25%),
    linear-gradient(155deg, #ffffff 0%, #f4fbff 60%, #fffaf0 100%) !important;
  box-shadow: 0 28px 75px #163b5a1c, 0 5px 14px #163b5a12 !important;
}

.zeen-home-library-separated .hero-21:has(.teacher-showcase:is([data-zeen-smart-board="v5"], [data-zeen-smart-board="v6"], [data-zeen-smart-board="v7"], [data-zeen-smart-board="v8"], [data-zeen-smart-board="v9"])) {
  height: auto !important;
  min-height: 1000px !important;
  overflow: visible !important;
}

.zeen-board-shell {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  color: #10214d;
  font-family: inherit;
}

.zeen-board-teacher {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 15px;
  align-items: center;
  padding: 5px 11px 9px;
}

.zeen-board-avatar {
  position: relative;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 5px solid #dff5ef;
  border-radius: 24px;
  background: #174d49;
  box-shadow: 0 10px 22px #174d4933;
  transform: rotate(2deg);
}

.zeen-board-avatar::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid #ffffffaa;
  border-radius: 16px;
  pointer-events: none;
}

.zeen-board-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zeen-board-online {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  color: #257e6e;
  font-size: 12px;
  font-weight: 900;
}

.zeen-board-online i {
  width: 9px;
  height: 9px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #54c996;
  box-shadow: 0 0 0 4px #dff7eb;
  animation: zeen-board-pulse 1.8s ease-in-out infinite;
}

.zeen-board-teacher h2 {
  margin: 2px 0 0;
  color: #10214d;
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.15;
}

.zeen-board-teacher p {
  margin: 5px 0 0;
  color: #6e7892;
  font-size: 13px;
  line-height: 1.55;
}

.zeen-board-composer {
  margin: 0 4px 12px;
  padding: 10px 12px;
  border: 1px solid #d7e4ee;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 10px 30px #1e416810;
}

.zeen-board-composer > label {
  display: block;
  margin: 0 2px 8px;
  color: #172855;
  font-size: 14px;
  font-weight: 950;
}

.zeen-board-input-wrap {
  position: relative;
}

.zeen-board-input-wrap textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 66px;
  resize: none;
  padding: 12px 44px 12px 13px;
  color: #132452;
  border: 2px solid #dbe6f1;
  border-radius: 18px;
  outline: none;
  background: #f9fcff;
  font: 700 14px/1.65 inherit;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.zeen-board-input-wrap textarea::placeholder {
  color: #98a2b9;
  font-weight: 600;
}

.zeen-board-input-wrap textarea:focus {
  border-color: #4e78dd;
  background: #fff;
  box-shadow: 0 0 0 5px #4e78dd1a;
}

.zeen-board-input-wrap > span {
  position: absolute;
  top: 12px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  color: #fff;
  border-radius: 9px;
  background: #5279dd;
  font-size: 14px;
  transform: rotate(-5deg);
}

.zeen-board-modes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-top: 9px;
}

.zeen-board-modes button {
  min-height: 38px;
  padding: 7px 5px;
  color: #52607d;
  border: 1px solid #d8e2ed;
  border-radius: 13px;
  background: #fff;
  font: 850 11px/1.3 inherit;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.zeen-board-modes button:hover,
.zeen-board-modes button:focus-visible {
  transform: translateY(-2px);
  border-color: #6e8ee3;
}

.zeen-board-modes button.is-active {
  color: #fff;
  border-color: #496fd4;
  background: linear-gradient(135deg, #4a77e7, #755bdc);
  box-shadow: 0 6px 15px #4f6fd02d;
}

.zeen-board-submit {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin-top: 10px;
  color: #fff;
  border: 0;
  border-radius: 16px;
  background: linear-gradient(135deg, #eb7a50, #e9a332);
  box-shadow: 0 8px 0 #bd613d, 0 13px 24px #c9783d2d;
  font: 950 15px/1 inherit;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.zeen-board-submit:hover,
.zeen-board-submit:focus-visible {
  filter: saturate(1.1);
  transform: translateY(-2px);
  box-shadow: 0 10px 0 #bd613d, 0 16px 28px #c9783d35;
}

.zeen-board-submit:active {
  transform: translateY(5px);
  box-shadow: 0 3px 0 #bd613d;
}

.zeen-board-submit:disabled {
  cursor: wait;
  filter: grayscale(.15);
  opacity: .72;
}

.zeen-board-submit b {
  font-size: 22px;
}

.zeen-board-error {
  min-height: 0;
  margin: 0;
  color: #b3333c;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.zeen-board-error:not(:empty) {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #fff0f1;
}

.zeen-classroom-board {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  min-height: 0;
  overflow: visible;
  margin: 0 3px;
  padding: 17px 15px 38px;
  touch-action: pan-y;
  overscroll-behavior-x: none;
  color: #f8f5df;
  border: 9px solid #a96f3d;
  border-radius: 22px;
  background:
    linear-gradient(90deg, transparent 49.7%, #ffffff06 50%, transparent 50.3%),
    radial-gradient(circle at 20% 22%, #ffffff0b 0 1px, transparent 2px),
    radial-gradient(circle at 78% 66%, #ffffff0a 0 1px, transparent 2px),
    linear-gradient(145deg, #174c48, #103d3d 54%, #0d3436);
  background-size: auto, 21px 19px, 29px 27px, auto;
  box-shadow: inset 0 0 0 2px #d8a96d, inset 0 0 42px #051d1db8, 0 14px 34px #12363732;
}

.zeen-classroom-board::before {
  content: "";
  position: absolute;
  inset: 4px;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  pointer-events: none;
}

.zeen-board-topline {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 30px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #f7e9b73d;
}

.zeen-board-topline p {
  flex: 1;
  margin: 0;
  color: #f8ecc0;
  font-size: 11px;
  font-weight: 850;
}

.zeen-board-lamp {
  color: #ffd763;
  animation: zeen-board-twinkle 1.4s ease-in-out infinite alternate;
}

.zeen-board-chalk {
  color: #aadaca;
  font-size: 9px;
  transform: rotate(-3deg);
}

.zeen-board-question {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  padding: 11px 13px;
  border: 1px solid #f7e9b735;
  border-radius: 13px;
  background: #ffffff0d;
}

.zeen-board-question small {
  display: block;
  margin-bottom: 4px;
  color: #ffd96f;
  font-size: 10px;
  font-weight: 900;
}

.zeen-board-question strong {
  display: block;
  min-width: 0;
  color: #fffdf1;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.zeen-board-grid {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.zeen-board-step {
  min-width: 0;
  min-height: 152px;
  padding: 18px 19px;
  border: 1px solid #ffffff19;
  border-radius: 18px;
  background: #ffffff0f;
  box-shadow: inset 0 0 18px #ffffff05;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.zeen-board-step[hidden] { display: none !important; }

.zeen-board-step:hover {
  transform: none;
  border-color: #f8e7a452;
  background: #ffffff11;
}

.zeen-board-step-toggle {
  display: grid;
  grid-template-columns: 34px 31px 1fr 18px;
  gap: 9px;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  color: inherit;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: right;
}

.zeen-board-step-toggle b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: #173f3c;
  border-radius: 8px;
  background: #f4d66e;
  font-size: 14px;
  box-shadow: 0 3px 0 #b89638;
}

.zeen-board-step-toggle span {
  font-size: 22px;
}

.zeen-board-step-toggle i {
  color: #f6e7ae;
  font-size: 15px;
  font-style: normal;
  opacity: 0;
}

.zeen-board-step h3 {
  margin: 0;
  color: #f6e7ae;
  font-size: 17px;
  line-height: 1.3;
}

.zeen-board-step p {
  margin: 14px 0 0;
  color: #f5f4e7;
  font-size: 15px;
  line-height: 1.8;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.zeen-board-learning-progress {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  margin: 0 2px 12px;
  color: #ffe07b;
  font-size: 12px;
  font-weight: 900;
}

.zeen-board-learning-progress > i {
  display: block;
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: #ffffff1f;
}

.zeen-board-learning-progress > i > b {
  display: block;
  width: 9.1%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7fe0c2, #ffe06e);
  transition: width .3s ease;
}

.zeen-board-step-navigation {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 9px;
  margin: 12px 0 0;
}

.zeen-board-step-navigation button {
  min-height: 46px;
  padding: 10px 12px;
  color: #173f3c;
  border: 1px solid #edd173;
  border-radius: 14px;
  background: #fff4bd;
  font: 900 12px/1.25 inherit;
  cursor: pointer;
}

.zeen-board-step-navigation button:last-child {
  color: #fff;
  border-color: #6cc8ad;
  background: linear-gradient(135deg, #2f927d, #1f6f65);
}

.zeen-board-step-navigation button:disabled {
  opacity: .45;
  cursor: default;
}

.zeen-board-tray {
  position: absolute;
  right: 10%;
  bottom: 11px;
  left: 10%;
  display: flex;
  gap: 10px;
  align-items: end;
  height: 9px;
  border-radius: 0 0 8px 8px;
  background: #c98a50;
  box-shadow: 0 3px 0 #81502d;
}

.zeen-board-tray i {
  display: block;
  width: 28px;
  height: 5px;
  margin-bottom: 5px;
  border-radius: 8px;
  background: #f8e7b3;
  transform: rotate(3deg);
}

.zeen-board-tray i:nth-child(2) { background: #80d3ed; transform: rotate(-2deg); }
.zeen-board-tray i:nth-child(3) { background: #f28f90; }
.zeen-board-tray span { flex: 1; }

.zeen-board-loading {
  display: none;
  position: absolute;
  z-index: 4;
  inset: 43px 13px 20px;
  place-content: center;
  grid-template-columns: repeat(3, 12px);
  gap: 7px;
  border-radius: 15px;
  background: #103d3deb;
  text-align: center;
  backdrop-filter: blur(3px);
}

.zeen-board-loading span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #f5d467;
  animation: zeen-board-bounce .75s ease-in-out infinite alternate;
}

.zeen-board-loading span:nth-child(2) { animation-delay: .15s; }
.zeen-board-loading span:nth-child(3) { animation-delay: .3s; }
.zeen-board-loading b {
  grid-column: 1 / -1;
  margin-top: 11px;
  color: #fff9dc;
  font-size: 13px;
}

.zeen-board-shell [data-status="loading"] .zeen-board-loading {
  display: grid;
}

.zeen-board-shell [data-status="ready"] .zeen-board-step {
  animation: zeen-board-write .35s ease both;
}

.zeen-board-shell [data-status="ready"] .zeen-board-step:nth-child(2) { animation-delay: .06s; }
.zeen-board-shell [data-status="ready"] .zeen-board-step:nth-child(3) { animation-delay: .12s; }
.zeen-board-shell [data-status="ready"] .zeen-board-step:nth-child(4) { animation-delay: .18s; }
.zeen-board-shell [data-status="ready"] .zeen-board-step:nth-child(5) { animation-delay: .24s; }
.zeen-board-shell [data-status="ready"] .zeen-board-step:nth-child(6) { animation-delay: .3s; }

.zeen-board-followups {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 10px 5px 0;
  padding: 9px;
  border: 1px solid #dce7ef;
  border-radius: 16px;
  background: #fff;
}

.zeen-board-followups[hidden] { display: none !important; }
.zeen-board-followups strong { color: #27385f; font-size: 11px; }
.zeen-board-followups button {
  min-height: 32px;
  padding: 6px 9px;
  color: #315168;
  border: 1px solid #d5e2ea;
  border-radius: 11px;
  background: #f8fcff;
  font: 850 10px/1 inherit;
  cursor: pointer;
}

.zeen-board-sources {
  margin: 10px 5px 0;
  padding: 11px;
  border: 1px solid #cce8df;
  border-radius: 16px;
  background: linear-gradient(135deg, #effaf6, #fffdf1);
}

.zeen-board-sources[hidden] { display: none !important; }
.zeen-board-sources > strong { display: block; margin-bottom: 8px; color: #245b53; font-size: 11px; }
.zeen-board-sources > div { display: grid; gap: 7px; }
.zeen-board-sources a {
  display: grid;
  gap: 3px;
  padding: 8px 10px;
  color: #1e315b;
  border: 1px solid #dce8ee;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
}
.zeen-board-sources a:hover,
.zeen-board-sources a:focus-visible { border-color: #5c8f83; box-shadow: 0 0 0 3px #dff4ed; }
.zeen-board-sources b { font-size: 11px; }
.zeen-board-sources small { color: #748096; font-size: 9px; }

.zeen-board-full-room {
  display: grid;
  grid-template-columns: 43px 1fr 25px;
  grid-template-areas: "icon title arrow" "icon note arrow";
  gap: 1px 10px;
  align-items: center;
  width: calc(100% - 8px);
  min-height: 61px;
  margin: 11px 4px 0;
  padding: 8px 12px;
  color: #fff;
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, #506fda, #705bd9);
  box-shadow: 0 8px 0 #3a50a8, 0 14px 25px #3f55a52b;
  text-align: right;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}

.zeen-board-full-room:hover,
.zeen-board-full-room:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 0 #3a50a8, 0 17px 28px #3f55a535; }
.zeen-board-full-room > span { grid-area: icon; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; background: #ffffff20; font-size: 23px; }
.zeen-board-full-room > b { grid-area: title; font-size: 13px; }
.zeen-board-full-room > small { grid-area: note; color: #e9edff; font-size: 9px; }
.zeen-board-full-room > i { grid-area: arrow; font-size: 22px; font-style: normal; }

.zeen-board-note {
  margin: 12px 10px 4px;
  color: #7b8497;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

@keyframes zeen-board-pulse { 50% { box-shadow: 0 0 0 7px #dff7eb66; } }
@keyframes zeen-board-twinkle { to { transform: scale(1.25) rotate(12deg); } }
@keyframes zeen-board-bounce { to { transform: translateY(-8px); background: #fff3bb; } }
@keyframes zeen-board-write { from { opacity: .2; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

/* Strong fallback for browsers that still have the older page JavaScript cached. */
.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) {
  position: relative !important;
  overflow: hidden !important;
  padding: 18px !important;
  border: 1px solid #dce8ef !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 92% 0, #ffe29b5c, transparent 25%),
    linear-gradient(155deg, #fff, #f4fbff 62%, #fff9ed) !important;
  box-shadow: 0 28px 70px #14385920 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board])::before {
  content: "لوح الفهم خطوة خطوة";
  display: block;
  width: fit-content;
  margin: 0 auto 13px;
  padding: 7px 13px;
  color: #23675e;
  border: 1px solid #bfe5d9;
  border-radius: 999px;
  background: #eaf8f3;
  font-size: 12px;
  font-weight: 950;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .showcase-glow {
  display: none !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-head {
  display: grid !important;
  grid-template-columns: 76px 1fr !important;
  gap: 15px !important;
  align-items: center !important;
  margin: 0 3px 14px !important;
  padding: 0 !important;
  text-align: right !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-logo {
  width: 70px !important;
  height: 70px !important;
  border: 5px solid #dff4ee !important;
  border-radius: 23px !important;
  object-fit: cover !important;
  background: #174d49 !important;
  box-shadow: 0 10px 22px #174d4933 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-head > div > span {
  color: #2b8b77 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-head h2 {
  margin: 3px 0 !important;
  color: #12234f !important;
  font-size: 25px !important;
  line-height: 1.25 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-head p {
  margin: 0 !important;
  color: #6b7690 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-dialog {
  position: relative !important;
  margin: 0 3px 12px !important;
  padding: 13px 15px !important;
  border: 1px solid #d7e6f2 !important;
  border-radius: 18px 18px 6px 18px !important;
  background: #edf6ff !important;
  box-shadow: none !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-dialog span {
  display: inline-block !important;
  margin-bottom: 4px !important;
  color: #4d70d7 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-dialog p {
  margin: 0 !important;
  color: #172b59 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.55 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer {
  position: relative !important;
  overflow: hidden !important;
  margin: 0 3px 13px !important;
  padding: 15px 14px 20px !important;
  color: #f7f4df !important;
  border: 8px solid #a96f3d !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 20% 20%, #ffffff0b 0 1px, transparent 2px),
    linear-gradient(145deg, #174c48, #0e3838) !important;
  background-size: 23px 21px, auto !important;
  box-shadow: inset 0 0 0 2px #d7a86d, inset 0 0 35px #041a1aa8, 0 12px 28px #153a3b2b !important;
  text-align: right !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer > span {
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
  margin: 0 0 11px !important;
  color: #ffe184 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer > span::before {
  content: "✦";
  color: #ffd55e;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer li {
  min-height: 56px !important;
  margin: 0 !important;
  padding: 10px !important;
  color: #f5f4e8 !important;
  border: 1px solid #ffffff1a !important;
  border-radius: 13px !important;
  background: #ffffff0b !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer li:first-child {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer li b {
  color: #ffe184 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer li span {
  color: #9dd8ff !important;
  font-weight: 950 !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer > div {
  display: none !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-actions {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  margin: 0 3px 13px !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-actions button {
  min-height: 48px !important;
  padding: 8px 5px !important;
  color: #344868 !important;
  border: 1px solid #d5e2ec !important;
  border-radius: 15px !important;
  background: #fff !important;
  box-shadow: 0 5px 13px #173c6210 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-actions button:hover,
.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-actions button:focus-visible {
  color: #fff !important;
  border-color: #536fd7 !important;
  background: linear-gradient(135deg, #5279df, #765eda) !important;
  transform: translateY(-2px) !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-cta {
  display: flex !important;
  gap: 11px !important;
  align-items: center !important;
  justify-content: center !important;
  width: calc(100% - 6px) !important;
  min-height: 62px !important;
  margin: 0 3px !important;
  padding: 10px 16px !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #4f70d9, #725bd8) !important;
  box-shadow: 0 8px 0 #3c50a4, 0 14px 24px #3b50a42c !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
}

.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-cta:hover,
.zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-cta:focus-visible {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 0 #3c50a4, 0 17px 28px #3b50a438 !important;
}

@media (width <= 1180px) {
  .zeen-child-delight .teacher-showcase:is([data-zeen-smart-board="v5"], [data-zeen-smart-board="v6"], [data-zeen-smart-board="v7"], [data-zeen-smart-board="v8"], [data-zeen-smart-board="v9"]) { max-width: 560px !important; }
  .zeen-board-teacher { grid-template-columns: 64px 1fr; }
  .zeen-board-avatar { width: 59px; height: 59px; }
  .zeen-classroom-board { padding-inline: 11px; }
}

@media (width <= 900px) {
  .zeen-child-delight .teacher-showcase:is([data-zeen-smart-board="v5"], [data-zeen-smart-board="v6"], [data-zeen-smart-board="v7"], [data-zeen-smart-board="v8"], [data-zeen-smart-board="v9"]) { max-width: none !important; }
  .zeen-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (width <= 680px) {
  .zeen-child-delight .teacher-showcase:is([data-zeen-smart-board="v5"], [data-zeen-smart-board="v6"], [data-zeen-smart-board="v7"], [data-zeen-smart-board="v8"], [data-zeen-smart-board="v9"]) {
    display: block !important;
    width: auto !important;
    margin: 14px 8px 0 !important;
    padding: 8px !important;
    border-radius: 25px !important;
  }
  .zeen-board-teacher { grid-template-columns: 58px 1fr; gap: 10px; }
  .zeen-board-avatar { width: 54px; height: 54px; border-radius: 19px; }
  .zeen-board-teacher h2 { font-size: 21px; }
  .zeen-board-teacher p { font-size: 11px; }
  .zeen-board-composer { padding: 10px; border-radius: 18px; }
  .zeen-board-modes { grid-template-columns: 1fr; }
  .zeen-board-modes button { min-height: 36px; }
  .zeen-classroom-board { height: auto; overflow: visible; border-width: 7px; border-radius: 18px; }
  .zeen-board-grid { grid-template-columns: 1fr; }
  .zeen-board-step { min-height: 0; }
  .zeen-board-full-room { grid-template-columns: 38px 1fr 22px; }
  .zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer ul { grid-template-columns: 1fr !important; }
  .zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-answer li:first-child { grid-column: auto !important; }
  .zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-head { grid-template-columns: 58px 1fr !important; }
  .zeen-child-delight .teacher-showcase:not([data-zeen-smart-board]) .teacher-preview-logo { width: 54px !important; height: 54px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .zeen-board-shell *,
  .zeen-board-shell *::before,
  .zeen-board-shell *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}

.zeen-board-learning-extras {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  margin-top: 14px;
  padding: 15px;
  border: 1px solid #d8e4f2;
  border-radius: 22px;
  background: linear-gradient(135deg, #fffdf7, #f6fbff);
}

.zeen-board-learning-extras h3 { margin: 0 0 9px; color: #173a69; font-size: 17px; }
.zeen-board-flashcards > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.zeen-board-flashcard,
.zeen-board-check-option {
  min-height: 52px;
  padding: 9px 11px;
  color: #173a69;
  border: 1px solid #cbdcf3;
  border-radius: 14px;
  background: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.zeen-board-flashcard { display: grid; gap: 3px; text-align: right; }
.zeen-board-flashcard b { color: #4f70d9; }
.zeen-board-flashcard span,
.zeen-board-flashcard small { color: #687793; font-size: 12px; font-weight: 700; }
.zeen-board-flashcard.is-flipped { border-color: #6cbd99; background: #edfff5; }
.zeen-board-concept-check { padding: 13px; border-radius: 16px; background: #edf6ff; }
.zeen-board-concept-check p { margin: 0 0 10px; color: #1a345e; font-weight: 850; line-height: 1.6; }
.zeen-board-concept-check > div { display: grid; gap: 7px; }
.zeen-board-check-option:hover,
.zeen-board-check-option:focus-visible { border-color: #5877dc; background: #eef2ff; }
.zeen-board-check-option.is-correct { color: #145f43; border-color: #55b783; background: #e5faed; }
.zeen-board-check-option.is-wrong { color: #9f3150; border-color: #e898ad; background: #fff0f4; }
.zeen-board-concept-check small { display: block; margin-top: 9px; color: #36537c; font-weight: 750; line-height: 1.55; }

@media (width <= 680px) {
  .zeen-board-learning-extras { grid-template-columns: 1fr; padding: 11px; border-radius: 18px; }
}

:root {
  --zeen-child-scale: 1.06;
  --zeen-child-ink: #172454;
  --zeen-child-blue: #4b78ec;
  --zeen-child-pink: #f06491;
  --zeen-child-mint: #4fc7aa;
  --zeen-child-sun: #ffc94a;
  --zeen-child-purple: #8764e9;
  --zeen-child-shadow: 0 9px 0 #cbd9ed, 0 19px 38px #24476e20;
}

.zeen-age-experience {
  position: relative;
  isolation: isolate;
  z-index: 9;
  width: min(1240px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(290px, .75fr) minmax(540px, 1.25fr);
  grid-template-areas: "guide options" "sound options";
  align-items: stretch;
  gap: 16px 24px;
  margin: 22px auto 32px;
  padding: 24px;
  border: 4px solid #fff;
  border-radius: 32px;
  color: var(--zeen-child-ink);
  background:
    radial-gradient(circle at 3% 5%, #fff2a7 0 7%, transparent 7.3%),
    radial-gradient(circle at 97% 96%, #c9f2ff 0 10%, transparent 10.3%),
    linear-gradient(135deg, #fffdf2, #f1f9ff 52%, #f8f1ff);
  box-shadow: 0 18px 48px #24476e1c, 0 0 0 1px #d8e5f1;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.zeen-age-experience::before,
.zeen-age-experience::after {
  position: absolute;
  z-index: -1;
  color: #f5bd39;
  font-size: 18px;
  content: "✦";
  animation: zeenTwinkle 2.4s ease-in-out infinite;
}
.zeen-age-experience::before { inset: 10px 45% auto auto; }
.zeen-age-experience::after { inset: auto auto 8px 31%; color: #7a65df; animation-delay: -1.2s; }

.zeen-age-guide {
  grid-area: guide;
  min-width: 0;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.zeen-age-guide > img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: 50% 12%;
  border: 4px solid #fff;
  border-radius: 24px;
  background: #daf5ee;
  box-shadow: 0 7px 0 #b7dcd4, 0 13px 23px #31536d22;
}
.zeen-age-bubble {
  position: relative;
  min-width: 0;
  display: grid;
  padding: 9px 13px;
  border: 2px solid #dbe6f2;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 7px 18px #314d6e12;
}
.zeen-age-bubble::after {
  position: absolute;
  right: -11px;
  top: 24px;
  width: 18px;
  height: 18px;
  border-right: 2px solid #dbe6f2;
  border-bottom: 2px solid #dbe6f2;
  background: #fff;
  transform: rotate(-45deg);
  content: "";
}
.zeen-age-bubble small { color: #14816e; font-size: 10px; font-weight: 900; }
.zeen-age-bubble strong { font-size: 20px; line-height: 1.3; }
.zeen-age-bubble span { overflow: hidden; color: #67748e; font-size: 11px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; }

.zeen-listen,
.zeen-sound {
  min-height: 46px;
  border: 3px solid #fff;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #2d90e9, #536de7);
  box-shadow: 0 6px 0 #2e50ae;
  cursor: pointer;
  font: 900 13px inherit;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
.zeen-listen { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 7px; }
.zeen-listen span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; color: #3154bb; background: #fff; font-size: 10px; }
.zeen-sound { grid-area: sound; min-width: 112px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 9px 12px; color: #275c51; background: linear-gradient(145deg, #effff9, #c9f3df); box-shadow: 0 6px 0 #9fcfbb; }
.zeen-sound span { font-size: 20px; line-height: 1; }
.zeen-sound b { font-size: 10px; }

.zeen-age-options {
  grid-area: options;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.zeen-age-options button {
  --age-color: var(--zeen-child-pink);
  position: relative;
  min-width: 0;
  min-height: 142px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border: 3px solid #fff;
  border-radius: 23px;
  color: var(--zeen-child-ink);
  background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--age-color) 10%, #fff));
  box-shadow: 0 7px 0 color-mix(in srgb, var(--age-color) 28%, #d9e4ef), 0 13px 24px #304a6b16;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}
.zeen-age-options button:nth-child(2) { --age-color: var(--zeen-child-mint); }
.zeen-age-options button:nth-child(3) { --age-color: var(--zeen-child-purple); }
.zeen-age-options button:hover,
.zeen-age-options button:focus-visible { transform: translateY(-4px) rotate(-.5deg); filter: saturate(1.08); outline: 4px solid color-mix(in srgb, var(--age-color) 25%, transparent); outline-offset: 3px; }
.zeen-age-options button.is-active { color: #fff; background: linear-gradient(145deg, color-mix(in srgb, var(--age-color) 84%, #fff), var(--age-color)); box-shadow: 0 8px 0 color-mix(in srgb, var(--age-color) 66%, #253d6f), 0 16px 27px color-mix(in srgb, var(--age-color) 26%, transparent); transform: translateY(-2px); }
.zeen-age-icon { display: grid; place-items: center; width: 48px; height: 48px; border: 3px solid #fff; border-radius: 17px; background: #ffffffd9; box-shadow: 0 5px 12px #223b601a; font-size: 28px; }
.zeen-age-options button > span:nth-child(2) { min-width: 0; display: grid; }
.zeen-age-options b { font-size: 30px; line-height: 1; }
.zeen-age-options small { overflow: hidden; margin-top: 7px; color: inherit; font-size: 13px; font-weight: 900; white-space: nowrap; text-overflow: ellipsis; opacity: .88; }
.zeen-age-options i { position: absolute; left: 7px; top: 7px; width: 19px; height: 19px; display: none; place-items: center; border-radius: 50%; color: var(--age-color); background: #fff; font: 900 11px Arial; }
.zeen-age-options button.is-active i { display: grid; }
.zeen-child-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

.zeen-kid-pressed { transform: translateY(4px) scale(.98) !important; transition-duration: 60ms !important; }
.zeen-child-spark { position: fixed; z-index: 99999; width: 10px; height: 10px; border-radius: 50%; pointer-events: none; animation: zeenSpark .8s ease-out forwards; }

/* Shared child-facing polish. */
body.zeen-child-mode button,
body.zeen-child-mode a { -webkit-tap-highlight-color: transparent; }
body.zeen-child-mode :is(button, a, input, select):focus-visible { outline: 4px solid #65a2ff !important; outline-offset: 3px !important; }
body.zeen-child-mode .hero,
body.zeen-child-mode .hero-21 { transition: border-radius 220ms ease, box-shadow 220ms ease; }

/* Student library: every age keeps the same real material, but receives a different entrance. */
body.zeen-child-mode .student-choices,
body.zeen-child-mode .journey { border-width: 4px; box-shadow: var(--zeen-child-shadow); }
body.zeen-child-mode .subject-choice-grid button,
body.zeen-child-mode .learning-kind-grid button,
body.zeen-child-mode .stage-buttons button { transform-origin: center bottom; }
body[data-child-age="toddler"] .hero-stats,
body[data-child-age="toddler"] .student-choices > header p,
body[data-child-age="toddler"] .subject-choice-grid small,
body[data-child-age="toddler"] .learning-kind-grid small,
body[data-child-age="toddler"] .filter-panel { display: none !important; }
body[data-child-age="toddler"] .subject-choice-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body[data-child-age="toddler"] .subject-choice-grid button { min-height: 185px; }
body[data-child-age="toddler"] .subject-choice-grid i { width: 78px; height: 78px; border-radius: 25px; font-size: 34px; }
body[data-child-age="toddler"] .subject-choice-grid b { font-size: 22px; }
body[data-child-age="toddler"] .library-shell { grid-template-columns: 1fr; }
body[data-child-age="toddler"] .items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-child-age="toddler"] .item { min-height: 360px; border-radius: 32px; }
body[data-child-age="early"] .student-choices { background: linear-gradient(145deg, #fff9dd, #eefaff 48%, #faefff); }
body[data-child-age="junior"] .student-choices { background: radial-gradient(circle at 5% 10%, #ffffff26 0 8%, transparent 8.3%), linear-gradient(135deg, #eef5ff, #f2efff); }
body[data-child-age="junior"] .subject-choice-grid button:hover { transform: translateY(-7px) rotate(.7deg); }

/* Homepage: retain the smart teacher while adapting visual density. */
body[data-child-age="toddler"] .hero-proof,
body[data-child-age="toddler"] .teacher-preview-actions { display: none !important; }
body[data-child-age="toddler"] .hero-actions :is(a, button) { min-height: 68px !important; font-size: 19px !important; border-radius: 24px !important; }
body[data-child-age="toddler"] .header-actions .zeen-child-action:not([data-zeen-action="ask"]):not([data-zeen-action="library"]) { display: none !important; }
body[data-child-age="early"] .hero-copy,
body[data-child-age="early"] .teacher-showcase { border-radius: 38px !important; }
body[data-child-age="junior"] .hero-copy { background: radial-gradient(circle at 94% 5%, #fff2bd55, transparent 25%), linear-gradient(145deg, #fff, #f4f7ff) !important; }

/* Coloring already has a dedicated game layer; use this selector as its one age control. */
body.zeen-child-mode.kid-world .kid-hero .age-choices { display: none; }
body[data-child-age="toddler"].kid-world .activity-launchers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body[data-child-age="toddler"].kid-world .activity-launchers button { min-height: 140px; border-radius: 34px; }
body[data-child-age="toddler"].kid-world .activity-launchers button span { font-size: 52px; }
body[data-child-age="early"].kid-world .kid-hero { background: radial-gradient(circle at 82% 20%, #fff 0 8%, transparent 8.3%), linear-gradient(180deg, #9fe6ff 0, #e9fbff 55%, #d9f5bd 56%, #aee486 100%); }
body[data-child-age="junior"].kid-world .kid-hero { background: radial-gradient(circle at 86% 17%, #ffffffc7 0 7%, transparent 7.3%), linear-gradient(160deg, #7bb8ff, #e8efff 50%, #b5e38a 51%, #7bc763); }

@keyframes zeenTwinkle { 50% { transform: scale(1.45) rotate(20deg); opacity: .45; } }
@keyframes zeenSpark { to { transform: translate(var(--spark-x), var(--spark-y)) scale(.2); opacity: 0; } }

@media (max-width: 1000px) {
  .zeen-age-experience { grid-template-columns: 1fr; grid-template-areas: "guide" "options" "sound"; }
  .zeen-age-options button { min-height: 118px; }
}

@media (max-width: 680px) {
  .zeen-age-experience { display: none !important; }

  body.zeen-mobile-entry-open { overflow: hidden !important; }
  .zeen-mobile-entry {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: grid;
    place-items: center;
    padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
    color: #172454;
    background: radial-gradient(circle at 12% 8%, #fff2a8 0 8%, transparent 8.4%), radial-gradient(circle at 92% 92%, #bcecff 0 12%, transparent 12.4%), linear-gradient(145deg, #fffdf1, #edf7ff 52%, #f6efff);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  }
  .zeen-mobile-entry-card { width: min(100%, 430px); display: grid; gap: 16px; padding: 18px; border: 4px solid #fff; border-radius: 32px; background: #ffffffdc; box-shadow: 0 24px 65px #26476d32, 0 0 0 1px #d8e5f0; backdrop-filter: blur(18px); }
  .zeen-entry-brand { display: flex; align-items: center; justify-content: center; gap: 10px; }
  .zeen-entry-brand img { width: 50px; height: 50px; }
  .zeen-entry-brand span { display: grid; }
  .zeen-entry-brand small { color: #258273; font-size: 10px; font-weight: 900; }
  .zeen-entry-brand b { font-size: 21px; }
  .zeen-entry-teacher { display: grid; grid-template-columns: 78px 1fr; align-items: center; gap: 12px; padding: 13px; border-radius: 24px; background: linear-gradient(135deg, #edf7ff, #fff8dd); }
  .zeen-entry-teacher img { width: 78px; height: 78px; object-fit: cover; object-position: 50% 12%; border: 4px solid #fff; border-radius: 24px; background: #dff5ef; box-shadow: 0 7px 0 #acd9ce; }
  .zeen-entry-teacher span { min-width: 0; display: grid; gap: 3px; }
  .zeen-entry-teacher small { color: #218170; font-size: 10px; font-weight: 900; }
  .zeen-entry-teacher strong { font-size: 23px; line-height: 1.25; }
  .zeen-entry-teacher em { color: #6d7890; font-size: 11px; font-style: normal; line-height: 1.5; }
  .zeen-entry-roles { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
  .zeen-entry-roles button { min-height: 162px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 12px 7px; border: 3px solid #fff; border-radius: 27px; color: #fff; background: linear-gradient(145deg, #4e82ef, #665fdc); box-shadow: 0 8px 0 #3c4dae, 0 17px 29px #314c8b28; font-family: inherit; cursor: pointer; }
  .zeen-entry-roles button + button { color: #174b43; background: linear-gradient(145deg, #a7ead8, #e4f8ec); box-shadow: 0 8px 0 #6cb9a4, 0 17px 29px #315f5724; }
  .zeen-entry-roles button span { width: 58px; height: 58px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 20px; background: #ffffffdd; font-size: 32px; }
  .zeen-entry-roles b { font-size: 20px; }
  .zeen-entry-roles small { max-width: 120px; font-size: 10px; line-height: 1.45; opacity: .88; }
  .zeen-entry-stages { display: grid; gap: 12px; }
  .zeen-entry-stages[hidden] { display: none !important; }
  .zeen-entry-stages header { display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 10px; }
  .zeen-entry-stages header > button { width: 42px; height: 42px; border: 0; border-radius: 14px; color: #315a91; background: #edf4ff; font-size: 22px; }
  .zeen-entry-stages header span { display: grid; }
  .zeen-entry-stages header b { font-size: 21px; }
  .zeen-entry-stages header small { color: #6b7890; font-size: 10px; }
  .zeen-entry-stages > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
  .zeen-entry-stages > div button { min-height: 112px; display: grid; place-items: center; align-content: center; gap: 4px; border: 3px solid #fff; border-radius: 23px; color: #253b75; background: linear-gradient(145deg, #eef5ff, #fff); box-shadow: 0 6px 0 #c8d7ed; font-family: inherit; }
  .zeen-entry-stages > div button:nth-child(2) { background: #effcf8; box-shadow-color: #a9d7cb; }
  .zeen-entry-stages > div button:nth-child(3) { background: #fff6e6; box-shadow-color: #ecd19c; }
  .zeen-entry-stages > div button:nth-child(4) { background: #f6efff; box-shadow-color: #d4c0ec; }
  .zeen-entry-stages > div span { font-size: 30px; }
  .zeen-entry-stages > div b { font-size: 17px; }
  .zeen-entry-stages > div small { color: #74809a; font-size: 9px; }

  .zeen-mobile-stage-bar {
    position: fixed;
    inset: auto 7px max(7px, env(safe-area-inset-bottom));
    z-index: 9998;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    padding: 6px;
    border: 2px solid #fff;
    border-radius: 20px;
    background: #ffffffee;
    box-shadow: 0 14px 40px #1e365b42;
    backdrop-filter: blur(17px);
  }
  .zeen-mobile-stage-bar button { min-width: 0; min-height: 52px; display: grid; place-items: center; align-content: center; gap: 2px; border: 0; border-radius: 14px; color: #53637f; background: transparent; font-family: inherit; }
  .zeen-mobile-stage-bar button span { font-size: 18px; line-height: 1; }
  .zeen-mobile-stage-bar button b { overflow: hidden; width: 100%; font-size: 9px; white-space: nowrap; text-overflow: ellipsis; }
  .zeen-mobile-stage-bar button.is-active { color: #fff; background: linear-gradient(135deg, #4d78e8, #7460df); box-shadow: 0 4px 0 #3c4fab; }
  body:has(.zeen-mobile-stage-bar) main { padding-bottom: 90px !important; }

  .zeen-age-experience { width: calc(100% - 18px); grid-template-columns: 1fr auto; gap: 10px; margin: 10px auto 16px; padding: 11px; border-radius: 25px; }
  .zeen-age-guide { grid-template-columns: 54px minmax(0, 1fr); }
  .zeen-age-guide > img { width: 54px; height: 54px; border-radius: 18px; }
  .zeen-age-bubble { padding: 7px 10px; }
  .zeen-age-bubble strong { font-size: 16px; }
  .zeen-age-bubble span { display: none; }
  .zeen-listen { min-height: 42px; }
  .zeen-sound { min-width: 58px; width: 58px; min-height: 58px; padding: 4px; border-radius: 18px; }
  .zeen-sound b { display: none; }
  .zeen-age-options { gap: 6px; }
  .zeen-age-options button { grid-template-columns: 1fr; justify-items: center; min-height: 103px; padding: 7px 3px; border-radius: 20px; text-align: center; }
  .zeen-age-icon { width: 43px; height: 43px; border-radius: 15px; font-size: 25px; }
  .zeen-age-options b { font-size: 20px; }
  .zeen-age-options small { font-size: 9px; }
  body[data-child-age="toddler"] .subject-choice-grid,
  body[data-child-age="toddler"] .items { grid-template-columns: 1fr; }
  body[data-child-age="toddler"] .subject-choice-grid button { min-height: 160px; }
}

/* Mobile homepage: one clear action at a time, without the crowded desktop shelf. */
@media (max-width: 680px) {
  body.zeen-child-mode .topbar:has(.header-actions.zeen-child-actions) {
    position: sticky !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 62px !important;
    max-height: 62px !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    overflow: hidden !important;
  }

  body.zeen-child-mode .topbar > nav { display: none !important; }
  body.zeen-child-mode .topbar .mini-brand {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    min-width: 0;
    margin: 0 !important;
  }
  body.zeen-child-mode .topbar .mini-brand img { width: 42px !important; height: 42px !important; }
  body.zeen-child-mode .topbar .mini-brand strong { font-size: 14px !important; }

  body.zeen-child-mode .header-actions.zeen-child-actions {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    display: flex !important;
    width: auto !important;
    gap: 0 !important;
  }

  body.zeen-child-mode .header-actions.zeen-child-actions .zeen-child-action {
    display: none !important;
  }

  body.zeen-child-mode .header-actions.zeen-child-actions [data-zeen-action="studio"] {
    display: flex !important;
    width: auto !important;
    min-width: 112px !important;
    min-height: 44px !important;
    gap: 6px !important;
    padding: 5px 8px !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 0 #b9933f, 0 8px 14px #163b4b20 !important;
  }

  body.zeen-child-mode .header-actions [data-zeen-action="studio"] .zeen-action-icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-radius: 10px;
    font-size: 17px;
  }

  body.zeen-child-mode .header-actions [data-zeen-action="studio"] .zeen-action-copy small,
  body.zeen-child-mode .header-actions [data-zeen-action="studio"] .zeen-action-spark { display: none; }
  body.zeen-child-mode .header-actions [data-zeen-action="studio"] .zeen-action-copy strong { font-size: 12px; }

  .zeen-age-experience {
    width: calc(100% - 14px);
    gap: 7px;
    margin: 7px auto 10px;
    padding: 8px;
    border-width: 3px;
    border-radius: 21px;
  }

  .zeen-age-guide { grid-template-columns: 42px minmax(0, 1fr); gap: 7px; }
  .zeen-age-guide > img { width: 42px; height: 42px; border-width: 3px; border-radius: 14px; box-shadow: 0 4px 0 #b7dcd4; }
  .zeen-age-bubble { padding: 5px 8px; border-radius: 13px; }
  .zeen-age-bubble::after { display: none; }
  .zeen-age-bubble small { font-size: 8px; }
  .zeen-age-bubble strong { font-size: 14px; }
  .zeen-listen { min-height: 34px; border-width: 2px; border-radius: 12px; box-shadow: 0 4px 0 #2e50ae; font-size: 11px; }
  .zeen-listen span { width: 21px; height: 21px; }
  .zeen-sound { min-width: 42px; width: 42px; min-height: 42px; height: 42px; border-width: 2px; border-radius: 13px; box-shadow: 0 4px 0 #9fcfbb; }
  .zeen-sound span { font-size: 17px; }
  .zeen-age-options { gap: 5px; }
  .zeen-age-options button { min-height: 70px; gap: 3px; padding: 5px 2px; border-width: 2px; border-radius: 16px; box-shadow: 0 4px 0 color-mix(in srgb, var(--age-color) 28%, #d9e4ef); }
  .zeen-age-icon { width: 32px; height: 32px; border-width: 2px; border-radius: 11px; font-size: 19px; }
  .zeen-age-options b { font-size: 17px; }
  .zeen-age-options small { display: none; }

  body.zeen-child-mode .hero-21 {
    min-height: 0 !important;
    padding: 0 7px 24px !important;
    overflow: visible !important;
  }

  body.zeen-child-mode.zeen-home-library-separated .hero-21:has(.teacher-showcase) {
    min-height: 0 !important;
  }

  body.zeen-child-mode .hero-intro {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.zeen-child-mode .hero-copy {
    min-height: 0 !important;
    padding: 17px !important;
    border-radius: 23px !important;
  }

  body.zeen-child-mode .hero-copy .hero-learning-art,
  body.zeen-child-mode .hero-copy .hero-actions,
  body.zeen-child-mode .hero-copy .hero-proof { display: none !important; }
  body.zeen-child-mode .hero-copy .hero-badge { margin: 0 !important; font-size: 10px !important; }
  body.zeen-child-mode .hero-copy h1 { margin: 10px 0 8px !important; font-size: clamp(30px, 9vw, 39px) !important; line-height: 1.12 !important; }
  body.zeen-child-mode .hero-copy > p { margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; }
  body.zeen-child-mode .teacher-showcase { margin: 0 !important; }

  .zeen-board-shell.is-mobile-accordion .zeen-board-teacher { grid-template-columns: 48px 1fr; gap: 9px; padding: 3px 6px 8px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-avatar { width: 44px; height: 44px; border-width: 3px; border-radius: 15px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-online { font-size: 9px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-teacher h2 { font-size: 18px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-teacher p { display: none; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-composer { margin: 0 0 8px; padding: 8px; border-radius: 16px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-composer > label { margin-bottom: 5px; font-size: 12px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-input-wrap textarea { min-height: 58px; height: 58px; padding: 8px 36px 8px 9px; border-radius: 13px; font-size: 12px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-modes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-modes button { min-height: 40px; padding: 5px 3px; border-radius: 11px; font-size: 9px; line-height: 1.25; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-submit { min-height: 45px; margin-top: 7px; border-radius: 13px; font-size: 14px; }
  .zeen-board-shell.is-mobile-accordion .zeen-classroom-board { min-height: 58px; padding: 8px 7px 15px; border-width: 5px; border-radius: 15px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-topline { min-height: 31px; margin-bottom: 4px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-question,
  .zeen-board-shell.is-mobile-accordion .zeen-board-grid { display: none; }
  .zeen-board-shell.is-mobile-accordion [data-status="ready"] .zeen-board-question { display: block; margin-bottom: 6px; padding: 7px 8px; }
  .zeen-board-shell.is-mobile-accordion [data-status="ready"] .zeen-board-grid { display: grid; grid-template-columns: 1fr; gap: 5px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-step { min-height: 0; padding: 7px 8px; border-radius: 10px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-step-toggle { grid-template-columns: 22px 21px 1fr 18px; cursor: pointer; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-step-toggle i { opacity: .85; transition: transform 160ms ease; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-step p { display: none; margin: 7px 2px 1px; padding-top: 7px; border-top: 1px dashed #ffffff26; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-step.is-open { border-color: #f1d6797d; background: #ffffff12; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-step.is-open p { display: block; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-step.is-open .zeen-board-step-toggle i { transform: rotate(180deg); }
  .zeen-board-shell.is-mobile-accordion .zeen-board-tray { display: none; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-followups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-inline: 0; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-followups strong { grid-column: 1 / -1; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-followups button { padding: 6px 3px; font-size: 9px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-full-room { grid-template-columns: 36px 1fr 20px; min-height: 51px; margin-inline: 0; border-radius: 14px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-full-room > span { width: 34px; height: 34px; font-size: 18px; }
  .zeen-board-shell.is-mobile-accordion .zeen-board-full-room > small,
  .zeen-board-shell.is-mobile-accordion .zeen-board-note { display: none; }

  body.zeen-child-mode .zeen-quest-dock,
  body.zeen-child-mode .coloring-books-entry { display: none !important; }
}

/* Desktop entrance: one calm navigation line and one short age decision. */
@media (min-width: 681px) {
  body.zeen-child-mode .topbar:has(.header-actions.zeen-child-actions) {
    position: sticky !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr) !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 84px !important;
    gap: clamp(12px, 2vw, 30px) !important;
    padding: 10px clamp(18px, 4vw, 64px) !important;
    background: #fffffff5 !important;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 28px #263f6910 !important;
  }

  body.zeen-child-mode .topbar .mini-brand {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body.zeen-child-mode .topbar .mini-brand img {
    width: 52px !important;
    height: 52px !important;
  }

  body.zeen-child-mode .topbar .mini-brand strong { font-size: 18px !important; }

  body.zeen-child-mode .topbar > nav {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 1px solid #e4ebf4 !important;
    border-radius: 16px !important;
    background: #f8faff !important;
    box-shadow: inset 0 1px 0 #fff !important;
    overflow: visible !important;
  }

  body.zeen-child-mode .topbar > nav a {
    min-height: 38px !important;
    gap: 0 !important;
    padding: 8px clamp(7px, .75vw, 13px) !important;
    border: 0 !important;
    border-radius: 11px !important;
    color: #334363 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(11px, .8vw, 13px) !important;
    transform: none !important;
  }

  body.zeen-child-mode .topbar > nav a::before { display: none !important; }
  body.zeen-child-mode .topbar > nav a:hover {
    color: #214c91 !important;
    background: #edf3ff !important;
    transform: none !important;
    box-shadow: none !important;
  }

  body.zeen-child-mode .topbar > nav a:first-child {
    color: #fff !important;
    background: linear-gradient(135deg, #3f75e7, #6864df) !important;
    box-shadow: 0 4px 10px #4c6ed52b !important;
  }

  body.zeen-child-mode .header-actions.zeen-child-actions {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    display: flex !important;
    width: auto !important;
    gap: 7px !important;
  }

  body.zeen-child-mode .header-actions.zeen-child-actions .zeen-child-action {
    display: none !important;
  }

  body.zeen-child-mode .header-actions.zeen-child-actions [data-zeen-action="studio"],
  body.zeen-child-mode .header-actions.zeen-child-actions [data-zeen-action="ask"] {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 48px !important;
    gap: 7px !important;
    padding: 6px 10px !important;
    border-width: 1px !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 12px #1b3e6420 !important;
    overflow: hidden !important;
  }

  body.zeen-child-mode .header-actions.zeen-child-actions [data-zeen-action="ask"]::after,
  body.zeen-child-mode .header-actions.zeen-child-actions .zeen-child-action::before,
  body.zeen-child-mode .header-actions .zeen-action-spark { display: none !important; }

  body.zeen-child-mode .header-actions .zeen-action-icon,
  body.zeen-child-mode .header-actions .zeen-action-avatar {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-width: 2px !important;
    border-radius: 11px !important;
    font-size: 18px !important;
  }

  body.zeen-child-mode .header-actions .zeen-action-copy small { display: none !important; }
  body.zeen-child-mode .header-actions .zeen-action-copy strong { font-size: 13px !important; }
}

@media (min-width: 1100px) {
  body.zeen-child-mode .zeen-age-experience {
    width: min(1280px, calc(100% - 48px));
    grid-template-columns: minmax(280px, .8fr) minmax(480px, 1.55fr) 54px;
    gap: 12px;
    margin: 12px auto 18px;
    padding: 10px 14px;
    border-width: 3px;
    border-radius: 24px;
    box-shadow: 0 12px 32px #24476e16, 0 0 0 1px #d8e5f1;
  }

  body.zeen-child-mode .zeen-age-guide {
    grid-template-columns: 52px minmax(150px, 1fr) 46px;
    gap: 8px;
  }

  body.zeen-child-mode .zeen-age-guide > img {
    width: 52px;
    height: 52px;
    border-width: 3px;
    border-radius: 17px;
    box-shadow: 0 4px 0 #b7dcd4, 0 8px 16px #31536d18;
  }

  body.zeen-child-mode .zeen-age-bubble {
    padding: 6px 10px;
    border-width: 1px;
    border-radius: 13px;
    box-shadow: 0 4px 12px #314d6e0d;
  }

  body.zeen-child-mode .zeen-age-bubble::after { display: none; }
  body.zeen-child-mode .zeen-age-bubble small { font-size: 8px; }
  body.zeen-child-mode .zeen-age-bubble strong { font-size: 16px; }
  body.zeen-child-mode .zeen-age-bubble span { display: none; }

  body.zeen-child-mode .zeen-listen {
    grid-column: 3;
    grid-row: 1;
    width: 46px;
    min-height: 46px;
    padding: 0;
    border-width: 2px;
    border-radius: 13px;
    box-shadow: 0 4px 0 #2e50ae;
    font-size: 0;
  }

  body.zeen-child-mode .zeen-listen span { width: 25px; height: 25px; font-size: 10px; }
  body.zeen-child-mode .zeen-sound {
    min-width: 52px;
    width: 52px;
    min-height: 52px;
    padding: 4px;
    border-width: 2px;
    border-radius: 14px;
    box-shadow: 0 4px 0 #9fcfbb;
  }
  body.zeen-child-mode .zeen-sound b { display: none; }

  body.zeen-child-mode .zeen-age-options { gap: 7px; }
  body.zeen-child-mode .zeen-age-options button {
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 58px;
    gap: 6px;
    padding: 6px 8px;
    border-width: 2px;
    border-radius: 17px;
    box-shadow: 0 5px 0 color-mix(in srgb, var(--age-color) 28%, #d9e4ef), 0 9px 16px #304a6b10;
  }
  body.zeen-child-mode .zeen-age-icon { width: 38px; height: 38px; border-width: 2px; border-radius: 12px; font-size: 21px; }
  body.zeen-child-mode .zeen-age-options b { font-size: 19px; }
  body.zeen-child-mode .zeen-age-options small { margin-top: 3px; font-size: 9px; }
}

@media (min-width: 681px) and (max-width: 1099px) {
  body.zeen-child-mode .topbar:has(.header-actions.zeen-child-actions) {
    grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) !important;
    grid-template-rows: 54px 46px !important;
    min-height: 120px !important;
  }
  body.zeen-child-mode .topbar .mini-brand { grid-column: 2 !important; grid-row: 1 !important; }
  body.zeen-child-mode .header-actions.zeen-child-actions { grid-column: 1 !important; grid-row: 1 !important; }
  body.zeen-child-mode .topbar > nav {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: center !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zeen-age-experience *,
  .zeen-age-experience *::before,
  .zeen-age-experience *::after,
  .zeen-child-spark { animation: none !important; transition: none !important; }
}

@media print {
  .zeen-age-experience { display: none !important; }
}

/* A calm, role-first entrance for the public web home page. */
body.zeen-web-entry-active .topbar .header-actions.zeen-child-actions { display: none !important; }
body.zeen-web-entry-active .topbar:has(.header-actions.zeen-child-actions) {
  min-height: 76px !important;
  grid-template-columns: minmax(150px, 1fr) auto !important;
}
body.zeen-web-entry-active .topbar .mini-brand { grid-column: 2 !important; }
body.zeen-web-entry-active .topbar > nav { grid-column: 1 !important; justify-self: start !important; }

.zeen-web-entry {
  position: relative;
  z-index: 3;
  width: min(1240px, calc(100% - 32px));
  margin: 26px auto 14px;
  padding: clamp(28px, 4vw, 52px);
  overflow: hidden;
  color: #152759;
  border: 2px solid #dce8f4;
  border-radius: 38px;
  background: radial-gradient(circle at 5% 8%, #ffe9909c 0 7%, transparent 22%), radial-gradient(circle at 95% 90%, #bdeef28a 0 9%, transparent 27%), linear-gradient(135deg, #fffdf5, #f5f8ff 54%, #effcf8);
  box-shadow: 0 24px 60px #24446c1c;
  text-align: center;
}
.zeen-web-entry::after { content: "✦"; position: absolute; inset: 13px 5% auto auto; color: #f2b83e; font-size: 24px; }
.zeen-web-entry small { display: inline-flex; padding: 7px 13px; border-radius: 999px; color: #167264; background: #e4f8f0; font-size: 12px; font-weight: 950; }
.zeen-web-entry h1 { margin: 13px 0 8px; font-size: clamp(34px, 4vw, 54px); letter-spacing: -.8px; }
.zeen-web-entry p { max-width: 720px; margin: 0 auto; color: #687492; font-size: 16px; line-height: 1.75; }
.zeen-role-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 760px; margin: 31px auto 0; }
.zeen-role-card { --role: #4b73e8; position: relative; display: grid; grid-template-columns: 1fr; justify-items: center; align-content: center; gap: 10px; min-height: 190px; padding: 24px 18px 20px; border: 3px solid color-mix(in srgb, var(--role) 23%, white); border-radius: 30px; color: #17275a; background: linear-gradient(155deg, #fff, color-mix(in srgb, var(--role) 7%, white)); box-shadow: 0 9px 0 color-mix(in srgb, var(--role) 17%, #dbe5f3), 0 18px 32px #284a7015; text-align: center; text-decoration: none; transition: transform 170ms ease, box-shadow 170ms ease; }
.zeen-role-card:hover { transform: translateY(-3px); box-shadow: 0 10px 0 color-mix(in srgb, var(--role) 19%, #dbe5f3), 0 19px 29px #284a701c; }
.zeen-role-card:focus-visible { outline: 4px solid #f4c551; outline-offset: 3px; }
.zeen-role-card > i { display: grid; place-items: center; width: 76px; height: 76px; border: 4px solid #fff; border-radius: 25px; color: #fff; background: var(--role); font-style: normal; font-size: 37px; box-shadow: 0 7px 0 color-mix(in srgb, var(--role) 65%, #21345c), 0 13px 24px color-mix(in srgb, var(--role) 20%, transparent); }
.zeen-role-card span { display: grid; gap: 3px; }
.zeen-role-card b { font-size: 24px; }
.zeen-role-card em { color: #70809a; font-size: 14px; font-style: normal; line-height: 1.5; }
.zeen-role-card > strong { position: absolute; inset: auto auto 17px 18px; display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; color: #fff; background: var(--role); font-size: 21px; }
.zeen-role-card.teacher { --role: #167d70; }

/* The progress badge stays available but never covers a page or looks like a big card. */
body.zeen-child-delight .zeen-quest-dock {
  left: 16px !important;
  right: auto !important;
  bottom: 16px !important;
  width: 54px;
  min-height: 54px;
  gap: 0;
  padding: 6px;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 8px 20px #17285935;
  transition: width 180ms ease, padding 180ms ease, box-shadow 180ms ease;
}
body.zeen-child-delight .zeen-quest-dock > i { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 13px; font-size: 20px; }
body.zeen-child-delight .zeen-quest-dock > span,
body.zeen-child-delight .zeen-quest-dock > strong { opacity: 0; pointer-events: none; white-space: nowrap; transition: opacity 120ms ease; }
body.zeen-child-delight .zeen-quest-dock:hover,
body.zeen-child-delight .zeen-quest-dock:focus-visible { width: 232px; gap: 9px; padding: 8px 11px; box-shadow: 0 14px 30px #1728594f; }
body.zeen-child-delight .zeen-quest-dock:hover > span,
body.zeen-child-delight .zeen-quest-dock:hover > strong,
body.zeen-child-delight .zeen-quest-dock:focus-visible > span,
body.zeen-child-delight .zeen-quest-dock:focus-visible > strong { opacity: 1; pointer-events: auto; }

@media (max-width: 680px) {
  body.zeen-web-entry-active .topbar { min-height: 66px !important; }
  body.zeen-web-entry-active .topbar > nav { display: none !important; }
  .zeen-web-entry { width: calc(100% - 20px); margin: 10px auto 4px; padding: 20px 14px; border-radius: 24px; }
  .zeen-web-entry h1 { font-size: 29px; line-height: 1.22; }
  .zeen-web-entry p { font-size: 13px; }
  .zeen-role-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 17px; }
  .zeen-role-card { min-height: 76px; grid-template-columns: 48px 1fr 24px; justify-items: stretch; padding: 10px 12px; border-radius: 19px; text-align: right; }
  .zeen-role-card > i { width: 43px; height: 43px; border-radius: 13px; font-size: 21px; }
  .zeen-role-card b { font-size: 16px; }
  .zeen-role-card em { font-size: 10px; }
  .zeen-role-card > strong { position: static; width: 25px; height: 25px; font-size: 15px; }
  body.zeen-child-delight .zeen-quest-dock { bottom: 12px !important; left: 10px !important; }
}

@media (prefers-reduced-motion: reduce) { .zeen-role-card, body.zeen-child-delight .zeen-quest-dock { transition: none; } }

/* 2026-08 compact entrance: one flowing welcome surface instead of stacked boxes. */
@media (min-width: 681px) {
  .zeen-web-entry {
    display: grid;
    grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.1fr);
    grid-template-rows: auto auto auto;
    column-gap: clamp(30px, 5vw, 76px);
    align-items: center;
    width: min(1420px, calc(100% - 40px));
    min-height: 238px;
    margin: 18px auto 8px;
    padding: 26px clamp(30px, 4vw, 60px);
    border-radius: 64px 28px 64px 28px;
    text-align: right;
  }
  .zeen-web-entry::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    inset: -105px auto auto 42%;
    border-radius: 50%;
    background: #ffffff80;
    pointer-events: none;
  }
  .zeen-web-entry > small,
  .zeen-web-entry > h1,
  .zeen-web-entry > p { grid-column: 1; position: relative; z-index: 1; }
  .zeen-web-entry > small { width: max-content; }
  .zeen-web-entry h1 { margin: 9px 0 5px; font-size: clamp(32px, 3.1vw, 48px); line-height: 1.12; }
  .zeen-web-entry p { max-width: 570px; margin: 0; font-size: 15px; line-height: 1.65; }
  .zeen-role-grid {
    grid-column: 2;
    grid-row: 1 / 4;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .zeen-role-card {
    grid-template-columns: 62px minmax(0, 1fr) 34px;
    justify-items: stretch;
    align-content: center;
    gap: 12px;
    min-height: 112px;
    padding: 16px 17px;
    border-width: 2px;
    border-radius: 42px 18px 42px 18px;
    text-align: right;
  }
  .zeen-role-card > i { width: 58px; height: 58px; border-width: 3px; border-radius: 50%; font-size: 28px; box-shadow: 0 5px 0 color-mix(in srgb, var(--role) 65%, #21345c), 0 10px 18px color-mix(in srgb, var(--role) 20%, transparent); }
  .zeen-role-card span { align-self: center; }
  .zeen-role-card b { font-size: 21px; }
  .zeen-role-card em { font-size: 12px; }
  .zeen-role-card > strong { position: static; align-self: center; width: 32px; height: 32px; font-size: 18px; }

  body.zeen-web-entry-active #zeen-age-experience {
    width: min(1180px, calc(100% - 56px));
    margin: 8px auto 14px;
    padding: 8px 12px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #fffdf5e8, #f4f8ffe8, #effcf8e8);
    box-shadow: 0 8px 22px #24476e12, inset 0 0 0 1px #d8e5f1;
  }
}

@media (min-width: 681px) and (max-width: 980px) {
  .zeen-web-entry { grid-template-columns: minmax(280px, .8fr) minmax(380px, 1.2fr); column-gap: 22px; padding: 24px; }
  .zeen-role-grid { grid-template-columns: 1fr; gap: 10px; }
  .zeen-role-card { min-height: 82px; grid-template-columns: 48px 1fr 28px; padding: 10px 13px; }
  .zeen-role-card > i { width: 45px; height: 45px; font-size: 22px; }
  .zeen-role-card b { font-size: 18px; }
}

@media (max-width: 680px) {
  .zeen-web-entry { text-align: right; background: linear-gradient(145deg, #fffdf5, #f4f8ff 58%, #edfbf7); }
  .zeen-web-entry > small { margin-inline: auto; }
  .zeen-web-entry h1 { text-align: center; }
  .zeen-web-entry p { text-align: center; line-height: 1.55; }
  .zeen-role-card { border-width: 2px; border-radius: 28px 14px 28px 14px; box-shadow: 0 5px 0 color-mix(in srgb, var(--role) 17%, #dbe5f3), 0 10px 18px #284a7010; }
  body.zeen-web-entry-active #zeen-age-experience { margin-top: 7px; }
}

/* Unified launchpad: role and age live in one useful, space-efficient surface. */
@media (min-width: 1100px) {
  .zeen-web-entry {
    grid-template-columns: minmax(300px, .82fr) minmax(270px, .72fr) minmax(540px, 1.46fr);
    grid-template-rows: 1fr;
    gap: clamp(22px, 3vw, 46px);
    min-height: 178px;
    padding: 22px clamp(28px, 3.5vw, 54px);
    border: 1px solid #dce8f4;
    border-radius: 34px 72px 34px 72px;
    background: radial-gradient(circle at 5% 10%, #ffe99070 0 6%, transparent 18%), linear-gradient(120deg, #fffdf7, #f4f8ff 56%, #effbf8);
  }

  .zeen-entry-intro { position: relative; z-index: 1; min-width: 0; }
  .zeen-entry-intro small { display: inline-flex; }
  .zeen-entry-intro h1 { margin: 8px 0 5px; font-size: clamp(28px, 2.5vw, 40px); line-height: 1.15; }
  .zeen-entry-intro p { margin: 0; color: #6b7892; font-size: 14px; line-height: 1.55; }

  .zeen-role-grid {
    grid-column: 2;
    grid-row: 1;
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .zeen-role-card {
    grid-template-columns: 45px minmax(0, 1fr) 28px;
    min-height: 67px;
    gap: 9px;
    padding: 9px 12px;
    border: 0;
    border-radius: 24px 11px 24px 11px;
    box-shadow: 0 5px 14px #284a7012, inset 0 0 0 1px color-mix(in srgb, var(--role) 20%, white);
  }
  .zeen-role-card:hover { transform: translateX(-4px); box-shadow: 0 8px 18px #284a7018, inset 0 0 0 2px color-mix(in srgb, var(--role) 27%, white); }
  .zeen-role-card > i { width: 43px; height: 43px; border-width: 2px; font-size: 21px; box-shadow: 0 3px 0 color-mix(in srgb, var(--role) 65%, #21345c); }
  .zeen-role-card b { font-size: 17px; }
  .zeen-role-card em { font-size: 10px; }
  .zeen-role-card > strong { width: 27px; height: 27px; font-size: 14px; }

  body.zeen-web-entry-active .zeen-web-entry #zeen-age-experience {
    grid-column: 3;
    grid-row: 1;
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) 42px !important;
    align-items: center;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 26px 12px 26px 12px !important;
    background: #ffffffa8 !important;
    box-shadow: inset 0 0 0 1px #d8e5f1 !important;
  }
  .zeen-web-entry .zeen-age-guide { display: block !important; min-width: 0; }
  .zeen-web-entry .zeen-age-guide > img,
  .zeen-web-entry .zeen-listen { display: none !important; }
  .zeen-web-entry .zeen-age-bubble { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  .zeen-web-entry .zeen-age-bubble::after,
  .zeen-web-entry .zeen-age-bubble small,
  .zeen-web-entry .zeen-age-bubble span { display: none !important; }
  .zeen-web-entry .zeen-age-bubble strong { display: block; font-size: 15px !important; line-height: 1.35; }
  .zeen-web-entry .zeen-age-options { gap: 7px !important; }
  .zeen-web-entry .zeen-age-options button {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    min-height: 58px !important;
    gap: 5px !important;
    padding: 6px !important;
    border-width: 1px !important;
    border-radius: 18px 9px 18px 9px !important;
    box-shadow: 0 3px 0 color-mix(in srgb, var(--age-color) 25%, #d9e4ef) !important;
  }
  .zeen-web-entry .zeen-age-icon { width: 31px !important; height: 31px !important; border-width: 1px !important; border-radius: 10px !important; font-size: 17px !important; }
  .zeen-web-entry .zeen-age-options b { font-size: 17px !important; }
  .zeen-web-entry .zeen-age-options small { margin-top: 2px !important; font-size: 8px !important; }
  .zeen-web-entry .zeen-sound { width: 42px !important; min-width: 42px !important; min-height: 42px !important; border-radius: 13px !important; }
}

@media (min-width: 681px) and (max-width: 1099px) {
  .zeen-web-entry { grid-template-columns: minmax(260px, .8fr) minmax(400px, 1.2fr); min-height: 210px; }
  .zeen-entry-intro { grid-column: 1; align-self: center; }
  .zeen-role-grid { grid-column: 2; grid-row: 1; }
  body.zeen-web-entry-active .zeen-web-entry #zeen-age-experience { grid-column: 1 / -1; width: 100% !important; margin: 6px 0 0 !important; }
}

@media (max-width: 680px) {
  .zeen-entry-intro { text-align: center; }
  .zeen-entry-intro h1 { margin: 8px 0 4px; font-size: 27px; }
  .zeen-entry-intro p { margin: 0; font-size: 12px; }
  body.zeen-web-entry-active .zeen-web-entry #zeen-age-experience { width: 100% !important; margin: 10px 0 0 !important; }
}