:root{--ink:#2a2550;--muted:#77728a;--purple:#7654dd;--purple-dark:#6142ca;--cream:#fffaf2;--pink:#fff0f1;--mint:#e5fbeb;--orange:#fff0d6;--border:#ece7ed;--shadow:0 16px 45px rgba(52,35,101,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Cairo,"Noto Sans Arabic",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:hover{color:var(--purple)}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45}h1{font-size:clamp(2rem,3.3vw,3.7rem);font-weight:900;letter-spacing:-1.3px}h2{font-size:clamp(1.45rem,2.3vw,2.15rem);font-weight:800}h3{font-size:1.13rem}p{color:var(--muted)}small,.small-muted{font-size:.82rem;color:var(--muted)}:focus-visible{outline:3px solid #f7bd5d;outline-offset:3px}.hidden{display:none!important}
.site-shell{max-width:1440px;margin:auto;min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px clamp(20px,6.5vw,100px);position:relative;z-index:3}.logo{display:flex;align-items:center;gap:9px;font-size:1.45rem;line-height:1.25;font-weight:900;white-space:nowrap;color:var(--ink)}.logo>span:last-child{display:flex;flex-direction:column}.logo small{font-size:.59rem;letter-spacing:0;color:#8d82a0;font-weight:600}.logo-mark{width:44px;height:44px;border-radius:17px;background:var(--purple);display:grid;place-items:center;color:white;box-shadow:0 7px 0 #e2d7fe;font-size:1.7rem;transform:rotate(-7deg)}.main-nav,.header-actions{display:flex;align-items:center;gap:24px}.header-actions{gap:10px}.nav-link{font-size:.9rem;font-weight:700;color:#6b637b;white-space:nowrap}.nav-link.active{color:var(--purple)}.whoami{font-size:.84rem;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-form{display:inline-flex;align-items:center;gap:6px;margin:0}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:12px 24px;font-weight:800;font-size:.89rem;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-2px);color:inherit}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 6px 0 #dbd1fd}.btn-primary:hover{background:var(--purple-dark);color:white}.btn-soft{background:#f0ebff;color:#6448c6}.btn-soft:hover{color:#5c43bb}.btn-outline{border:1.5px solid #ded7ef;background:#fff;color:#655989}.btn-white{background:#fff;color:#6150bd}.btn-sm{padding:8px 14px;border-radius:11px;font-size:.79rem;box-shadow:none}.btn-lg{font-size:.99rem;padding:14px 26px}.btn:disabled{opacity:.6;cursor:wait}.btn:disabled:hover{transform:none}#content{flex:1}.eyebrow{display:inline-block;font-size:.84rem;font-weight:800;color:#ef8f4b;letter-spacing:.1px}.purple-text{color:var(--purple)}.little-star{color:#fac563;font-size:.5em;vertical-align:top}.muted{color:var(--muted)}.centered{text-align:center}.site-footer{padding:38px clamp(20px,6.5vw,100px);display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #f0e8ee;color:var(--muted);font-size:.78rem;margin-top:70px}.site-footer a{margin-inline-start:14px}.footer-brand{font-size:1.13rem;font-weight:900;color:var(--purple)}
.hero{margin:15px clamp(20px,6.5vw,100px) 45px;display:grid;grid-template-columns:1fr 1fr;min-height:460px;align-items:center;gap:36px}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:14px 0 20px;font-size:clamp(2.6rem,4.1vw,4.6rem)}.hero-copy>p{max-width:500px;line-height:2;font-size:1.02rem}.hero-actions{display:flex;gap:16px;margin:30px 0;flex-wrap:wrap}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;font-weight:700;font-size:.73rem;color:#77728a}.hero-art{height:440px;border-radius:54px;background:radial-gradient(circle at 85% 10%,#fff1b8 0%,transparent 33%),linear-gradient(145deg,#f1e9ff,#e4f4ff 65%,#fff4df);position:relative;overflow:hidden}.hero-art:after{content:'✦';color:#a0b5ed;position:absolute;right:16%;top:26%;font-size:45px}.art-ground{position:absolute;background:#b8e9d3;height:130px;border-radius:50% 50% 0 0;bottom:-48px;left:-10%;width:120%}.hero-sun{position:absolute;top:32px;left:46px;font-size:55px}.hero-cloud{position:absolute;right:40px;top:42px;font-size:30px;color:#a2d9cc}.mascot{position:absolute;width:240px;height:275px;left:50%;top:50%;transform:translate(-50%,-42%);background:#ffc864;border-radius:47% 47% 42% 42%;border:10px solid #f8ad50;z-index:1;box-shadow:inset 0 -25px #f4b451,0 15px 0 rgba(131,103,67,.12)}.mascot-ear{position:absolute;width:80px;height:95px;top:-34px;border:14px solid #f2b24a;background:#ffe1a8;border-radius:50%;z-index:-1}.ear-left{left:0;transform:rotate(-34deg)}.ear-right{right:0;transform:rotate(34deg)}.mascot-face{position:absolute;top:58px;left:25px;right:25px;height:115px;background:#ffefc9;border-radius:48%;box-shadow:inset 0 -9px rgba(255,206,150,.5)}.eyes{display:flex;justify-content:space-around;padding:36px 30px 0}.eyes i{width:13px;height:17px;border-radius:50%;background:#43345c}.cheeks{position:absolute;top:70px;left:12px;right:12px;display:flex;justify-content:space-between}.cheeks i{background:#ff9f9e;border-radius:50%;width:24px;height:11px;opacity:.8}.smile{position:absolute;left:50%;top:67px;width:34px;height:20px;border-bottom:5px solid #6c4564;border-radius:50%;transform:translateX(-50%)}.mascot-belly{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:85px;height:70px;background:#ffedc8;border-radius:45%;display:grid;place-items:center;font-size:3.4rem;color:#8051c8;font-weight:900}.letter-bubble{position:absolute;z-index:2;background:white;border-radius:23px;font-size:2.2rem;font-weight:900;width:76px;height:77px;display:grid;place-items:center;box-shadow:0 12px 25px #6e5f9b1a}.bubble-1{top:140px;left:25px;transform:rotate(-15deg);color:#f29f54}.bubble-2{top:58px;right:55px;transform:rotate(13deg);color:#7955d4}.bubble-3{bottom:65px;right:22px;transform:rotate(-13deg);color:#5ca9b2}.hero-caption{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;color:#765481;background:#fff;border-radius:18px;padding:4px 18px;font-weight:800;font-size:.75rem;white-space:nowrap}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0 clamp(20px,6.5vw,100px) 55px;padding:23px 35px;background:#fff;border:1px solid #f1eaea;border-radius:25px;box-shadow:var(--shadow)}.feature-strip>div{display:flex;align-items:center;gap:14px;justify-content:center}.feature-strip b,.feature-strip small{display:block}.feature-strip small{font-size:.75rem}.feature-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:18px;font-size:1.5rem}.feature-icon.pink{background:#fff0f4}.feature-icon.peach{background:#fff1db}.feature-icon.mint{background:#e5f9ef}.section-padding{padding:22px clamp(20px,6.5vw,100px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{margin:4px 0}.section-head p{margin:3px 0}.text-link{color:var(--purple);font-weight:800;font-size:.85rem}.adventure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.adventure-card{border-radius:31px;padding:28px 30px 26px;min-height:312px;position:relative;overflow:hidden;display:flex;align-items:start;flex-direction:column;transition:transform .18s}.adventure-card:hover{transform:translateY(-6px)}.alif-card{background:#fce7ed}.orange-card{background:#fff0d7}.blue-card{background:#e6f2fe}.adventure-picture{font-size:4.5rem;line-height:1.35}.adventure-tag{background:#ffffff9e;border-radius:40px;padding:3px 13px;font-size:.69rem;font-weight:800;margin:9px 0}.adventure-card h3{font-size:1.38rem;margin:4px 0}.adventure-card p{font-size:.84rem;margin:0 0 10px}.adventure-go{font-weight:900;color:var(--purple);margin-top:auto}.adventure-deco{position:absolute;font-size:10rem;left:-21px;top:-64px;color:#ffcfdd;opacity:.5}.parents-banner{background:#eee8ff;border-radius:38px;margin:75px clamp(20px,6.5vw,100px) 20px;padding:48px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden}.parents-banner>div:first-child{max-width:600px}.parents-banner h2{margin:6px 0}.parents-illustration{font-size:7rem;position:relative;white-space:nowrap}.parents-illustration span{position:absolute;font-size:3rem;bottom:-12px;left:0}.parents-illustration span:last-child{left:auto;right:0;bottom:40px}
.page-heading{padding:50px clamp(20px,6.5vw,100px) 24px}.page-heading h1{font-size:2.5rem;margin:10px 0}.page-heading p{max-width:800px;margin:0 auto}.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:25px clamp(20px,6.5vw,100px)}.level-card{padding:32px;border:1px solid #f3eaf0;border-radius:28px;background:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.level-icon{width:70px;height:70px;border-radius:23px;display:grid;place-items:center;background:#fff0f4;font-size:2.6rem}.level-yellow .level-icon{background:#fff3db}.level-mint .level-icon{background:#e7faf0}.level-blue .level-icon{background:#e5f4ff}.level-purple .level-icon{background:#f0e9ff}.level-orange .level-icon{background:#fff0e6}.level-step{display:block;color:#a59ab1;font-weight:800;font-size:.73rem;margin:19px 0 4px}.level-card h3{font-size:1.32rem;margin:0}.level-card p{min-height:49px;font-size:.83rem}.level-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3edf4;padding-top:12px;font-size:.78rem;font-weight:800}.level-footer a{color:var(--purple)}
.auth-layout{display:grid;grid-template-columns:minmax(300px,540px) minmax(250px,380px);align-items:stretch;justify-content:center;gap:30px;min-height:600px;padding:55px 25px}.auth-card{padding:42px 47px;border-radius:35px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.auth-icon{font-size:3.2rem}.auth-card h1{font-size:2.05rem;margin:10px 0}.auth-card>p{font-size:.91rem}.form-grid{display:flex;flex-direction:column;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.85rem}.form-grid input,.form-grid textarea,.form-grid select,.compact-form select{display:block;width:100%;border-radius:14px;border:1.5px solid #e9e3f0;background:#fff;color:var(--ink);padding:11px 15px;outline:none;min-height:46px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7853dc1a}.form-grid textarea{resize:vertical}.form-grid hr{width:100%;border:0;border-top:1px solid var(--border)}.form-grid label.check-row{flex-direction:row;align-items:center}.check-row input{width:auto;min-height:unset;accent-color:var(--purple)}.auth-switch{margin:20px 0 0;text-align:center;font-size:.88rem}.auth-switch a{color:var(--purple);font-weight:800}.auth-side{border-radius:35px;background:linear-gradient(155deg,#efeaff,#ffdfe9);text-align:center;padding:65px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-character{font-size:9rem;filter:drop-shadow(0 12px 8px #584c7d22)}.auth-side h2{margin:0}.auth-decoration{font-size:2rem;margin-top:40px}.setup-card{grid-column:1/-1;max-width:600px;width:100%;margin:auto}.alert,.flash{padding:14px 20px;border-radius:15px;margin:15px 0;background:#edf3ff;color:#635899;font-size:.9rem}.alert.error,.flash.error{background:#fff0ed;color:#9e423e}.alert.success,.flash.success{background:#e9f8ed;color:#31764e}.alert.warning{background:#fff0d7;color:#9a6736}.flash{margin:5px clamp(20px,6.5vw,100px)}
.children-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin:15px clamp(20px,6.5vw,100px)}.child-tile{width:100%;display:flex;align-items:center;flex-direction:column;gap:9px;background:#fff;border:2px solid #ede3f6;border-radius:28px;padding:35px 20px;min-height:230px;transition:.15s}.child-tile:hover{transform:translateY(-5px);border-color:var(--purple)}.child-tile span{font-size:4rem}.child-tile strong{font-size:1.2rem}.child-tile small{display:block}.new-child-card{background:#f4eeff;border:2px dashed #d5c4fa;border-radius:27px;padding:25px}.new-child-card h2{font-size:1.22rem}.dashboard-hero{margin:23px clamp(20px,6.5vw,100px);padding:35px 50px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#efe6ff,#fff0dd);border-radius:34px}.dashboard-hero h1{font-size:2.15rem;margin:9px 0}.dashboard-avatar{font-size:7rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px clamp(20px,6.5vw,100px)}.stat-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:17px 24px;display:flex;align-items:center;gap:15px}.stat-card>span{font-size:2.1rem}.stat-card b,.stat-card small{display:block}.stat-card b{font-size:1.16rem}.small-top{padding-top:8px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lesson-card{padding:23px;border:1px solid var(--border);border-radius:24px;background:#fff;transition:.15s}.lesson-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.lesson-emoji{font-size:3.7rem}.lesson-label{color:#9563cc;font-size:.76rem;font-weight:800}.lesson-card h3{margin:7px 0;font-size:1.3rem}.lesson-card p{min-height:24px;font-size:.8rem}.lesson-bottom{display:flex;justify-content:space-between;font-size:.8rem;color:var(--purple)}
.game-shell{margin:20px clamp(20px,8vw,120px);min-height:550px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:.82rem;color:#827b92;font-weight:800}.back-link{color:#8779b5;font-weight:800}.game-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center;padding:30px 0}.game-scene{height:430px;background:linear-gradient(140deg,#fff0c4,#ffe1e5,#ede4ff);border-radius:35px;position:relative;display:grid;place-items:center;overflow:hidden}.giant-emoji{font-size:11rem;line-height:1;filter:drop-shadow(0 14px 6px #705f6922)}.giant-letter{position:absolute;font-size:5rem;bottom:25px;right:30px;color:#7654dd;background:white;width:115px;height:115px;border-radius:30px;display:grid;place-items:center;font-weight:900;transform:rotate(12deg);box-shadow:0 10px 0 #d8cbff}.scene-spark{position:absolute;font-size:3rem;color:#fff;top:18px;left:40px}.scene-spark.s2{top:auto;left:auto;bottom:60px;right:25px}.lesson-cover{width:100%;height:100%;object-fit:cover}.game-welcome h1{font-size:2.5rem;margin:10px 0}.game-welcome p{line-height:2.15}.intro-controls{display:flex;flex-wrap:wrap;gap:13px;margin:25px 0}.hint-text{font-size:.72rem}.guest-note{font-size:.77rem;padding:10px 15px;background:#efe9ff;border-radius:12px}.guest-note a{color:var(--purple);font-weight:800}.game-quiz{max-width:750px;margin:0 auto}.quiz-progress{display:flex;align-items:center;gap:15px;font-weight:800;font-size:.79rem;margin:10px 0 21px}.progress-track{height:12px;background:#e9e2f5;border-radius:50px;flex:1;overflow:hidden}.progress-track span{display:block;background:linear-gradient(90deg,#9e82fa,#71d4a2);height:100%;border-radius:50px;transition:width .3s;width:5%}.quiz-card{position:relative;text-align:center;padding:48px 40px;background:#fff;border:1px solid #eee5f1;border-radius:35px;box-shadow:var(--shadow)}.quiz-mascot{position:absolute;top:-36px;left:50%;transform:translateX(-50%);font-size:3.7rem}.question-copy h2{margin:22px 0 7px}.listen-button{border:none;background:#f3efff;border-radius:12px;color:#7353bf;padding:8px 20px;font-size:.9rem;font-weight:800}.answer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:27px}.answer-card{display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:91px;text-align:right;font-size:1.18rem;font-weight:900;color:var(--ink);padding:15px;border:2px solid #efe9f2;background:#fffcff;border-radius:20px;transition:.15s}.answer-card:not(:disabled):hover{border-color:#bba7fa;transform:scale(1.02);background:#f7f3ff}.answer-marker{font-weight:900;font-size:.9rem;width:35px;height:35px;border-radius:50%;background:#f0eaff;color:#7558c3;display:grid;place-items:center;flex-shrink:0}.answer-card.correct{background:#e4f8e8;border-color:#71c995}.answer-card.wrong{background:#fff0f0;border-color:#ec9c99}.answer-card:disabled{cursor:default}.question-feedback{min-height:35px;font-weight:800;margin:20px auto 9px}.question-feedback.good{color:#2c9961}.question-feedback.try-again{color:#b37a3e}.game-finish{max-width:600px;background:#fff;text-align:center;margin:30px auto;padding:50px;border-radius:35px;box-shadow:var(--shadow)}.finish-confetti{font-size:3.4rem}.game-finish h2{margin:5px 0}.finish-score{display:grid;place-items:center;width:160px;height:160px;border-radius:50%;border:15px solid #ecdefc;margin:20px auto;font-size:2.5rem;color:var(--purple);font-weight:900}.finish-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.admin-header{margin:28px clamp(20px,6.5vw,100px) 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-header h1{font-size:2.1rem;margin:4px 0}.admin-header p{margin:0}.admin-header-buttons{display:flex;gap:12px;align-items:center}.admin-tabs{margin:0 clamp(20px,6.5vw,100px) 24px;display:flex;overflow:auto;border-bottom:2px solid #eae4ed;gap:22px}.admin-tabs a{font-weight:800;font-size:.87rem;padding:10px 4px;white-space:nowrap;color:#81788d}.admin-tabs a.selected{border-bottom:3px solid var(--purple);color:var(--purple)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 clamp(20px,6.5vw,100px) 25px}.admin-stat{padding:20px 25px;background:white;border:1px solid var(--border);border-radius:22px;display:flex;flex-direction:column;align-items:start}.admin-stat span{font-size:1.5rem}.admin-stat b{font-size:1.75rem;line-height:1.3}.admin-stat small{font-weight:700}.admin-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin:0 clamp(20px,6.5vw,100px) 20px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:25px;padding:27px;box-shadow:0 12px 40px #352b5710}.panel h2{font-size:1.24rem;margin-bottom:7px}.panel>p{font-size:.83rem}.grades-admin{display:flex;flex-direction:column;gap:8px;margin-top:17px}.grade-setting{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid #f5eff5;padding:8px 0}.grade-setting strong{font-size:.84rem}.check-row{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--muted)}.check-row input{accent-color:var(--purple)}.quick-actions{display:flex;flex-direction:column;gap:11px;margin-top:20px}.quick-action{padding:14px 17px;background:#f8f5ff;border-radius:12px;font-weight:800;font-size:.83rem;display:flex;justify-content:space-between;gap:10px;align-items:center}.quick-action>span{color:var(--purple);overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.83rem;min-width:440px}.data-table th,.data-table td{padding:14px 12px;text-align:right;border-bottom:1px solid #f2eefa;vertical-align:middle}.data-table th{font-weight:900;color:#80758d;background:#faf8ff;white-space:nowrap}.data-table td small{display:block}.status{font-size:.73rem;font-weight:800;padding:5px 13px;border-radius:30px;white-space:nowrap}.status.ok{background:#e7f9ec;color:#34895a}.status.pending{background:#fff1db;color:#b27a35}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-preview{height:170px;display:grid;place-items:center;background:#f8efff;border-radius:18px;overflow:hidden;margin:17px 0}.media-preview>span{font-size:6rem}.media-preview img{height:100%;width:100%;object-fit:cover}.spacing-bottom{margin-bottom:20px}.spacing-top{margin-top:16px}.section-margin{margin:22px clamp(20px,6.5vw,100px)}.question-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.question-admin-card{border:1px solid #f0e8f3;background:#fefbff;border-radius:18px;padding:19px}.question-number{font-size:.73rem;color:var(--purple);font-weight:900}.question-admin-card h3{font-size:.98rem;margin:6px 0 13px}.question-option-list{display:flex;gap:8px;flex-wrap:wrap}.question-option{font-size:.74rem;background:#f3eff8;border-radius:9px;padding:5px 10px}.question-option.is-correct{background:#e2f7e7;color:#2b8e55;font-weight:800}.question-admin-card p{margin:11px 0}.danger-link{color:#bf4949;border:none;background:none;padding:5px 0;font-weight:800;font-size:.81rem}.question-new{margin-top:30px;border-top:1px dashed var(--border);padding-top:22px;max-width:670px}.gradient-panel{background:linear-gradient(160deg,#fff,#f7f2ff)}.advice-result{background:#f4f1ff;padding:20px;margin-top:20px;border-radius:15px}.advice-text{white-space:pre-wrap;font-size:.87rem;max-height:500px;overflow-y:auto}.compact-form{gap:5px}.compact-form select{min-height:37px;min-width:123px;padding:6px;font-size:.76rem}.legal-page{max-width:840px;margin:50px auto;padding:0 20px}.legal-page h1{font-size:2.3rem}.legal-page h2{margin-top:27px;font-size:1.2rem}
@media(max-width:1050px){.site-header{padding:20px 35px}.hero,.feature-strip,.levels-grid,.stats-row,.dashboard-hero,.admin-stats,.admin-tabs,.admin-grid,.admin-header,.section-margin,.children-grid{margin-left:35px;margin-right:35px}.section-padding{padding-left:35px;padding-right:35px}.parents-banner{margin-left:35px;margin-right:35px}.main-nav{gap:12px}.hero-art{height:390px}.whoami{display:none}}@media(max-width:760px){.site-header{flex-wrap:wrap;gap:11px;padding:16px 18px}.logo{font-size:1.22rem}.logo-mark{width:40px;height:40px}.main-nav{order:3;width:100%;justify-content:center;border-top:1px solid #f0eaf2;padding:10px 0 0;gap:26px}.header-actions{margin-right:auto}.header-signup{display:none}.hero{display:flex;flex-direction:column;margin:12px 19px 28px;gap:18px}.hero-copy h1{font-size:2.6rem}.hero-art{width:100%;height:360px}.hero-trust{gap:9px}.hero-actions{margin:20px 0}.feature-strip{grid-template-columns:1fr;gap:13px;margin:20px 18px 37px;padding:22px}.feature-strip>div{justify-content:start}.section-padding{padding:20px 18px}.adventure-grid,.levels-grid,.lesson-grid{grid-template-columns:1fr}.adventure-card{min-height:265px}.section-head{align-items:start}.parents-banner{margin:35px 18px 0;padding:30px 24px;flex-direction:column}.parents-illustration{font-size:5rem}.site-footer{flex-wrap:wrap;padding:27px 20px;gap:10px}.levels-grid{margin:18px}.page-heading{padding:33px 18px 15px}.page-heading h1{font-size:2rem}.auth-layout{grid-template-columns:1fr;padding:25px 18px}.auth-side{display:none}.auth-card{padding:28px 22px}.children-grid{margin:15px 18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.new-child-card{grid-column:1/-1}.dashboard-hero{margin:13px 18px;padding:26px 23px}.dashboard-hero h1{font-size:1.5rem}.dashboard-avatar{font-size:4rem}.stats-row{margin:20px 18px;grid-template-columns:1fr}.game-shell{margin:15px 18px}.game-intro{grid-template-columns:1fr;padding:0;gap:24px}.game-scene{height:300px}.giant-emoji{font-size:8rem}.giant-letter{width:80px;height:80px;font-size:3.5rem;bottom:12px}.game-welcome h1{font-size:2rem}.game-quiz{margin-top:35px}.quiz-card{padding:36px 15px}.answer-grid{gap:11px}.answer-card{font-size:.97rem;min-height:75px;padding:10px;gap:8px}.answer-marker{width:29px;height:29px}.admin-header,.admin-tabs,.admin-grid,.admin-stats,.section-margin{margin-left:18px;margin-right:18px}.admin-header{align-items:start;flex-direction:column}.admin-header h1{font-size:1.65rem}.admin-stats{grid-template-columns:repeat(2,1fr);gap:10px}.admin-grid,.question-admin-grid{grid-template-columns:1fr}.panel{padding:19px}.grade-setting{flex-wrap:wrap}.grade-setting strong{width:100%}.game-top{font-size:.72rem}.game-stars{display:none}}
@media(max-width:390px){.hero-copy h1{font-size:2.24rem}.main-nav{gap:12px}.header-actions .btn{padding:6px 10px}.children-grid{grid-template-columns:1fr}.child-tile{min-height:150px}.answer-grid{grid-template-columns:1fr}.quiz-card{padding:37px 12px}.game-top{gap:5px}.stat-card{padding:13px}.intro-controls{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.practice-hint{margin-top:20px;background:#fff1df;border:1px dashed #f1cf9e;padding:18px 22px;border-radius:18px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.87rem}.practice-hint a{color:var(--purple);font-weight:800}

.question-illustration{max-width:220px;margin:0 auto 20px;border-radius:24px;overflow:hidden;background:#f6f0fe}.question-illustration img{width:100%;aspect-ratio:1;object-fit:cover}.admin-question-image{width:135px;height:135px;object-fit:cover;border-radius:16px;margin:10px 0 14px}

/* v0.2.0 -- AI recommendations and printable worksheet controls */
.recommendations-list{margin-top:25px;border-top:1px solid #e9e0f3;padding-top:20px}.recommendations-list>h3{margin-bottom:15px}.recommendation{background:#fbf8ff;border:1px solid #eee6f7;border-radius:16px;padding:17px;margin:12px 0}.recommendation h3{font-size:1.04rem;margin:0 0 10px}.recommendation p{font-size:.88rem;margin:6px 0}.recommendation-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.api-test-box{margin:18px 0;background:#f7f7ff;padding:15px;border-radius:13px}.api-test-box .alert{margin-top:13px}.worksheet-form-panel{max-width:800px;margin:20px auto 50px}.recommendation-actions form{margin:0}.recommendation-actions .btn{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){.worksheet-form-panel{margin:20px 18px}.recommendation-actions{flex-direction:column}.recommendation-actions .btn{width:100%}}

/* v0.3.0: separated child reports */
.report-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.report-stats{margin-top:0}.report-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin:0 clamp(20px,6.5vw,100px) 32px;align-items:start}.progress-lesson{border-bottom:1px solid #f0eaf2;padding:15px 0}.progress-lesson:last-child{border-bottom:0}.progress-lesson-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.progress-lesson-header strong{font-size:.92rem}.report-track{margin-bottom:9px}.progress-lesson small{margin-inline-end:17px}.progress-lesson .text-link{display:inline-block;font-size:.78rem}.recent-attempts{display:flex;flex-direction:column;gap:9px}.attempt-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee7f3;padding:11px 0;gap:12px}.attempt-row div{display:flex;flex-direction:column}.attempt-row strong{font-size:.85rem}.attempt-row small{font-size:.73rem;direction:ltr;text-align:right}.attempt-row b{color:var(--purple);font-size:1.07rem}.report-subheading{margin:26px 0 9px}.child-select-card .child-tile small{max-width:100%;white-space:normal}.new-child-card p.small-muted{font-size:.76rem}
@media(max-width:850px){.report-layout{grid-template-columns:1fr;margin:0 18px 25px}.report-stats{margin:15px 18px}.progress-lesson-header{flex-wrap:wrap}}

/* Read-aloud practice */
.reading-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:22px;align-items:start;margin:20px 0 55px}
.reading-permission{display:grid;gap:16px;line-height:1.85;margin:18px 0}.reading-steps{display:grid;gap:22px}
.reading-card{border:2px solid #f0e3ff;border-radius:22px;padding:23px;text-align:center;background:linear-gradient(150deg,#fff,#fffcf4)}
.reading-target{font-size:clamp(34px,6vw,66px);font-weight:900;color:#5e2aac;padding:14px 8px;line-height:1.8}
.reading-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reading-status{min-height:30px;padding-top:18px;font-weight:700;line-height:1.9}.reading-status small{display:block;font-weight:400}
@media(max-width:790px){.reading-layout{grid-template-columns:1fr}.reading-card{padding:16px}.reading-target{font-size:44px}}

.curriculum-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:25px 0 45px}.curriculum-unit{padding:24px}.curriculum-unit h2{font-size:21px}.curriculum-unit p{line-height:1.8}.curriculum-unit form{margin-top:12px}

/* Sequential learning course */
.lesson-card.locked-lesson{opacity:.55;filter:grayscale(.35);cursor:not-allowed;box-shadow:none}.lesson-access{display:block;color:#7a5676;font-size:.85rem;margin:0 0 .35rem}.cron-code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;padding:15px;background:#f5f0ff;border-radius:12px;margin:10px 0 16px;font-size:.84rem}