:root{--ink:#173b42;--muted:#597176;--teal:#087f78;--teal-dark:#06645e;--bg:#f3f8fa;--line:#d9e6e8;--yellow:#ffda6e;--radius:22px;font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dc7800}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.85rem,3.3vw,2.75rem);letter-spacing:-.04em;line-height:1.2;margin-bottom:12px}h2{font-size:1.55rem;letter-spacing:-.025em}h3{font-size:1.15rem}p{line-height:1.65}.muted{color:var(--muted)}.skip{position:absolute;top:-100px;left:12px;z-index:50;background:white;padding:15px}.skip:focus{top:10px}.topbar{background:white;border-bottom:1px solid var(--line);padding:18px clamp(18px,4vw,52px);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;text-align:left;gap:13px;border:0;background:none;font-size:1.45rem;font-weight:700;padding:0}.brand small{display:block;font-size:.8rem;font-weight:400;color:var(--muted);margin-top:3px}.brand b{color:var(--teal)}.brand-mark{position:relative;font-family:Arial,sans-serif;font-size:2rem;color:white;width:48px;height:48px;display:grid;place-items:center;background:var(--teal);border-radius:15px}.brand-mark span{position:absolute;right:-5px;top:-5px;font-size:1.2rem;color:#e5a51c;background:white;border-radius:50%}.header-actions{display:flex;align-items:center;gap:16px}.star-badge{color:#6e4d00;background:#fff4cd;border:1px solid #ffe5a1;padding:10px 16px;border-radius:25px;font-size:.9rem;font-weight:700}.icon-button{border:1px solid var(--line);background:white;padding:10px 16px;border-radius:12px;font-weight:700;min-height:44px}.app-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:215px minmax(0,1fr);padding:26px 32px;gap:32px}.navigation{display:flex;flex-direction:column;gap:8px;padding-top:8px}.navigation button{background:none;border:0;border-radius:14px;text-align:left;padding:15px 18px;display:flex;align-items:center;gap:12px;font-weight:700;min-height:52px}.navigation button span{font-size:1.45rem;width:24px;text-align:center}.navigation button.active{color:var(--teal);background:#def2ef}.navigation button:hover{background:#e7f1f2}.sidebar-note{margin-top:auto;padding:26px 16px;border-top:1px dashed #b4cccf;color:var(--muted);font-size:.85rem;line-height:1.7}.sidebar-note span,.sidebar-note b{display:block}.sidebar-note b{color:var(--ink)}main{min-width:0;outline:none}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 22px}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:var(--teal);display:block;margin-bottom:10px}.home-intro p{color:var(--muted);margin-bottom:0}.mini-calendar{flex-shrink:0;text-align:center;background:white;border:1px solid var(--line);padding:14px 22px;border-radius:18px;box-shadow:0 5px 0 #e5eef0}.mini-calendar strong{display:block;font-size:2.1rem;color:var(--teal)}.mini-calendar span{font-size:.8rem;color:var(--muted)}.daily{background:var(--teal);color:white;border-radius:var(--radius);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px;position:relative;overflow:hidden}.daily h2{margin-bottom:6px}.daily p{margin-bottom:0;color:#e1f4f1;font-size:.95rem}.daily .eyebrow{color:#d7ffef}.daily .primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow);white-space:nowrap}.section-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 16px}.section-line h2{margin:0}.section-line span{font-size:.85rem;color:var(--muted)}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subject-card{background:white;border:1px solid var(--line);border-bottom:4px solid var(--line);border-radius:var(--radius);text-align:left;padding:22px;position:relative;min-height:191px;transition:transform .15s,border-color .15s}.subject-card:hover{transform:translateY(-3px);border-color:var(--accent,#087f78)}.subject-icon{font-size:1.5rem;font-weight:800;background:var(--tint,#e0f3f0);color:var(--accent,#087f78);border-radius:15px;min-width:55px;height:55px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;margin-bottom:15px;line-height:1}.subject-card h3{margin:0 0 6px;font-size:1.1rem}.subject-card p{margin-bottom:10px;color:var(--muted);font-size:.85rem;line-height:1.4}.subject-meta{font-size:.8rem;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.subject-meta .begin{font-weight:800;color:var(--accent)}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.small-card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:16px;text-align:left}.small-card .symbol{font-size:2rem;color:var(--teal)}.small-card b{display:block;margin-bottom:5px}.small-card small{display:block;color:var(--muted);font-size:.85rem;line-height:1.4}.footer-note{font-size:.8rem;color:var(--muted);line-height:1.65;margin:22px 0 0}.primary,.secondary,.tertiary{min-height:50px;padding:13px 22px;border-radius:14px;font-weight:800;border:1px solid var(--teal);font-size:1rem}.primary{background:var(--teal);color:white}.primary:hover{background:var(--teal-dark)}.secondary{background:white;color:var(--teal);border-color:#bad4d3}.secondary:hover{background:#edf8f5}.tertiary{background:transparent;color:var(--muted);border-color:transparent}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px}.panel p:last-child{margin-bottom:0}.subintro{margin:10px 0 25px}.subintro p{color:var(--muted)}.question-header{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:14px}.question-header .tertiary{padding:10px 14px}.question-label{font-size:.85rem;color:var(--muted);margin-bottom:8px}.progress-track{height:9px;background:#dfecee;border-radius:9px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:var(--teal);transition:width .2s}.question-panel{background:white;border:1px solid var(--line);border-radius:26px;padding:32px;min-height:390px;text-align:center}.question-panel h1{font-size:clamp(1.5rem,2.5vw,2.1rem);letter-spacing:-.02em;margin-bottom:12px}.question-panel .instruction{color:var(--muted);font-size:.95rem}.stimulus{margin:24px 0;font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.5;overflow-wrap:anywhere}.stimulus.pictures{font-size:2.75rem;letter-spacing:.25em;max-width:540px;margin:24px auto}.stimulus.sentence{font-size:clamp(1.9rem,3vw,2.65rem)}.arabic{font-family:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",serif;direction:rtl;letter-spacing:normal!important;line-height:2.1!important;font-size:2.6rem}.arabic.verses{font-size:1.9rem;white-space:pre-line;font-weight:400}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;gap:14px;margin:25px auto}.answer{border:2px solid #dce7e8;background:#f9fcfd;min-height:85px;padding:18px;border-radius:18px;font-size:1.6rem;font-weight:800;overflow-wrap:anywhere}.answer:hover{border-color:var(--teal);background:#edf9f6}.answer.correct{background:#def5e7;border-color:#249f5d;color:#175c38}.answer.try{border-color:#e2a73a;background:#fff8dd}.answer:disabled{opacity:1}.quiz-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.quiz-tools button{font-size:.9rem;min-height:44px;padding:10px 16px}.feedback{padding:15px;border-radius:14px;margin:20px auto;max-width:720px;background:#e8f6ee;color:#255a3c;line-height:1.6}.feedback.soft{background:#fff6db;color:#785715}.hint{background:#fff6d9;padding:18px;border:1px solid #ffe5a1;border-radius:16px;max-width:720px;margin:18px auto;text-align:left;line-height:1.7}.hint .arabic{text-align:center;white-space:pre-line}.parent-rating{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px 0}.parent-rating button{min-height:66px;min-width:150px;padding:15px}.parent-rating .secondary{color:#775318;background:#fff9e7;border-color:#ebd5a0}.writing{max-width:780px;margin:22px auto;text-align:left}.writing canvas{display:block;width:100%;height:270px;border:2px solid #b4cdce;border-radius:18px;background-color:white;background-image:linear-gradient(transparent calc(100% - 1px),#dce8eb 1px);background-size:100% 54px;touch-action:none}.writing-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;flex-wrap:wrap}.writing-tools button{padding:9px 16px;min-height:44px}.writing-tools span{font-size:.85rem;color:var(--muted)}.parent-tip{font-size:.85rem;background:#f0f7f9;border-radius:12px;padding:13px;margin:18px 0 0;color:var(--muted);line-height:1.6}.result-stars{font-size:3rem;color:#d49400;margin:20px 0}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.stat{padding:20px;background:#f1f8fa;border-radius:18px;text-align:center}.stat strong{font-size:2rem;display:block;color:var(--teal);margin-bottom:6px}.stat span{font-size:.85rem}.review-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.review-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:12px 0;line-height:1.5}.review-row span{font-size:.85rem;flex-shrink:0}.review-row img{width:100px;height:60px;object-fit:contain;border:1px solid var(--line);background:white}.tag{background:#edf5f5;padding:5px 10px;border-radius:20px;color:var(--muted);font-size:.8rem}.topic-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.topic-selector button{background:#f4fafa;border:1px solid var(--line);text-align:left;border-radius:16px;padding:18px;min-height:80px}.topic-selector b,.topic-selector span{display:block}.topic-selector span{color:var(--muted);font-size:.85rem;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.field label{display:block;margin-bottom:8px;font-weight:700}.field select,.field input{width:100%;min-height:48px;border:1px solid #bad0d1;background:#f7fbfc;border-radius:12px;padding:12px;color:var(--ink)}.date-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.date-plan article{border:1px solid var(--line);border-radius:16px;padding:20px;background:#f8fcfc}.date-plan h3{color:var(--teal)}.date-plan p{font-size:.9rem}.progress-subject{margin:20px 0}.progress-subject h3{margin-bottom:8px}.progress-subject .progress-track{margin:12px 0 6px}.progress-subject p{font-size:.85rem;color:var(--muted)}.source-list{padding-left:20px;line-height:1.9}.source-list a{color:var(--teal)}.notice{background:#fff7db;border:1px solid #ead59a;border-radius:14px;padding:16px;line-height:1.6}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);z-index:100;background:var(--ink);color:white;border-radius:15px;padding:15px 22px;box-shadow:0 6px 24px #173b4233;display:none;line-height:1.5}.toast.visible{display:block}dialog{border:0;padding:0;border-radius:24px;max-width:520px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 20px 70px #0003}dialog::backdrop{background:#123b4266}.dialog-content{padding:30px;position:relative}.dialog-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:2rem;min-height:44px;min-width:44px}.dialog-content h2{padding-right:20px}.dialog-content .secondary{margin-top:10px}.resume{background:#fff3cd;border:1px solid #edcf71;border-radius:16px;padding:16px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.resume p{margin:0;font-size:.95rem}.print-only{display:none}.hidden{display:none!important}.board-prompt{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.board-prompt label{font-weight:700}.board-prompt select{padding:10px;border-radius:12px;border:1px solid var(--line);min-height:48px;max-width:100%}
@media(min-width:1250px){.question-panel{padding:40px 55px}.subject-card{min-height:205px}.app-layout{gap:42px}}
@media(max-width:1000px){.app-layout{grid-template-columns:160px minmax(0,1fr);padding:22px;gap:20px}.navigation button{padding:14px 10px;font-size:.9rem}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-card{min-height:185px}.mini-calendar{display:none}.question-panel{padding:25px}.date-plan{grid-template-columns:1fr}.home-bottom{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{padding:15px 18px}.brand{font-size:1.2rem}.brand-mark{width:42px;height:42px}.header-actions{gap:8px}.star-badge{padding:9px 10px;font-size:.8rem}.icon-button{font-size:.8rem;padding:9px}.app-layout{display:block;padding:20px 16px 104px}.navigation{position:fixed;bottom:0;left:0;right:0;z-index:20;flex-direction:row;justify-content:space-around;background:white;border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom));gap:2px}.navigation button{flex:1;flex-direction:column;gap:2px;text-align:center;font-size:.72rem;min-height:56px;padding:6px 3px;border-radius:12px}.navigation button span{font-size:1.4rem}.sidebar-note{display:none}.home-intro{margin-top:2px}.daily{padding:22px;align-items:flex-start;flex-direction:column;gap:15px}.daily h2{font-size:1.3rem}.daily .primary{width:100%}.subject-grid{gap:12px}.subject-card{padding:17px;min-height:193px}.subject-icon{height:48px;margin-bottom:12px}.subject-card h3{font-size:1rem}.subject-card p{font-size:.82rem;min-height:32px}.subject-meta{font-size:.75rem}.subject-meta .begin{font-size:.8rem}.section-line span{font-size:.75rem}.section-line h2{font-size:1.3rem}.panel{padding:20px}.question-panel{padding:23px 16px;min-height:380px}.answer{min-height:75px;padding:15px 10px;font-size:1.3rem}.answers{gap:10px}.stimulus.pictures{font-size:2.2rem;letter-spacing:.1em}.arabic{font-size:2.4rem}.arabic.verses{font-size:1.65rem}.question-header{gap:8px}.question-header .tag{font-size:.75rem}.question-header .tertiary{font-size:.8rem;padding:10px}.question-header b{font-size:.9rem}.parent-rating{gap:10px}.parent-rating button{width:100%;min-height:55px}.writing canvas{height:230px}.result-grid{gap:8px}.stat{padding:16px 8px}.stat strong{font-size:1.6rem}.stat span{font-size:.75rem}.form-grid,.topic-selector{grid-template-columns:1fr}.toast{bottom:95px}.resume{flex-direction:column;align-items:flex-start}.review-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:#000}.topbar,.navigation,main,.toast,dialog,.skip{display:none!important}.app-layout{display:none}.print-only{display:block;padding:0 10px;font-family:Arial,sans-serif}.print-only h1{font-size:23px}.print-only h2{font-size:18px}.print-item{break-inside:avoid;margin:0 0 22px;font-size:16px;line-height:1.8}.print-item .arabic{font-size:28px}.print-line{border-bottom:1px solid #aaa;min-height:52px;margin:15px 0}.print-space{border:1px solid #aaa;height:95px;margin-top:10px}.print-options{margin:10px 0}.page-break{break-before:page}.print-only .notice{background:white;padding:10px} @page{size:A4 portrait;margin:16mm}}
.install-button{border:0;background:var(--teal);color:white;font-weight:800;border-radius:12px;padding:11px 16px;min-height:44px;white-space:nowrap}.install-button[data-ready="true"]{box-shadow:0 0 0 3px #087f7822}.install-link{display:inline-flex;align-items:center;text-decoration:none}.install-link[hidden]{display:none!important}@media(max-width:700px){.header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:53%;gap:7px}.install-button{font-size:.8rem;padding:9px 11px}.header-actions .star-badge{order:3;font-size:.72rem;padding:5px 9px}.topbar{gap:10px}.brand small{font-size:.72rem}}@media print{.install-button{display:none}}

/* Colourful kindergarten theme */
:root{--ink:#303456;--muted:#5d6280;--teal:#7045c6;--teal-dark:#5733a4;--bg:#f6f2ff;--line:#e4dcf5;--yellow:#ffe06c;--radius:28px;font-size:18px;font-family:ui-rounded,"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif}
body{background-color:var(--bg);background-image:radial-gradient(circle,#e4daf5 1px,transparent 1px);background-size:26px 26px}
.topbar{border-bottom:5px solid;border-image:linear-gradient(90deg,#ff86a8,#ffc84e,#65cfaa,#66bbf5,#a67feb) 1;padding-top:17px;padding-bottom:17px}
.brand{font-size:1.45rem}.brand b{color:#7045c6}.brand-mark{background:#087f78;border-radius:17px;box-shadow:0 4px 0 #05665f;font-size:2.15rem;width:54px;height:54px}.brand-mark span{background:none;top:-11px;right:-10px;font-size:1.3rem}.brand small{font-size:.8rem;color:#676081}
.header-actions{gap:12px}.star-badge{background:#fff2b7;border:2px solid #f2d270;font-size:.9rem;border-radius:18px}.install-button{background:#7045c6;border-bottom:4px solid #4d2c91;border-radius:15px;padding:10px 16px}.icon-button{border:2px solid #d9c8f0;color:#65429c;border-radius:15px;background:#faf6ff}
.app-layout{grid-template-columns:205px minmax(0,1fr);gap:28px;padding:26px 30px;max-width:1480px}.navigation{gap:12px}.navigation button{background:#fff;border:2px solid #eee8f7;border-bottom:4px solid #e5daef;border-radius:20px;font-size:1rem;padding:16px;min-height:68px}.navigation button span{font-size:1.75rem;width:32px}.navigation button.active{background:#eaddff;color:#57368d;border-color:#d0b5ef}.navigation button:nth-child(2):hover{background:#fff1ca}.navigation button:nth-child(3):hover{background:#dff6ef}.navigation button:nth-child(4):hover{background:#ffe3e9}.sidebar-note{background:#fff9df;border:2px dashed #dfc672;border-radius:20px;padding:20px;margin-top:28px;font-size:.8rem}
.home-intro{margin:5px 0 20px;gap:16px}.home-intro h1{font-size:clamp(2rem,3.4vw,2.8rem);letter-spacing:-.035em;color:#51418e;margin-bottom:9px}.home-intro h1 span{display:inline-block;font-size:.85em}.home-intro p{font-size:1rem}.eyebrow{color:#7253a9;font-size:.78rem;letter-spacing:.08em}.mini-calendar{background:#fff5cf;border:2px solid #f0d578;border-radius:23px;padding:15px 18px;box-shadow:0 5px 0 #eee0ac}.mini-calendar strong{color:#7a559e;font-size:1.6rem}.mini-calendar span{font-size:.72rem;color:#725f30}
.daily{background:linear-gradient(115deg,#dcecff,#f0e2ff);border:3px solid #fff;color:#332f62;border-radius:32px;padding:24px 30px;min-height:208px;margin-bottom:26px;box-shadow:0 7px 0 #d9ccec;overflow:visible;align-items:center;gap:20px}.daily-content{flex:1;min-width:0}.daily-label{display:inline-block;background:#fff3b2;color:#6a4c14;border:1px solid #ebd376;font-size:.78rem;font-weight:800;border-radius:12px;padding:8px 12px;margin-bottom:13px}.daily h2{font-size:clamp(1.45rem,2.3vw,1.9rem);line-height:1.25;margin-bottom:7px;color:#443978}.daily p{color:#5d5681;font-size:.95rem;margin-bottom:17px}.daily .primary{background:#7045c6;border-color:#7045c6;border-bottom:4px solid #4d2c91;color:white;min-height:58px;padding:13px 26px;box-shadow:0 4px 0 #ffffff88;border-radius:18px;font-size:1.1rem}.daily .primary:hover{background:#5c34af}.daily-buddy{display:block;flex:none;width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 4px #65428825);align-self:center}
.section-line{margin:24px 0 17px}.section-line h2{font-size:1.55rem;color:#4f447d}.section-line span{font-size:.85rem;color:#656083}.subject-grid{gap:20px}.subject-card{background:var(--tint);border:3px solid white;border-bottom:6px solid var(--accent);border-radius:28px;padding:20px;min-height:222px;box-shadow:0 4px 0 #49456812;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;text-align:left;color:var(--ink)}.subject-card:hover{transform:translateY(-3px);box-shadow:0 8px 0 #49456812;border-color:white;border-bottom-color:var(--accent)}.subject-card:active{transform:translateY(2px)}.subject-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.subject-emoji{font-size:2.75rem;line-height:1.15;display:inline-block}.letter-badge{font-size:1.1rem;line-height:1.1;background:#ffffffaa;color:var(--accent);border-radius:15px;padding:10px 12px;min-width:49px;text-align:center;font-weight:800}.letter-badge.arabic{font-size:1.55rem;line-height:1!important;padding:7px 13px}.subject-card h3{color:var(--accent);font-size:1.1rem;line-height:1.3;margin:0 0 6px}.subject-card p{color:#444863;font-size:.85rem;line-height:1.4;margin-bottom:15px}.subject-meta{margin-top:auto;color:#4c526d;font-size:.78rem;gap:10px}.subject-meta .begin{background:#ffffffc9;border:1px solid #ffffff80;border-radius:12px;padding:9px 12px;color:var(--accent);font-size:.9rem;white-space:nowrap}
.home-bottom{gap:20px;margin-top:25px}.small-card{border:3px solid #fff;box-shadow:0 5px 0 #dcd2ef;border-radius:23px;background:#fff2d0;padding:20px;min-height:101px}.small-card:nth-child(2){background:#e3f5ff}.small-card .symbol{font-size:2.4rem}.small-card b{font-size:1.05rem;color:#52437b}.small-card small{font-size:.85rem;color:#565b73}.footer-note{font-size:.78rem;line-height:1.7;color:#65677f;margin:24px 0 0}
.primary,.secondary{border-radius:17px;min-height:55px;font-size:1rem}.primary{border-bottom:4px solid #4d2c91}.secondary{border:2px solid #d1bce9;background:#fbf8ff;color:#604093;border-bottom:4px solid #d1bce9}.secondary:hover{background:#efe2ff}.tertiary{font-size:.9rem;color:#655286}.panel{border:2px solid #e5dcf3;box-shadow:0 5px 0 #e4dbef;border-radius:28px;padding:27px}.subintro h1{color:#594188}.subject-icon{font-size:2.5rem;width:76px;height:76px;background:var(--tint);border:3px solid white;border-radius:24px;box-shadow:0 4px 0 #45436218}.subintro>.subject-icon.arabic{font-family:inherit;line-height:1!important;direction:ltr}.topic-selector button{border:2px solid #ded0ef;border-bottom:5px solid #ded0ef;border-radius:20px;background:#fff4cd;min-height:98px;padding:20px}.topic-selector button:nth-child(even){background:#e8edff}.topic-selector b{font-size:1.1rem;color:#554180}.topic-selector span{font-size:.9rem}.topic-selector button:hover{transform:translateY(-2px)}
.question-header{flex-wrap:wrap;gap:12px;margin-bottom:18px}.question-header b{font-size:1.1rem;color:#55417d}.question-header b span{font-size:1.4rem;margin-right:5px}.question-header .tag{border:2px solid #dccced;background:#fff5cc;color:#6a4f83;font-size:.86rem;font-weight:800;padding:9px 14px}.question-header .tertiary{background:#fff;border:2px solid #e1d5ef;border-radius:15px;min-height:49px}.progress-track{height:14px;background:#e4d9f2;border:2px solid white;border-radius:20px;box-shadow:0 2px 0 #d4c4e5;margin-bottom:23px}.progress-fill{background:linear-gradient(90deg,#6ab4f0,#9c74e8,#e795c6);border-radius:20px}.question-panel{border:3px solid white;border-top:8px solid var(--accent,#7045c6);border-radius:32px;box-shadow:0 7px 0 #ddcdec;min-height:480px;padding:32px}.question-panel h1{font-size:clamp(1.55rem,2.7vw,2.2rem);line-height:1.4;color:#383459;letter-spacing:-.02em}.question-label{display:inline-block;background:var(--tint,#eee4ff);color:var(--accent,#7045c6);font-size:.84rem;font-weight:800;border-radius:14px;padding:10px 16px;margin-bottom:20px;line-height:1.5}.question-panel .instruction{font-size:1rem;color:#62647c}.quiz-tools{gap:12px;margin:17px 0 25px}.quiz-tools button{font-size:.9rem;min-height:50px;border-radius:16px}.stimulus{font-size:clamp(2.6rem,5.5vw,4.2rem);color:#393760;line-height:1.5;margin:30px 0}.stimulus.sentence{font-size:clamp(1.8rem,3.5vw,2.8rem)}.stimulus.pictures{font-size:3rem;letter-spacing:.12em}.arabic{font-size:2.8rem;line-height:2.1!important}.arabic.verses{font-size:1.9rem}.answers{gap:18px;margin:30px auto;max-width:760px}.answer{background:#e9e0ff;border:3px solid #d0bde9;border-bottom:6px solid #c2a7e4;border-radius:24px;min-height:103px;padding:23px 18px;font-size:1.65rem;color:#443165;transition:transform .12s,background .12s}.answer:nth-child(2){background:#dcf1ff;border-color:#b7dcec;border-bottom-color:#9cc5dc;color:#214f70}.answer:nth-child(3){background:#ffe5c3;border-color:#edcba7;border-bottom-color:#deb68c;color:#674729}.answer:nth-child(4){background:#ffe1eb;border-color:#ecc0ce;border-bottom-color:#d8a1b6;color:#793c57}.answer:hover:not(:disabled){transform:translateY(-3px);border-color:#9572c7}.answer:active:not(:disabled){transform:translateY(3px)}.answer.correct{background:#dcf5cb!important;border-color:#78b762!important;border-bottom-color:#539241!important;color:#2f5d21!important}.answer.try{background:#fff0bb!important;border-color:#e2c66e!important;color:#78561a!important}.answer.arabic{font-size:2.3rem}.feedback{font-size:1.1rem;font-weight:800;border:2px solid #aad68c;background:#e3f6d6;border-radius:22px;padding:20px;color:#3d692b}.feedback.soft{background:#fff2c1;border-color:#efd378;color:#725827}.question-panel>.primary{min-width:min(100%,290px);min-height:62px;font-size:1.15rem;border-radius:20px;margin-top:3px}.parent-tip{font-size:.83rem;color:#5f657c;background:#f0f1ff;border:1px solid #dfe0ef;border-radius:17px;padding:16px}.parent-rating button{font-size:1rem;min-height:68px;min-width:165px}.parent-rating .secondary{background:#fff4cb;color:#735a20;border-color:#e5cb7b}.hint{font-size:1rem;background:#fff5c8;border:2px solid #ecd481;border-radius:22px;padding:23px}.writing canvas{height:320px;border:3px solid #bc9be3;border-radius:24px;background-size:100% 64px;box-shadow:0 5px 0 #e8dcf4}.writing-tools button{font-size:.95rem;border-radius:15px}.writing-tools span{font-size:.85rem}.board-prompt select,.field select,.field input{border:2px solid #d7c1ed;border-radius:16px;min-height:55px;background:#faf7ff}.celebration{display:flex;align-items:center;justify-content:center;gap:25px;margin:12px 0 24px}.result-buddy{width:135px;height:135px;object-fit:contain}.result-stars{font-size:2.5rem;letter-spacing:.1em;margin:0}.result-grid .stat:nth-child(1){background:#e2f5d7}.result-grid .stat:nth-child(2){background:#fff1c1}.result-grid .stat:nth-child(3){background:#ece2ff}.stat{border:2px solid white;border-radius:23px;padding:23px}.stat strong{color:#655099;font-size:2.25rem}.stat span{font-size:.86rem;color:#4b526a}.review-row .tag{background:#eee5fa;color:#634c80}.resume{background:#fff3bd;border:2px solid #e7cb6b;border-radius:22px;box-shadow:0 4px 0 #eee0af}.notice{background:#fff2bc;border:2px solid #e5cc7c;border-radius:20px}.date-plan article{background:#f0e8ff;border:2px solid #dbc9ef;border-radius:22px}.date-plan article:nth-child(2){background:#e5f5e5}.date-plan article:nth-child(3){background:#fff2cc}.date-plan h3{color:#634b8d}.toast{border:2px solid white;background:#5b438d;font-size:.95rem;border-radius:20px}.dialog-content{padding:34px}dialog{border:3px solid #e5d2f6;border-radius:29px}.install-link{border-radius:18px}.dialog-content .actions{align-items:center}.dialog-content .actions .secondary{margin-top:0}
@media(min-width:1250px){.app-layout{gap:34px}.subject-card{min-height:232px}.question-panel{padding:40px 48px}}
@media(min-width:901px) and (max-width:1100px){.app-layout{grid-template-columns:155px minmax(0,1fr);padding:22px;gap:20px}.navigation button{font-size:.85rem;gap:8px;padding:13px 9px}.navigation button span{font-size:1.4rem;width:27px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.subject-card{padding:17px 14px;min-height:220px}.subject-card h3{font-size:1rem}.subject-card p{font-size:.8rem}.subject-meta{font-size:.72rem;flex-wrap:wrap}.subject-meta .begin{font-size:.85rem;padding:7px 10px}.mini-calendar{display:none}}
@media(max-width:900px){.app-layout{display:block;padding:24px 24px 116px}.navigation{position:fixed;bottom:0;left:0;right:0;z-index:20;flex-direction:row;justify-content:space-around;background:#fff;border-top:3px solid #e4d1f2;padding:10px 8px calc(10px + env(safe-area-inset-bottom));gap:7px}.navigation button{flex:1;flex-direction:column;gap:4px;text-align:center;font-size:.82rem;min-height:68px;padding:8px 4px;border:0;border-bottom:4px solid #e9def4;border-radius:18px;max-width:180px}.navigation button:nth-child(2){background:#fff2cb}.navigation button:nth-child(3){background:#e0f5ed}.navigation button:nth-child(4){background:#ffe6ed}.navigation button.active{background:#e8d9ff;border-bottom-color:#b594df}.navigation button span{font-size:1.65rem}.sidebar-note{display:none}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.subject-card{min-height:222px}.home-bottom{grid-template-columns:1fr 1fr;gap:18px}.mini-calendar{display:none}.daily{padding:26px 30px;gap:18px}.daily-buddy{width:175px;height:175px}.daily .primary{width:auto}.toast{bottom:104px}.date-plan{grid-template-columns:1fr}.parent-rating{gap:12px}.parent-rating button{flex:1;min-width:150px}}
@media(max-width:600px){:root{font-size:17px}.topbar{padding:15px 16px;gap:10px}.brand{font-size:1.15rem;gap:10px}.brand-mark{width:46px;height:46px;font-size:1.9rem}.brand small{font-size:.72rem;max-width:135px}.header-actions{max-width:52%;gap:6px;flex-wrap:wrap;justify-content:flex-end}.install-button,.icon-button{font-size:.82rem;padding:8px 11px;min-height:44px}.header-actions .star-badge{order:3;font-size:.75rem;padding:5px 9px}.app-layout{padding:22px 15px 115px}.home-intro{margin-top:0;margin-bottom:17px}.home-intro h1{font-size:2.1rem}.home-intro p{font-size:.95rem}.eyebrow{font-size:.73rem}.daily{flex-direction:row;padding:21px 18px;min-height:195px;border-radius:27px;gap:6px;margin-bottom:25px}.daily h2{font-size:1.35rem;line-height:1.3}.daily-label{font-size:.69rem;padding:7px 9px}.daily p{font-size:.88rem;margin-bottom:15px}.daily-buddy{width:110px;height:145px;margin-right:-5px}.daily .primary{font-size:1rem;padding:12px 18px;min-height:56px}.section-line{align-items:flex-start;flex-direction:column;gap:7px;margin:22px 0 16px}.section-line h2{font-size:1.4rem}.section-line span{font-size:.85rem}.subject-grid{gap:14px}.subject-card{padding:17px 14px;border-radius:24px;min-height:216px}.subject-card-top{margin-bottom:11px;gap:7px}.subject-emoji{font-size:2.5rem}.letter-badge{font-size:.9rem;padding:9px;min-width:39px;border-radius:12px}.letter-badge.arabic{font-size:1.4rem;padding:7px 9px}.subject-card h3{font-size:1.05rem}.subject-card p{font-size:.85rem;min-height:36px}.subject-meta{font-size:.76rem;flex-wrap:wrap;gap:8px}.subject-meta .begin{padding:7px 10px;font-size:.88rem}.home-bottom{grid-template-columns:1fr;gap:16px}.small-card{padding:19px;min-height:96px}.small-card small{font-size:.9rem}.navigation{gap:5px}.navigation button{font-size:.79rem;min-height:67px;padding:8px 3px}.navigation button span{font-size:1.6rem}.question-header{gap:9px;justify-content:space-between}.question-header b{font-size:1rem}.question-header b span{font-size:1.2rem}.question-header .tertiary{font-size:.85rem;padding:9px 11px}.question-header .tag{font-size:.8rem;padding:8px 11px}.question-panel{padding:25px 17px;border-radius:28px;min-height:430px}.question-panel h1{font-size:1.55rem;line-height:1.4}.question-label{font-size:.85rem;padding:9px 12px;margin-bottom:17px}.question-panel .instruction{font-size:.92rem}.quiz-tools{gap:9px}.quiz-tools button{font-size:.85rem;padding:10px 13px}.answers{gap:14px;margin:26px auto}.answer{font-size:1.4rem;padding:19px 11px;min-height:93px;border-radius:20px}.answer.arabic{font-size:2.1rem}.stimulus.pictures{font-size:2.6rem;letter-spacing:.05em}.stimulus.sentence{font-size:1.8rem}.arabic{font-size:2.5rem}.arabic.verses{font-size:1.75rem}.parent-rating{display:grid;grid-template-columns:1fr;gap:11px}.parent-rating button{width:100%;min-height:61px}.parent-tip{font-size:.85rem}.writing canvas{height:270px}.writing-tools span{font-size:.85rem}.writing-tools button{font-size:.9rem}.result-grid{gap:8px}.stat{padding:18px 8px;border-radius:19px}.stat strong{font-size:1.95rem}.stat span{font-size:.85rem;line-height:1.45;display:block}.celebration{gap:12px}.result-buddy{width:108px;height:108px}.result-stars{font-size:2rem;letter-spacing:0}.panel{padding:22px 18px;border-radius:25px}.form-grid{grid-template-columns:1fr}.footer-note{font-size:.8rem}.dialog-content{padding:29px 23px}}
@media(prefers-reduced-motion:reduce){.subject-card,.answer,.topic-selector button{transition:none!important;transform:none!important}}
@media print{body{background:white}.print-only{font-family:Arial,sans-serif}.print-only h1{color:black}.print-item{font-size:16px}.print-only .arabic{font-size:28px}}

/* A friendly first hello for every learner. */
.welcome-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:center;gap:28px;padding:44px;border:3px solid #e8d5ff;border-radius:34px;background:linear-gradient(135deg,#fff0b9,#fff 48%,#e7dcff);box-shadow:0 12px 0 #eee3fa;max-width:1050px;margin:24px auto}
.welcome-art{position:relative;text-align:center}.welcome-art img{width:min(100%,300px);height:auto;filter:drop-shadow(0 16px 10px #8163aa26)}.welcome-spark{position:absolute;font-size:48px}.spark-one{top:0;left:0}.spark-two{right:0;bottom:10px}.welcome-content h1{font-size:clamp(30px,4vw,44px);line-height:1.2}.welcome-content>p{font-size:19px;line-height:1.6}.student-form{max-width:560px}.student-form label{display:block;font-size:20px;font-weight:800;margin:20px 0 10px}.student-form input{display:block;width:100%;box-sizing:border-box;min-height:66px;padding:14px 18px;border:3px solid #b99be4;border-radius:18px;background:#fff;font:inherit;font-size:24px;color:#34274f}.student-form input:focus{outline:4px solid #ffe19b;outline-offset:2px;border-color:#7045c6}.student-form .primary{min-height:60px;font-size:21px}.student-form .muted{font-size:15px;line-height:1.6}.name-error{color:#a33243;font-weight:700;min-height:24px}.home-intro h1,.subintro h1{overflow-wrap:anywhere}
@media(max-width:700px){.welcome-panel{grid-template-columns:1fr;padding:24px;gap:8px;margin:8px auto}.welcome-art img{width:170px}.welcome-art{max-width:250px;justify-self:center}.welcome-spark{font-size:34px}.welcome-content h1{font-size:31px}.welcome-content>p{font-size:17px}.student-form input{font-size:22px}.brand{min-width:0}}