:root{--cream:#f4fcf8;--ink:#3c4b69;--green:#ca435b;--mint:#d9f5ef;--peach:#ffe1de;--muted:#5d7284;--line:#dceaf0;--yellow:#fff0c3;background:#c8f0f7}
body{background:linear-gradient(160deg,#a8e3fb 0%,#d5f4f6 43%,#e6f8de 76%,#fcf6e8 100%);background-attachment:fixed;isolation:isolate}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #9c3b8a;outline-offset:4px}.sky-decor{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.cloud{position:absolute;width:260px;height:105px;border-radius:100px;background:#fff9;filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:125px;height:125px;left:35px;top:-65px}.cloud:after{width:100px;height:100px;right:22px;top:-38px}.cloud-one{right:-120px;top:22%}.cloud-two{left:-150px;bottom:20%;transform:scale(1.4)}.bubble{position:absolute;border:2px solid #ffffffb0;border-radius:50%;background:radial-gradient(circle at 28% 25%,#fff9 0 9%,transparent 13%),linear-gradient(145deg,#d3b9ed45,#fff2,#ffcaca50);box-shadow:inset -5px -8px 16px #dbe0ff70,0 4px 12px #84c6d218}.bubble-one{width:82px;height:82px;left:6%;top:22%}.bubble-two{width:45px;height:45px;right:12%;top:62%}.bubble-three{width:140px;height:140px;left:-45px;bottom:2%}.sky-star{position:absolute;right:20%;top:16%;font-size:44px;color:#ffffe8;filter:drop-shadow(0 2px 10px #fff)}
.site-header{max-width:760px;margin:auto;min-height:68px;padding:16px 24px 6px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{padding:6px 0;background:transparent;font-size:16px;font-weight:800;color:#38596d;letter-spacing:1px}.brand span{color:#ce526a;font-size:20px}.sound-switch{padding:9px 12px;border-radius:100px;background:#ffffffc9;border:1px solid #fff;font-size:13px;min-height:42px;white-space:nowrap;color:#496379}.sound-switch[aria-pressed=false]{background:#eaf0f2;color:#687a87}#main{max-width:690px;padding:14px 24px 120px;min-height:calc(100svh - 68px)}.home{min-height:0;justify-content:start}.home h1{font-size:clamp(32px,6vw,43px);letter-spacing:2px;color:#a73c54;text-shadow:0 3px 0 #fff8;margin-top:14px}.home-kicker{font-size:14px;color:#4c7181;margin-top:6px;letter-spacing:1px}.hero-stage{position:relative;width:100%;display:flex;justify-content:center;margin:8px 0 -5px}.hero-stage:before{content:"";position:absolute;inset:15% 8% 8%;border-radius:50%;background:radial-gradient(ellipse,#fff9,transparent 70%)}.home .hero-art{width:min(100%,340px);margin:0;max-height:330px;object-fit:contain;position:relative;filter:drop-shadow(0 12px 15px #b94b6520)}.home-menu{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 auto;max-width:500px}.menu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:102px;padding:18px 12px;border-radius:26px;background:#ffffffd9;box-shadow:0 7px 0 #6488a00a;border:2px solid #fff;color:var(--ink);font-size:19px;font-weight:800}.menu-card .menu-icon{font-size:32px;line-height:1.2}.menu-card.featured{grid-column:span 2;flex-direction:row;gap:17px;min-height:84px;background:linear-gradient(115deg,#ef7892,#dd5470);color:white;border-color:#ffbac8;box-shadow:0 6px 0 #b7476322}.menu-card.blue{background:#ebf5ff}.menu-card.lilac{background:#f6eaff}.home-footer{font-size:13px;margin-top:16px;color:#547483}.primary{background:#ca435b;box-shadow:0 5px 0 #a0374b21}.primary:hover{background:#b6334d}.soft{background:#ddf1fa;color:#345c75}.panel{background:#ffffffe6;border-color:#fff;box-shadow:0 5px 20px #4d809a06}.parent-alert{background:#fff0dc}.page-title{font-size:30px}.screen-head{margin-bottom:16px}.head-title{color:#506c80}.icon-button{background:#ffffffb8;border-color:#fff;color:#466778}.question-art{width:120px;height:120px;margin-top:15px}.question{margin-top:12px}.answers{margin-top:20px}.answer{background:#eaf7fb;border:2px solid #fff;box-shadow:0 5px 0 #638fb00a}.answer:nth-child(even){background:#ffede3}.answer.selected{border-color:#c74a65}.dots i{background:#fff9}.dots i.current{background:#cf5b75}.dots i.done{background:#e6a3b3}.result-art{height:185px;object-fit:contain}.selfcheck-landing{min-height:calc(100svh - 250px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.selfcheck-landing h1{font-size:34px}.selfcheck-landing .hero-art{width:min(100%,320px);margin:16px auto}.selfcheck-landing .primary{min-width:210px}
#navigation{max-width:460px;background:#ffffffef;border-radius:26px;border-color:#fff;box-shadow:0 7px 30px #4b769a16}#navigation button{font-size:12px;min-height:57px;justify-content:center;color:#607386}#navigation button[aria-current=page]{background:#ffe6ec;color:#b23954}.nav-icon{font-family:system-ui,sans-serif}.level{background:#e3f5fc;border:2px solid #fff}.level:nth-child(2){background:#fff0d8}.level:nth-child(3){background:#f2e7fc}.badge{background:#e5edf0}.badge.earned{background:#fff0bd}.quiz-answer{border-color:#ffffff;background:#ffffffdb}.quiz-answer.correct{background:#ddf5e8;border-color:#76ad94}.quiz-answer.again{background:#fff0dc;border-color:#ddbd8a}.feedback{background:#e1f5ed}.learning-note{margin:22px 0 0;text-align:center;color:#587082;font-size:14px}.video-cover{background:linear-gradient(135deg,#e6f8fe,#fff0ed);border:2px solid white;margin-top:20px}.video-cover .video-illustration{height:100%;max-height:240px;width:240px}.play-button{background:#c94d68}.duration{background:#ffffffad;color:#46697f}.course-card{width:100%;display:flex;align-items:center;gap:18px;text-align:left;padding:23px;border-radius:27px;margin-top:20px;background:#fff3e0;border:2px solid white;box-shadow:0 5px 20px #4a71800a}.course-card .course-emoji{font-size:39px}.course-card h2{font-size:22px}.course-card p{font-size:13px;margin-top:5px;color:#6a7582}.course-card .chevron{margin-left:auto;font-size:28px}.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mini-card{background:#ffffffc9;border:1px solid white;border-radius:22px;padding:19px 14px;min-height:102px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;flex-direction:column}.mini-card span{font-size:27px}.knowledge-note{font-size:15px;line-height:1.85}.knowledge-note h2{margin-bottom:10px}.knowledge-note+.knowledge-note{margin-top:15px}
.practice-header{display:flex;align-items:center;gap:14px;margin:4px 0 16px}.practice-header img{width:75px;height:75px;object-fit:contain}.practice-header h1{font-size:27px;letter-spacing:0}.practice-header p{font-size:13px;color:var(--muted);margin-top:2px}.practice-video-wrap{background:#e7f6fd;border:3px solid #fff;border-radius:25px;overflow:hidden;position:relative;aspect-ratio:16/9}.practice-video-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#eaf8ff}.practice-caption{background:#ffffffd9;border-radius:22px;padding:18px 21px;margin-top:16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.practice-caption h2{font-size:21px;margin-bottom:4px}.practice-caption p{font-size:14px;line-height:1.65;color:#61778a}.timer-digits{font-size:31px;letter-spacing:0;color:#a8415b;line-height:1.2}.countdown-label{font-size:11px;color:#7d6e81;display:block;text-align:center;margin-top:5px}.progress-track{height:8px;background:#ffffffa8;border-radius:10px;overflow:hidden;margin:17px 3px 0}.progress-track i{display:block;height:100%;width:0;background:#da6680;border-radius:10px;transition:width .2s linear}.practice-controls{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:22px;flex-wrap:wrap}.practice-controls .primary{font-size:19px;min-height:56px;min-width:170px}.practice-controls .soft{min-height:50px}.step-strip{display:flex;gap:7px;margin-top:20px;justify-content:center}.step-strip span{font-size:12px;background:#ffffffa3;border-radius:100px;padding:7px 14px;color:#5c7484}.step-strip span.active{background:#ffe1e8;color:#a33d56;font-weight:700}.practice-finish{margin-top:20px;background:#fff5d8;padding:22px;border:2px solid white;border-radius:25px;text-align:center}.practice-finish h2{font-size:23px}.practice-finish p{font-size:14px;margin-top:6px}.practice-finish .record-actions{display:flex;justify-content:center;gap:10px;margin-top:15px;flex-wrap:wrap}.practice-finish[hidden]{display:none}.video-error{padding:22px;color:#8d3c51;background:#fff4ed}.grow-hero{display:flex;align-items:center;gap:20px;margin:12px 0 22px}.grow-hero img{width:130px;height:130px;object-fit:contain}.grow-hero h1{font-size:28px}.grow-hero p{font-size:14px;color:#64758c;margin-top:8px}.checkin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.checkin{border:2px solid #fff;border-radius:23px;background:#eaf7ff;padding:20px 12px;font-size:18px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:9px}.checkin span{font-size:35px}.checkin[aria-pressed=true]{border-color:#df8ba2;background:#ffedf0;color:#a73c54}.checkin small{font-size:12px;font-weight:400}.week-row{display:flex;justify-content:space-between;gap:5px;margin-top:20px}.day-dot{width:36px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#63788b;font-size:12px}.day-dot b{background:#eaf1f4;border:2px solid white;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#7b8c94}.day-dot.some b{background:#fff1c8;color:#98692b}.day-dot.full b{background:#e6f3e7;color:#387b60}.day-dot.today b{outline:2px solid #e5b0bf;outline-offset:2px}.growth-badges{display:flex;gap:14px;justify-content:space-around;margin-top:20px}.growth-badges>div{text-align:center;font-size:12px;color:#65758a}.growth-badges .badge{margin:0 auto 8px}.reminder-form{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px}.reminder-form input{min-width:160px;max-width:100%;border:1px solid #c9d9e4;padding:12px;border-radius:14px;font:inherit;color:#405b71;background:#fff}.reminder-banner{padding:15px 18px;border-radius:20px;background:#fff3d8;font-size:14px;margin-top:18px}.toast{background:#506781}.privacy h2{font-size:20px}.source-line{font-size:12px}.parent-link{color:#5b7184}.mini-caption{text-align:center;font-size:12px;color:#637c8b;margin-top:12px}
@media(min-width:800px){.site-header{padding-top:22px;max-width:820px}#main{padding-top:20px}.home h1{font-size:44px}.home .hero-art{width:335px;max-height:325px}.home-menu{max-width:510px}.home .menu-card.featured{min-height:84px}.hero-stage{margin:0}.selfcheck-landing .hero-art{width:340px}.question-art{width:125px;height:125px}.answer{min-height:180px}.answers{max-width:540px;margin-left:auto;margin-right:auto}.question{font-size:30px}}
@media(max-width:380px){.site-header{padding:12px 18px 5px}.brand{font-size:14px}#main{padding:12px 17px 112px}.home h1{font-size:31px}.home .hero-art{width:260px;max-height:240px}.home-kicker{font-size:12px}.menu-card{font-size:17px;min-height:91px;padding:14px 10px}.menu-card.featured{min-height:74px}.selfcheck-landing h1{font-size:29px}.question{font-size:24px}.question-art{width:102px;height:102px}.practice-header h1{font-size:24px}.practice-header img{width:56px;height:56px}.practice-caption{padding:16px}.practice-caption h2{font-size:18px}.timer-digits{font-size:27px}.step-strip span{padding:7px 9px}.grow-hero{gap:10px}.grow-hero img{width:100px;height:100px}.grow-hero h1{font-size:25px}.course-card{padding:20px}.course-card h2{font-size:20px}}
@media(max-height:740px){.home h1{margin-top:2px;font-size:29px}.home .hero-art{width:240px;max-height:235px}.home .home-kicker{font-size:12px}.home-menu{gap:10px}.home .menu-card{min-height:80px;padding:12px}.home .menu-card.featured{min-height:70px}.home-footer{margin-top:10px}.selfcheck-landing .hero-art{width:230px}.selfcheck-landing h1{font-size:29px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}