/* Quizy family picker, protected parent workspace and child-first learning UI. */
body{font-family:'Trebuchet MS',Arial,sans-serif}button,a,input,select{touch-action:manipulation}button{transition:transform .16s,box-shadow .16s}button:active{transform:translateY(2px)}[hidden]{display:none!important}.page{max-width:1200px}.eyebrow{display:block;font-size:12px;font-weight:900;letter-spacing:2px;color:#5c7190}.text-button{background:transparent;color:#395675;padding:12px 0;font-weight:700;text-decoration:underline}.brand{text-shadow:none}.nav{min-height:80px;padding-left:max(22px,calc((100vw - 1160px)/2));padding-right:max(22px,calc((100vw - 1160px)/2))}.footer{padding:26px 16px;color:#627590}.notice{font-size:16px}
body[data-mode=picker] .app,body[data-mode=parent] .app{background:radial-gradient(ellipse at 85% 10%,#e4efff,transparent 55%),#f4f8ff}body[data-mode=picker] .nav,body[data-mode=parent] .nav{background:#fff;color:#183658;border-bottom:1px solid #e3eaf4;box-shadow:none}body[data-mode=picker] .brand,body[data-mode=parent] .brand{color:#13396b}body[data-mode=parent] .navlinks button{color:#4f6383}body[data-mode=parent] .navlinks button.active{background:#e4efff;color:#1654b0}.picker-heading{text-align:center;padding:35px 16px 28px}.picker-heading h1{font-size:clamp(30px,4vw,45px);color:#15365d;letter-spacing:-1.3px;margin:16px 0}.picker-heading p{font-size:18px;color:#64768e}.profile-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:16px 0 50px}.profile-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:235px;min-height:295px;padding:28px 16px;background:white;border:2px solid #e4eaf5;border-radius:28px;color:#223e63;box-shadow:0 9px 0 #e3eaf4}.profile-tile:hover{border-color:#5ba2f5;transform:translateY(-5px);box-shadow:0 14px 24px #26629d18}.profile-tile strong{font-size:21px}.profile-tile>span:not(.profile-avatar){font-size:15px;font-weight:400}.profile-tile small{font-size:12px;color:#7b8ba0}.profile-avatar{width:102px;height:102px;background:#fff0d1;display:grid;place-items:center;border-radius:35px;font-size:62px;margin-bottom:5px}.parent-tile{background:#eef4ff;border-color:#cbdcf9}.parent-tile .profile-avatar{background:#dce9ff;font-size:53px}.profile-avatar.avatar-1{background:#dff1ff}.profile-avatar.avatar-2{background:#e7e0ff}.profile-avatar.avatar-3{background:#dff5e9}.profile-avatar.avatar-4{background:#ffe5ed}.profile-avatar.avatar-5{background:#fff0c9}.parent-gate{max-width:500px;margin:35px auto;text-align:center;padding:35px}.parent-gate .profile-form{margin:25px auto;text-align:left}.parent-gate p{line-height:1.7;color:#5b6e87}.gate-icon{font-size:55px}.parent-gate h1{font-size:30px}.parent-gate input{font-size:18px;padding:15px}.parent-gate .small{font-size:12px}.parent-overview{padding:22px 0}.parent-overview h1{max-width:680px;font-size:34px;letter-spacing:-1px;margin:12px 0}.parent-overview p{color:#697b93}.parent-profile-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.parent-profile-tabs button{background:white;border:2px solid #e1e8f2;border-radius:18px;display:grid;grid-template-columns:45px auto;padding:15px 20px;text-align:left;column-gap:12px;color:#254369}.parent-profile-tabs button.selected{border-color:#4789ec;background:#ecf4ff}.parent-profile-tabs button>span{grid-row:span 2;font-size:35px}.parent-profile-tabs small{font-weight:400;color:#697b93;margin-top:5px}.parent-child-avatar{font-size:45px}body[data-mode=parent] .panel{border:1px solid #e1e8f1;box-shadow:0 6px 20px #203d5e06}body[data-mode=parent] .stat{background:#f0f5ff}
body[data-mode=child] .app{background:radial-gradient(ellipse at 95% 8%,#e7e3ff88,transparent 40%),#f5f9ff}body[data-mode=child] .nav{background:white;border-bottom:1px solid #e2eaf4;box-shadow:none;position:sticky;top:0;z-index:10}body[data-mode=child] .brand{color:#214674}body[data-mode=child] .navlinks button{color:#526586;padding:12px 18px}body[data-mode=child] .navlinks button.active{color:#365cc5;background:#edf0ff}body[data-mode=child] #stars{background:#fff1ce;color:#92652a;border-radius:14px;padding:12px;font-weight:900}body[data-mode=child] #profileLabel{background:#f0f4fb;color:#556c90;font-size:14px}body[data-mode=child] .page{padding-top:30px}.kid-welcome{background:#e4f0ff;min-height:245px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;padding:34px 42px;gap:20px;position:relative;overflow:hidden}.kid-welcome::after{content:'';width:240px;height:240px;border:35px solid #ffffff45;border-radius:50%;position:absolute;right:-90px;top:-50px;pointer-events:none}.kid-grade{color:#5674a3;letter-spacing:2px;font-size:12px;font-weight:900}.kid-welcome h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.2px;color:#1f4273;margin:14px 0}.kid-welcome p{font-size:17px;color:#647d9e}.kid-score{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.kid-score span{background:#ffffffb8;border-radius:12px;padding:10px 16px;color:#365880;font-size:14px;font-weight:900}.welcome-mascot{font-size:110px;position:relative;z-index:1;padding-right:35px;transform:rotate(-7deg)}.welcome-mascot span{position:absolute;right:0;top:-10px;font-size:38px}.kid-practice{font-size:12px;color:#7a88a1;text-align:right;margin:12px 8px}.kid-resume{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff7e5;border:1px solid #f5e5bd;border-radius:22px;padding:22px 28px;margin-top:22px}.kid-resume span{font-size:13px;color:#917444}.kid-resume h2{margin:8px 0 0;font-size:20px;color:#745221}.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:35px 0 23px}.section-row h2{font-size:27px;margin:8px 0;color:#27456b}.section-row .white{border:1px solid #e5eaf3}.kid-subjects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.kid-subject{display:flex;align-items:center;flex-direction:column;min-height:210px;padding:22px 18px 18px;border-radius:26px;border:2px solid #fff;box-shadow:0 6px 0 #dce5f0;color:#294467;text-align:center}.kid-subject:hover{transform:translateY(-5px);box-shadow:0 12px 22px #4f6a981a}.subject-orbit{display:grid;place-items:center;width:82px;height:82px;border-radius:27px;background:#ffffffa8;font-size:48px;margin-bottom:15px}.kid-subject strong{font-size:18px;line-height:1.4}.subject-cta{font-size:12px;margin-top:auto;padding-top:17px;font-weight:400;opacity:.75;display:flex;justify-content:space-between;width:100%}.subject-color-0{background:#fff0cc}.subject-color-1{background:#dfeaff}.subject-color-2{background:#e9e2ff}.subject-color-3{background:#dcf3e6}.subject-color-4{background:#ffe5e8}.subject-color-5{background:#e2f4fa}
.topic-heading{display:flex;align-items:center;gap:25px;padding:35px 10px}.topic-icon{font-size:70px;background:#e8edff;border-radius:30px;width:125px;height:125px;display:grid;place-items:center;flex-shrink:0}.topic-heading h1{font-size:34px;color:#26446c;margin:10px 0}.topic-heading p{color:#6f819b}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:23px}.kid-topic{background:white;border:2px solid #e3eaf5;border-radius:22px;padding:22px;text-align:left;display:flex;flex-direction:column;gap:15px;color:#324d74;box-shadow:0 4px 0 #e0e7f1;min-height:165px}.kid-topic:hover:not(:disabled){border-color:#8da6e9;transform:translateY(-3px)}.kid-topic strong{font-size:18px;line-height:1.4}.kid-topic small{font-size:12px;color:#788ca6}.topic-number{font-size:13px;font-weight:900;color:#6a7ec0;background:#edf0ff;border-radius:10px;padding:8px 10px;align-self:flex-start}.mixed-challenge{display:flex;align-items:center;gap:25px;background:#ebe8ff;border-radius:25px;padding:25px;margin-top:30px}.mixed-challenge>span{font-size:48px}.mixed-challenge h2{margin:0 0 8px;color:#4b4487}.mixed-challenge p{margin:0;color:#79729f}.mixed-challenge button{margin-left:auto}.awards-header{text-align:center;padding:25px 0 35px}.awards-header>span{font-size:75px}.awards-header h1{font-size:34px;color:#304d75}.awards-header p{color:#73849c}.awards-header>strong{display:inline-block;background:#fff1cf;padding:14px 24px;border-radius:18px;color:#957137;margin-top:15px}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.badge-card{background:white;border:2px solid #e4eaf3;border-radius:25px;text-align:center;padding:28px 20px;min-height:250px}.badge-card>span{font-size:66px}.badge-card h2{font-size:19px;color:#3d5677}.badge-card p{font-size:14px;color:#8190a5;line-height:1.6}.badge-card>strong{font-size:12px;color:#a4afbf}.badge-card.earned{background:#fff9e9;border-color:#f4d88c}.badge-card.earned>strong{color:#b28b32}.badge-card.locked{opacity:.75}
body[data-mode=child] .quizStage{background:linear-gradient(145deg,#e6edff,#edf8ff);box-shadow:0 10px 35px #36558c13;border:3px solid #fff;padding:30px}body[data-mode=child] .question{background:#fff9e9;border:3px solid #f1dca9;box-shadow:0 5px 0 #e8d4a0;color:#334f77;font-size:30px}body[data-mode=child] .answer{background:#fff;border:2px solid #d9e3f3;box-shadow:0 4px 0 #cfdced;min-height:80px}body[data-mode=child] .answer:hover:not(:disabled){border-color:#7d99e5}body[data-mode=child] .answer.good{background:#d9f5e4;border-color:#55bb81}body[data-mode=child] .answer.bad{background:#ffeded;border-color:#ed9b9b}body[data-mode=child] .result{background:linear-gradient(130deg,#fff7dc,#eef3ff);box-shadow:0 15px 40px #29497613;border:3px solid white}body[data-mode=child] .quizTop{color:#547096}body[data-mode=child] .timer{background:white;font-size:18px;color:#526fa2}body[data-mode=child] .yellow{background:#ffce5c;color:#69471d;box-shadow:0 5px 0 #e9b247}body[data-mode=child] .feedback{background:#fff;border-radius:18px;margin-top:24px;padding:20px;text-align:center;line-height:1.6}
@media(max-width:1000px){.kid-subjects{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-mascot{font-size:90px}.nav{padding:16px 22px}}@media(max-width:700px){.kid-subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kid-welcome{padding:25px;min-height:220px}.welcome-mascot{font-size:65px;padding-right:5px}.welcome-mascot span{font-size:25px;right:-8px}.kid-score{gap:7px}.kid-score span{padding:9px;font-size:12px}.kid-welcome p{font-size:14px;line-height:1.6}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-heading{gap:15px}.topic-icon{width:90px;height:90px;font-size:50px}.topic-heading h1{font-size:27px}.topic-heading p{font-size:14px}.mixed-challenge{flex-wrap:wrap;padding:22px}.mixed-challenge button{margin-left:0}.profile-picker{gap:16px}.profile-tile{width:calc(50% - 8px);min-height:250px;padding:22px 10px}.profile-tile strong{font-size:18px}.profile-tile>span:not(.profile-avatar){font-size:12px}.profile-tile small{font-size:11px}.profile-avatar{width:85px;height:85px;font-size:50px}.parent-overview h1{font-size:28px}.kid-resume{flex-wrap:wrap}.section-row{align-items:flex-start}.section-row h2{font-size:23px}.section-row .white{font-size:12px}.nav{gap:12px;justify-content:space-between}.nav .brand{font-size:25px}.navlinks{order:3;width:100%}.parent-gate{padding:25px}.badge-card{padding:23px 15px}.badge-card h2{font-size:17px}}@media(max-width:420px){.kid-subject{padding:20px 12px;min-height:190px}.kid-subject strong{font-size:15px}.subject-orbit{width:70px;height:70px;font-size:39px}.welcome-mascot{display:none}.topic-grid{grid-template-columns:1fr}.profile-tile{width:100%;min-height:235px}.kid-welcome h1{font-size:27px}body[data-mode=child] .navlinks button{padding:10px;font-size:14px}.badge-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}.kid-subject:hover,.profile-tile:hover{transform:none}}
/* Links share the same readable navigation treatment as child/parent buttons. */
body[data-mode=child] .navlinks a,body[data-mode=parent] .navlinks a{color:#365b92;border-radius:14px;font-weight:700;padding:12px 18px}
body[data-mode=child] .navlinks a:hover,body[data-mode=parent] .navlinks a:hover{background:#edf0ff}

/* Readable answer feedback and responsive grouped navigation. */
.nav{height:auto;min-height:80px;display:flex;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}.nav .brand{flex:0 0 auto}.nav .navlinks{flex:1;justify-content:center;gap:4px}.nav .navlinks button,.nav .navlinks a{padding:10px 12px!important;white-space:nowrap}.nav .nav-tools{flex:0 0 auto;gap:8px}.nav-tools select{max-width:190px}.question-language-note{font-size:13px;line-height:1.5;color:#526784}.answer:disabled{opacity:1!important;color:#334f77!important;-webkit-text-fill-color:#334f77}.answer:disabled>span{color:#fff;-webkit-text-fill-color:#fff}.answer-label{display:block;margin-top:10px;font-size:13px;line-height:1.4}
@media(min-width:1200px){.nav{padding-left:24px;padding-right:24px;flex-wrap:nowrap}}
@media(max-width:1199px){.nav .navlinks{order:3;flex-basis:100%;justify-content:center}.nav .nav-tools{margin-left:auto}}
@media(max-width:600px){.nav .nav-tools{flex:1 1 100%;margin:0;display:flex;flex-wrap:wrap;justify-content:center}.nav .brand{margin:auto}.nav .navlinks{display:flex;flex-wrap:wrap;gap:4px}.nav .navlinks button,.nav .navlinks a{font-size:13px!important;padding:9px!important}.nav-tools select{max-width:170px}}

.hint-card{margin:18px 0;padding:16px 20px;background:#fff9e6;border:2px solid #f0dca5;border-radius:16px;line-height:1.6;color:#624a20}.hint-card>small{display:block;margin-top:9px}.hint-card p{margin:8px 0}.hint-card button:disabled{opacity:.55;cursor:not-allowed}.hint-card .white{border:1px solid #d9bf77}.hint-assisted{background:#fff6dc;border-radius:12px;padding:12px;line-height:1.6}

.question{white-space:pre-line;overflow-wrap:anywhere}.question.question-reading{font-size:clamp(18px,2vw,24px);line-height:1.65;text-align:left}.answer{overflow-wrap:anywhere}

/* Compact mobile header: secondary controls are disclosed on demand. */
.nav-toggle{display:none}
@media(max-width:760px){
 #quizyHeader{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:64px;height:auto;padding:8px 14px;gap:8px}
 #quizyHeader .brand{grid-column:1;grid-row:1;font-size:23px}
 #quizyHeader .nav-toggle{display:block;grid-column:3;grid-row:1;min-height:44px;padding:8px 12px;font-size:14px;white-space:nowrap}
 #quizyHeader .nav-tools{display:contents}
 #quizyHeader #stars{grid-column:2;grid-row:1;max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:8px;border-radius:12px}
 #quizyHeader .navlinks,#quizyHeader .nav-tools select,#quizyHeader #profileLabel{display:none}
 #quizyHeader.nav-open{max-height:calc(100dvh - 24px);overflow-y:auto}
 #quizyHeader.nav-open .nav-tools{display:flex;grid-column:1/-1;grid-row:2;flex-wrap:wrap;gap:8px}
 #quizyHeader.nav-open .nav-tools select{display:block;flex:1;min-width:120px;max-width:none;min-height:44px;font-size:14px;padding:8px}
 #quizyHeader.nav-open #profileLabel{display:block;min-height:44px;max-width:55%;font-size:13px;padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #quizyHeader.nav-open #stars{display:none}
 #quizyHeader.nav-open .navlinks{display:grid;grid-column:1/-1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}
 #quizyHeader .navlinks button,#quizyHeader .navlinks a{min-height:44px;min-width:0;padding:10px!important;font-size:14px;text-align:center;white-space:normal}
}

/* Guest sign-in actions remain separate, full touch targets on small screens. */
.guest-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;align-items:stretch}
.guest-actions>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:48px;padding:14px 20px;text-align:center;line-height:1.35;text-decoration:none;overflow-wrap:anywhere}
@media(max-width:600px){.guest-actions{flex-direction:column}.guest-actions>a{width:100%}}

/* Landing page uses real text and a separate playful illustration. */
.hero.landing-hero{height:auto;min-height:340px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding:36px;background:linear-gradient(125deg,#fffdf0,#e8f6ff 70%,#e5e3ff);border:2px solid white;box-shadow:0 10px 24px #07539b1a}
.landing-hero .heroText{position:static;max-width:480px;min-width:0}
.landing-hero .heroText h1{font-size:48px;line-height:1.15;text-shadow:none;letter-spacing:-1px}
.landing-hero .heroText p{font-size:17px;line-height:1.5;font-weight:500;color:#45617e;margin:14px 0}
.landing-hero .heroText p:first-of-type{font-size:24px;font-weight:900;color:#14375e}
.landing-hero .heroText .yellow{min-height:48px;margin-top:8px}
.hero-play{position:relative;min-height:250px;display:grid;place-items:center;background:radial-gradient(circle,#c9e8ff 0 45%,transparent 46%);isolation:isolate}
.hero-play .rocket{font-size:110px;transform:rotate(-12deg);filter:drop-shadow(0 12px 8px #526bb622)}
.hero-play .play-icon{position:absolute;display:grid;place-items:center;width:68px;height:68px;background:#fffdf6;border:2px solid white;border-radius:22px;font-size:36px;box-shadow:0 8px 18px #42639315}
.hero-play .book{left:5%;top:12%;transform:rotate(-10deg)}.hero-play .star{right:6%;top:8%;transform:rotate(12deg)}.hero-play .trophy{right:5%;bottom:5%;transform:rotate(-8deg)}
@media(max-width:600px){
 .hero.landing-hero{grid-template-columns:1fr;padding:24px 20px 12px;gap:4px;border-radius:24px;min-height:0}
 .landing-hero .heroText h1{font-size:36px}.landing-hero .heroText p:first-of-type{font-size:23px;margin:12px 0 8px}.landing-hero .heroText p{font-size:16px;margin:8px 0 16px}
 .landing-hero .heroText .yellow{width:100%;margin:0}
 .hero-play{min-height:135px;max-width:300px;width:100%;margin:auto;background:radial-gradient(ellipse,#d3eaff 0 44%,transparent 45%)}
 .hero-play .rocket{font-size:72px}.hero-play .play-icon{width:46px;height:46px;font-size:25px;border-radius:16px}.hero-play .book{left:8%;top:20%}.hero-play .star{right:10%;top:14%}.hero-play .trophy{right:8%;bottom:5%}
 .landing-hero+.featurebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:18px 14px;font-size:13px;line-height:1.4;box-shadow:none}
}

/* Parent overview: compact family navigation and readable progress cards. */
body[data-mode=parent] #screen{max-width:1160px;padding-top:12px}
.parent-overview-new{padding:12px 0 24px}.parent-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.parent-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#617a97;line-height:1.5}
.parent-overview-new h1{font-size:30px;line-height:1.25;letter-spacing:-.7px;margin:8px 0 10px;color:#193d64}
.parent-overview-new p{font-size:14px;margin:0;line-height:1.6}
.parent-quick-actions{display:flex;flex-wrap:wrap;gap:8px}.parent-quick-actions button{font-size:13px;border:1px solid #dae5f1;min-height:44px;box-shadow:none;padding:10px 14px}
.parent-picker-label{font-size:13px;color:#56708e;margin:24px 0 10px}
.parent-overview-new .parent-profile-tabs{flex-wrap:nowrap;overflow-x:auto;gap:10px;margin:0;padding:2px 2px 9px;scroll-snap-type:x proximity}
.parent-overview-new .parent-profile-tabs button{flex:0 0 170px;grid-template-columns:36px minmax(0,1fr);padding:12px;column-gap:9px;border-radius:16px;border-width:1px;min-height:70px;scroll-snap-align:start}
.parent-overview-new .parent-profile-tabs button.selected{border-color:#347fd2;box-shadow:0 0 0 1px #347fd2;background:#eaf3ff}
.parent-overview-new .parent-profile-tabs button>span{font-size:28px;align-self:center}.parent-overview-new .parent-profile-tabs strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.parent-overview-new .parent-profile-tabs small{font-size:12px}
.parent-child-summary{display:flex;align-items:center;gap:14px;margin:0 0 18px}.parent-summary-avatar{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;font-size:36px;border:1px solid #e0e9f4;background:#fff;border-radius:20px}
.parent-child-summary h2{font-size:24px;line-height:1.2;margin:4px 0;color:#193d64;overflow-wrap:anywhere}.parent-child-summary p{font-size:12px;line-height:1.6;color:#627890;margin:0}
.parent-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}
.parent-stats>div{background:white;border:1px solid #e0e9f4;border-radius:18px;padding:18px;min-width:0;display:flex;flex-direction:column;gap:10px}
.parent-stats span{font-size:12px;font-weight:700;color:#627890;line-height:1.4}.parent-stats strong{font-size:30px;line-height:1.2;color:#254b78}.parent-stats small{font-size:11px;color:#7b8da0;line-height:1.5}
.parent-dashboard .daily-goal{margin:0 0 14px;box-shadow:none;border:1px solid #dee7f3;padding:24px;border-radius:20px}.parent-dashboard .daily-goal h2{font-size:21px}.parent-dashboard .daily-goal-heading>span{width:50px;height:50px;font-size:28px}.parent-dashboard .daily-goal-heading p{font-size:13px}
.parent-settings{border:1px solid #dae5f1;border-radius:16px;background:#fff;overflow:hidden}.parent-settings summary{cursor:pointer;list-style:none;min-height:48px;padding:16px 18px;font-size:14px;color:#315d89;font-weight:700;line-height:1.5}.parent-settings summary::after{content:'+';float:right;margin-left:8px}.parent-settings[open] summary::after{content:'−'}.parent-settings>div{padding:0 20px 20px}.parent-settings .learning-fields{min-width:0}.parent-settings .formControl{max-width:100%;min-width:0}
.parent-data-note{font-size:12px;line-height:1.6;color:#74859a;margin:16px 2px 22px}
.parent-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.parent-report-card{min-width:0;background:#fff;border:1px solid #e0e9f4;border-radius:20px;padding:24px}.parent-report-card h2{font-size:19px;margin:0 0 22px;color:#264a72}
.parent-topic{margin-bottom:22px}.parent-topic:last-child{margin-bottom:0}.parent-topic>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:14px;font-size:13px;line-height:1.6}.parent-topic strong{overflow-wrap:anywhere}.parent-topic span{font-weight:700;color:#3677b9;white-space:nowrap}.parent-topic small{font-size:11px;color:#7b8da0;display:block;margin-top:7px}.parent-topic .progress{height:7px;background:#edf2fa}.parent-topic .progress i{background:#709de5}
.parent-empty{text-align:center;padding:22px 12px;color:#7589a0}.parent-empty>span{font-size:32px}.parent-empty h3{font-size:15px;color:#476787;margin:12px 0 8px}.parent-empty p{font-size:13px;line-height:1.6;margin:0}
.parent-history{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f6}.parent-history:last-child{border:0}.parent-history-icon{background:#f1f6ff;border-radius:12px;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0}.parent-history>div{flex:1;min-width:0}.parent-history strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.parent-history small{display:block;font-size:11px;color:#7488a0;margin-top:4px;line-height:1.5}.parent-history>b{font-size:14px;color:#346a9d;white-space:nowrap}
@media(max-width:700px){
 .parent-overview-heading{display:block}.parent-overview-new h1{font-size:27px;max-width:340px}.parent-quick-actions{margin-top:18px}.parent-quick-actions button{flex:1;white-space:nowrap;padding:10px;font-size:12px}
 .parent-overview-new{padding:4px 0 18px}.parent-picker-label{margin-top:20px}.parent-overview-new .parent-profile-tabs button{flex-basis:158px}
 .parent-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.parent-stats>div{padding:16px;gap:8px}.parent-stats strong{font-size:27px}.parent-stats span{font-size:12px}.parent-child-summary h2{font-size:22px}
 .parent-report-grid{grid-template-columns:1fr;gap:14px}.parent-report-card{padding:20px}.parent-dashboard .daily-goal{padding:20px}.parent-dashboard .daily-goal-heading{gap:10px}.parent-dashboard .daily-goal h2{font-size:18px}.parent-dashboard .daily-goal-heading>strong{font-size:23px}.parent-dashboard .daily-goal-heading>span{width:40px;height:40px;font-size:23px;flex-shrink:0}.parent-dashboard .goal-reward{font-size:12px;line-height:1.6}.parent-dashboard .daily-metrics{gap:16px}.parent-settings .learning-fields{grid-template-columns:1fr}
}
body[data-mode=parent] #accountActions{padding-top:2px!important;padding-bottom:0!important;text-align:right}body[data-mode=parent] #accountActions button{font-size:12px;padding:7px 0;color:#6d8097}

.toddler-launch{display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;margin:12px 0 5px}.toddler-launch:focus-visible{outline:3px solid #4e89c8;outline-offset:4px}

.welcome-setup{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1050px;margin:24px auto 40px}.welcome-story{padding:20px}.welcome-pill{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#6582a5}.welcome-art{position:relative;font-size:116px;line-height:1;width:235px;height:200px;display:grid;place-items:center;background:#e6f0ff;border-radius:50%;margin:30px 0}.welcome-art span,.welcome-art i,.welcome-art b{position:absolute;font-style:normal;font-weight:400;font-size:40px}.welcome-art span{top:0;right:0}.welcome-art i{bottom:14px;left:-10px}.welcome-art b{bottom:12px;right:-5px}.welcome-story h1{font-size:36px;line-height:1.2;color:#173d6c;letter-spacing:-1px;max-width:430px}.welcome-story p{font-size:15px;color:#70839a;line-height:1.8;max-width:400px}.welcome-perks{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.welcome-perks span{font-size:11px;background:#fff;border:1px solid #e0e8f3;padding:8px 12px;border-radius:10px;color:#5b7493}.welcome-form-card{padding:34px;background:white;border:1px solid #e1e9f3;border-radius:26px;box-shadow:0 15px 40px #274b7b08}.welcome-step{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#8799b1}.welcome-form-card h2{font-size:25px;line-height:1.35;margin:12px 0;color:#22466d}.welcome-form-card>p{font-size:13px;color:#7c8da3;margin:0 0 25px}.welcome-form-card label{display:block;font-size:13px;font-weight:700;color:#486381;margin:0 0 18px}.welcome-form-card .formControl{display:block;width:100%;margin-top:8px;min-height:48px;border:1px solid #d8e3f0;border-radius:11px;background:#fbfdff;padding:12px;font-size:16px;color:#274b75}.welcome-suggestion{font-size:12px!important;color:#788ba2;line-height:1.7;margin:0 0 22px}.welcome-submit{display:block;width:100%;min-height:52px}.welcome-trial{font-size:11px;line-height:1.8;color:#8b762e;margin-top:18px;padding:13px;background:#fff8df;border-radius:12px}.welcome-spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;margin-right:6px;animation:welcomeSpin .7s linear infinite}@keyframes welcomeSpin{to{transform:rotate(360deg)}}@media(max-width:760px){.welcome-setup{grid-template-columns:1fr;gap:20px;margin:10px auto}.welcome-story{padding:4px 8px;text-align:center}.welcome-story h1{font-size:27px;margin:12px auto}.welcome-story p{margin:0 auto;font-size:13px}.welcome-art{font-size:70px;width:130px;height:110px;margin:18px auto}.welcome-art span,.welcome-art i,.welcome-art b{font-size:25px}.welcome-perks{justify-content:center;margin-top:15px;gap:6px}.welcome-perks span{font-size:10px;padding:6px 8px}.welcome-form-card{padding:25px 20px;border-radius:22px}.welcome-form-card h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.welcome-spinner{animation:none}}
@media(max-width:760px){.welcome-art{width:80px;height:64px;font-size:44px;margin:8px auto}.welcome-art span,.welcome-art i,.welcome-art b{font-size:17px}.welcome-story h1{font-size:23px;line-height:1.25;margin:8px auto}.welcome-story p{font-size:12px;line-height:1.5}.welcome-perks{display:none}}

/* Readability and interaction refinements for family and student pages. */
.trial-status{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:11px 16px;margin:0 0 18px;background:#fff7dd;border:1px solid #f3e5b5;border-radius:13px;color:#795b26;font-size:13px;line-height:1.5}.trial-status small{font-size:12px;color:#79643b}.reward-help{font-size:13px;line-height:1.6;color:#526784;margin:18px 0 8px}.child-access-ended{text-align:center;max-width:650px;margin:24px auto}.child-access-ended>span{font-size:64px}.child-access-ended p{line-height:1.8;color:#526784}.child-access-ended .row{justify-content:center;margin-top:24px}.child-access-ended h1{font-size:clamp(25px,4vw,33px)}
body[data-mode=child] .small,body[data-mode=child] .kid-practice,body[data-mode=child] .goal-mini{font-size:13px;line-height:1.65;color:#536b88}body[data-mode=child] .question{font-size:clamp(23px,3vw,30px);line-height:1.6;overflow-wrap:anywhere}body[data-mode=child] .answer{font-size:17px;line-height:1.55;overflow-wrap:anywhere}body[data-mode=child] .answer bdi{min-width:0}.answer-label{font-weight:700}.kid-welcome h1,.profile-tile strong,.topic-heading h1,.welcome-story h1{overflow-wrap:anywhere}.kid-topic small{font-size:13px;line-height:1.65;color:#596f8c}.kid-topic:disabled{opacity:1;background:#f2f5fa;border-style:dashed;color:#65788f;box-shadow:none;cursor:default}.kid-topic:disabled strong{color:#596b83}.navlinks a,.navlinks button,.nav-tools select,.nav-tools button,.quizFoot button,.hint-card button,.guest-actions a,.section-row button{min-height:44px}.hint-card button{white-space:normal}.quizFoot{gap:12px}.quizFoot button{line-height:1.5}.parent-dashboard .small,.parent-data-note{font-size:12px;line-height:1.75;color:#61748c}.profile-form .small{font-size:13px;line-height:1.75}.profile-form input,.profile-form select{min-height:48px}.page h1:focus,.page h2:focus,.feedback:focus{outline-offset:6px}.landing-hero .yellow{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;text-decoration:none;line-height:1.4;min-height:50px}.page[aria-busy=true]{cursor:progress}
@media(max-width:600px){.profile-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-picker .profile-tile{width:100%;min-height:175px;padding:18px 10px;border-radius:20px;gap:8px}.profile-picker .profile-avatar{width:64px;height:64px;border-radius:22px;font-size:42px;margin-bottom:2px}.profile-picker .profile-tile strong{font-size:17px;line-height:1.4}.profile-picker .profile-tile small{font-size:12px;line-height:1.5}.profile-picker .parent-tile{grid-column:1/-1;display:grid;grid-template-columns:64px minmax(0,1fr);text-align:left;column-gap:16px;row-gap:3px;min-height:112px;padding:18px}.parent-tile .profile-avatar{grid-row:span 3}.profile-picker .parent-tile>span:not(.profile-avatar){font-size:12px;line-height:1.5}.kid-subjects .kid-subject{min-height:155px;padding:18px 12px;gap:10px}.kid-subject .subject-orbit{width:60px;height:60px;font-size:35px}.kid-subject strong{font-size:15px;line-height:1.45}.kid-subject .subject-cta{font-size:12px}.kid-welcome{min-height:0;padding:24px 20px}.kid-welcome h1{line-height:1.35}.trial-status{padding:10px 12px;font-size:12px;margin-bottom:14px}.trial-status small{font-size:11px}.quizStage .feedback{padding:20px 16px}.feedback p{line-height:1.8}.quizTop{gap:12px}.quizTop .timer{font-size:15px;padding:10px}.answer-label{font-size:13px}.result .row{display:grid;grid-template-columns:1fr;gap:14px}.result .row button{min-height:50px}.parent-profile-tabs button{min-height:70px}.goal-reward{line-height:1.7}.welcome-form-card .formControl{font-size:16px}}
@media(prefers-reduced-motion:reduce){button,.answer,.kid-topic{transition:none!important}.page{scroll-behavior:auto}}

.kid-topic:disabled:hover{transform:none}
.connection-retry{text-align:center;max-width:600px;margin:30px auto;padding:30px}.connection-retry>span{font-size:60px}.connection-retry p{color:#526784;line-height:1.8}.connection-retry button{min-height:48px}.question-report-dialog{max-height:90dvh}
.profile-picker .profile-tile small,.profile-tile>span:not(.profile-avatar),.kid-subject .subject-cta{color:#596f8c}.badge-card.locked{opacity:1;background:#f7f9fd}.badge-card p,.badge-card .badge-count{color:#536b88;font-size:14px}.badge-card>strong{font-size:13px;color:#596f8c}.badge-card.earned>strong{color:#856319}.footer a,.footer button{min-height:44px;display:inline-flex;align-items:center}
.page h1[tabindex="-1"]:focus,.page h2[tabindex="-1"]:focus,.feedback[tabindex="-1"]:focus{outline:none}