:root{--ink:#18332b;--ink-soft:#4f625b;--paper:#f4f1e8;--paper-deep:#e9e3d5;--card:#fffdf8;--line:#dcd6c8;--green:#2f785d;--green-dark:#225441;--green-soft:#dcebe2;--orange:#df744d;--orange-soft:#f6e2d7;--gold:#e4b64d;--gold-soft:#f6ebcb;--blue:#3757a6;--blue-soft:#e1e6f5;--shadow:0 20px 60px #2d383017;--shadow-small:0 10px 30px #2d383014;--sans:"Avenir Next", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:"Songti SC", "STSong", "Noto Serif SC", Georgia, serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(circle at 15% 0%, #e4b64d1a, transparent 27rem), radial-gradient(circle at 100% 25%, #2f785d14, transparent 30rem), var(--paper);min-height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #3757a659}.loading-screen{place-content:center;justify-items:center;gap:1rem;min-height:100vh;display:grid}.loading-screen p{color:var(--ink-soft)}.brand-mark,.wordmark-seal{background:var(--ink);color:#fff9ea;width:46px;height:46px;font-family:var(--serif);border-radius:14px;place-items:center;font-size:25px;display:grid;box-shadow:inset 0 0 0 1px #ffffff26}.app-shell{min-height:100vh;padding-bottom:4rem}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f1e8e0;border-bottom:1px solid #18332b17;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;min-height:78px;padding:.75rem max(1.5rem,50vw - 610px);display:grid;position:sticky;top:0}.wordmark,.profile-trigger,.desktop-nav button,.desktop-nav a,.mobile-nav button,.mobile-nav a,.profile-menu button{cursor:pointer;background:0 0;border:0}.wordmark{text-align:left;align-items:center;gap:.75rem;width:fit-content;padding:0;display:inline-flex}.wordmark>span:last-child,.profile-copy,.profile-menu button>span:nth-child(2){flex-direction:column;display:flex}.wordmark strong{font-family:var(--serif);letter-spacing:.12em;font-size:21px}.wordmark small,.profile-copy small{color:var(--ink-soft);margin-top:2px;font-size:12px}.desktop-nav{background:#fffdf8b8;border:1px solid #18332b1a;border-radius:999px;align-items:center;padding:5px;display:flex}.desktop-nav button,.desktop-nav a{color:var(--ink-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.65rem 1.05rem;font-size:13px;font-weight:650;text-decoration:none;display:flex}.desktop-nav .play-nav-link{color:#7b55d9}.desktop-nav button.active{background:var(--ink);color:#fff;box-shadow:0 4px 12px #18332b29}.profile-switcher{justify-self:end;position:relative}.profile-trigger{border-radius:14px;align-items:center;gap:.65rem;padding:.4rem .55rem .4rem .4rem;display:flex}.profile-trigger:hover{background:#fffdf8cc}.profile-avatar{color:#fff;width:40px;height:40px;font-family:var(--serif);border-radius:13px;flex:none;place-items:center;font-size:18px;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.profile-avatar.small{border-radius:11px;width:34px;height:34px;font-size:15px}.profile-avatar.large{border-radius:17px;width:56px;height:56px;font-size:23px}.profile-copy{text-align:left;min-width:125px}.profile-copy strong{font-size:14px}.profile-chevron{width:17px;color:var(--ink-soft);transform:rotate(45deg)}.profile-menu{border:1px solid var(--line);background:var(--card);width:270px;box-shadow:var(--shadow);border-radius:19px;padding:.75rem;animation:.16s ease-out pop-in;position:absolute;top:calc(100% + 12px);right:0}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-menu>p{color:var(--ink-soft);letter-spacing:.08em;margin:.35rem .5rem .65rem;font-size:12px;font-weight:700}.profile-menu button{text-align:left;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;width:100%;padding:.62rem .55rem;display:grid}.profile-menu button:hover{background:var(--paper)}.profile-menu button strong{font-size:14px}.profile-menu button small{color:var(--ink-soft);font-size:11px}.profile-menu button>svg{color:var(--gold)}.profile-menu .parent-entry{border-top:1px solid var(--line);border-radius:0 0 12px 12px;grid-template-columns:auto 1fr auto;margin-top:.55rem;padding-top:.8rem;font-size:13px;font-weight:700}.profile-menu .parent-entry svg:last-child{color:var(--ink-soft)}.view-frame{max-width:1220px;margin:0 auto;padding:3rem 1.5rem}.home-view,.library-view,.parent-view{animation:.32s ease-out view-enter}@keyframes view-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--green);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.45rem;margin:0 0 .55rem;font-size:12px;font-weight:800;display:flex}.welcome-row{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.welcome-row h1,.page-heading h1,.stage-intro h1,.mission-layout>h1{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-weight:680;line-height:1.18}.welcome-row h1{font-size:clamp(2rem,4vw,3.35rem)}.welcome-note,.page-heading>div>p:last-child,.stage-intro>p:last-child,.mission-layout>p:nth-of-type(2){color:var(--ink-soft);margin:.75rem 0 0;line-height:1.7}.streak-pill{background:var(--orange-soft);color:var(--orange);border:1px solid #edc4ad;border-radius:16px;align-items:center;gap:.45rem;padding:.7rem .85rem;display:flex}.streak-pill>svg{width:28px;height:28px}.streak-pill strong{font-size:20px;line-height:1}.streak-pill small{color:#8b5f4e;margin-top:3px;font-size:10px;font-weight:700}.daily-hero{background:var(--ink);color:#fff;min-height:430px;box-shadow:var(--shadow);border-radius:32px;grid-template-columns:1.06fr .94fr;display:grid;position:relative;overflow:hidden}.daily-hero:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-150px;left:-90px;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff05}.daily-hero.age-10{background:#4c3528}.daily-hero.age-16{background:#1e2a46}.hero-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,4vw,4rem);display:flex;position:relative}.lesson-meta{gap:.65rem;margin-bottom:1.25rem;display:flex}.lesson-meta span,.skill-chips span{align-items:center;gap:.4rem;font-size:12px;font-weight:700;display:inline-flex}.lesson-meta span{background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:.45rem .7rem}.lesson-meta svg,.skill-chips svg{width:16px;height:16px}.lesson-meta span:first-child{color:#ffdb76}.unit-label{color:#fff9;letter-spacing:.12em;margin:0 0 .4rem;font-size:13px}.hero-copy h2{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.05}.hero-copy>p:not(.unit-label){color:#ffffffb8;max-width:520px;margin:1rem 0 0;font-size:17px;line-height:1.65}.hero-actions{align-items:center;gap:.7rem;margin-top:1.75rem;display:flex}.hero-actions a,.hero-actions button{border-radius:14px;justify-content:center;align-items:center;gap:.5rem;min-height:50px;padding:.75rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.hero-actions button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47}.hero-actions .primary-action{background:var(--gold);color:var(--ink);margin:0}.skill-chips{color:#ffffffb8;flex-wrap:wrap;gap:1rem;margin:2rem 0;display:flex}.primary-action,.secondary-action,.danger-action{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:.65rem;min-height:48px;padding:.75rem 1.2rem;font-weight:750;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.primary-action{background:var(--gold);color:#2c2a1d;box-shadow:0 10px 24px #e4b64d33}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled){transform:translateY(-2px)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.45}.primary-action svg,.secondary-action svg{width:19px;height:19px}.secondary-action{border:1px solid var(--line);background:var(--card);color:var(--ink)}.danger-action{color:#fff;background:#9e4738}.scene-card{background:linear-gradient(155deg,#d9eadb 0%,#f2dfb6 65%,#dba46c 100%);min-height:430px;position:relative;overflow:hidden}.age-10 .scene-card{background:linear-gradient(155deg,#d9e3ed 0%,#efd6ad 60%,#be8057 100%)}.age-16 .scene-card{background:linear-gradient(155deg,#ccd7ee 0%,#e4c8b4 55%,#895d64 100%)}.scene-card:before,.scene-card:after{content:"";filter:blur(1px);background:#2a614459;border-radius:55% 55% 0 0;width:75%;height:55%;position:absolute;bottom:-70px}.scene-card:before{left:-25%;transform:rotate(8deg)}.scene-card:after{background:#1d46366b;right:-20%;transform:rotate(-10deg)}.age-16 .scene-card:before{background:#323d6866}.age-16 .scene-card:after{background:#2027467a}.scene-sun{background:#ffefb1e6;border-radius:50%;width:86px;height:86px;position:absolute;top:55px;right:65px;box-shadow:0 0 70px #ffe791a6}.scene-orb{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;position:absolute}.scene-orb.one{width:45px;height:45px;top:90px;left:50px}.scene-orb.two{width:25px;height:25px;top:150px;left:115px}.scene-emoji{z-index:3;filter:drop-shadow(0 22px 18px #2d362a38);font-size:clamp(7rem,13vw,10rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.scene-caption{z-index:4;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-small);background:#ffffffb3;border:1px solid #fff6;border-radius:16px;flex-direction:column;padding:1rem 1.15rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.scene-caption small{color:var(--ink-soft);letter-spacing:.06em;font-size:12px;font-weight:750}.scene-caption strong{font-family:var(--serif);margin-top:.3rem;font-size:18px}.home-quick-row{border:1px solid var(--line);background:#fffdf8c7;border-radius:18px;align-items:center;gap:1.4rem;margin-top:1rem;padding:1rem 1.25rem;display:flex}.home-quick-row>div{align-items:baseline;gap:.35rem;display:flex}.home-quick-row strong{font-size:20px}.home-quick-row span{color:var(--ink-soft);font-size:13px}.home-quick-row button{background:var(--green-soft);color:var(--green-dark);cursor:pointer;border:0;border-radius:11px;align-items:center;gap:.35rem;margin-left:auto;padding:.6rem .8rem;font-size:13px;font-weight:750;display:inline-flex}.home-grid{grid-template-columns:1.25fr .75fr;gap:1.25rem;margin-top:1.25rem;display:grid}.panel-card{border:1px solid var(--line);box-shadow:var(--shadow-small);background:#fffdf8cc;border-radius:24px}.progress-card,.review-card{padding:1.5rem}.card-heading,.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.card-heading h3,.section-heading h2{font-family:var(--serif);margin:0;font-size:24px}.soft-icon{background:var(--blue-soft);width:48px;height:48px;color:var(--blue);border-radius:15px;flex:none;place-items:center;display:grid}.soft-icon svg{width:25px;height:25px}.soft-icon.warm{background:var(--orange-soft);color:var(--orange)}.soft-icon.green{background:var(--green-soft);color:var(--green)}.week-dots{grid-template-columns:repeat(7,1fr);gap:.55rem;margin:1.5rem 0;display:grid}.week-dots div{flex-direction:column;align-items:center;gap:.45rem;display:flex}.week-dots span{width:36px;height:36px;color:var(--green);border:1px dashed #c8c1b2;border-radius:50%;place-items:center;display:grid}.week-dots div.done span{background:var(--green-soft);border:0}.week-dots svg{width:24px;height:24px}.week-dots small{color:var(--ink-soft);font-size:10px}.stat-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:.75rem;padding-top:1.25rem;display:grid}.stat-row div{flex-direction:column;display:flex}.stat-row strong{font-size:25px}.stat-row span{color:var(--ink-soft);margin-top:.15rem;font-size:11px}.word-stack{margin:1.25rem 0 .7rem}.word-stack>div:not(.empty-words){border-bottom:1px solid var(--line);grid-template-columns:68px 1fr auto;align-items:baseline;gap:.6rem;padding:.65rem 0;display:grid}.word-stack strong{font-family:var(--serif);font-size:19px}.word-stack span{color:var(--green);font-size:12px}.word-stack small{color:var(--ink-soft);font-size:11px}.empty-words{border:1px dashed var(--line);min-height:105px;color:var(--ink-soft);border-radius:14px;place-items:center;font-size:12px;display:grid}.text-action{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:.35rem 0;font-size:12px;font-weight:800;display:inline-flex}.text-action svg{width:15px;height:15px}.continue-section{margin-top:3rem}.section-heading{margin-bottom:1.25rem}.lesson-strip{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.mini-lesson{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;box-shadow:var(--shadow-small);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;transition:transform .17s,border-color .17s;display:grid}.mini-lesson:hover{border-color:#a7b8aa;transform:translateY(-3px)}.mini-scene{background:var(--green-soft);border-radius:18px;place-items:center;width:76px;height:76px;font-size:38px;display:grid}.mini-copy{flex-direction:column;min-width:0;display:flex}.mini-copy small{color:var(--green);font-size:12px;font-weight:750}.mini-copy strong{font-family:var(--serif);margin-top:.3rem;font-size:20px}.mini-copy em{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:13px;font-style:normal;overflow:hidden}.mini-lesson>svg{color:var(--ink-soft)}.page-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.25rem;display:flex}.page-heading h1{max-width:800px;font-size:clamp(2.25rem,4.5vw,4.2rem)}.path-progress{flex:none;width:210px}.path-progress>span{font-family:var(--serif);text-align:right;font-size:26px;display:block}.path-progress>div{background:var(--paper-deep);border-radius:999px;height:7px;margin:.5rem 0;overflow:hidden}.path-progress i{border-radius:inherit;background:var(--green);height:100%;display:block}.path-progress small{color:var(--ink-soft);text-align:right;font-size:12px;display:block}.course-path{max-width:980px;margin:0 auto}.course-row{grid-template-columns:56px 1fr;gap:1rem;display:grid}.path-marker{flex-direction:column;align-items:center;display:flex}.path-marker>span{z-index:2;border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink-soft);border-radius:50%;place-items:center;font-weight:800;display:grid}.course-row.completed .path-marker>span{background:var(--green-soft);color:var(--green);border:0}.path-marker svg{width:28px;height:28px}.path-marker i{background:var(--line);flex:1;width:1px;min-height:35px}.course-card{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;width:100%;box-shadow:var(--shadow-small);border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1.25rem;transition:transform .17s,border-color .17s;display:grid}.course-card:hover{border-color:#a7b8aa;transform:translate(4px)}.course-emoji{background:linear-gradient(145deg, var(--green-soft), var(--gold-soft));border-radius:22px;place-items:center;width:90px;height:90px;font-size:47px;display:grid}.course-copy{flex-direction:column;min-width:0;display:flex}.course-copy>small{color:var(--green);letter-spacing:.1em;font-size:10px;font-weight:800}.course-copy>strong{font-family:var(--serif);margin-top:.25rem;font-size:25px}.course-copy>em{color:var(--ink-soft);margin-top:.2rem;font-size:13px;font-style:normal}.course-skills{flex-wrap:wrap;gap:.85rem;margin-top:.85rem;display:flex}.course-skills span{color:var(--ink-soft);align-items:center;gap:.3rem;font-size:12px;display:inline-flex}.course-skills svg{width:14px;height:14px}.course-open{color:var(--green);align-items:center;gap:.4rem;font-size:13px;font-weight:800;display:flex}.course-open svg{width:17px;height:17px}.parent-heading .eyebrow svg{width:15px}.parent-heading h1 span{display:block}.privacy-badge{background:var(--green-soft);border:1px solid #bcd3c6;border-radius:16px;align-items:center;gap:.7rem;padding:.8rem 1rem;display:flex}.privacy-badge>svg{width:30px;height:30px;color:var(--green)}.privacy-badge span{flex-direction:column;display:flex}.privacy-badge strong{font-size:12px}.privacy-badge small{color:var(--ink-soft);margin-top:2px;font-size:9px}.parent-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:4rem;display:grid}.parent-stats>div{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-small);border-radius:20px;align-items:center;gap:1rem;padding:1.2rem;display:flex}.parent-stats p{color:var(--ink-soft);flex-direction:column;margin:0;font-size:11px;display:flex}.parent-stats strong{color:var(--ink);margin-top:.25rem;font-size:27px}.parent-stats strong small{margin-left:.25rem;font-size:11px;font-weight:600}.children-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.child-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-small);border-radius:23px;padding:1.25rem}.child-card-top{grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.child-card-top h3{font-family:var(--serif);align-items:center;gap:.4rem;margin:0;font-size:22px;display:flex}.child-card-top h3 button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;place-items:center;padding:.25rem;display:grid}.child-card-top p{color:var(--ink-soft);margin:.2rem 0 0;font-size:11px}.mini-streak{color:var(--orange);align-items:center;gap:.2rem;font-size:12px;font-weight:800;display:flex}.mini-streak svg{width:17px}.name-form{align-items:center;gap:.35rem;display:flex}.name-form input{border:1px solid var(--green);background:#fff;border-radius:8px;width:110px;padding:.35rem .5rem}.name-form button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:.2rem}.child-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.25rem 0;padding:1rem 0;display:grid}.child-metrics div{text-align:center;flex-direction:column;display:flex}.child-metrics strong{font-size:20px}.child-metrics span{color:var(--ink-soft);font-size:9px}.recent-learning>small{color:var(--ink-soft);letter-spacing:.08em;font-size:9px;font-weight:700}.recent-learning p:not(.empty-recent){grid-template-columns:auto 1fr;gap:.15rem .5rem;margin:.6rem 0;display:grid}.recent-learning p>span{grid-row:1/3;font-size:28px}.recent-learning p strong{font-family:var(--serif);font-size:15px}.recent-learning p em{color:var(--ink-soft);font-size:9px;font-style:normal}.empty-recent{min-height:48px;color:var(--ink-soft);margin:.6rem 0;font-size:10px;line-height:1.5}.parent-nudge{background:var(--paper);border-radius:13px;align-items:flex-start;gap:.55rem;margin-top:1rem;padding:.75rem;display:flex}.parent-nudge>svg{color:var(--green);flex:none}.parent-nudge p{flex-direction:column;gap:.2rem;margin:0;display:flex}.parent-nudge strong{font-size:10px}.parent-nudge span{color:var(--ink-soft);font-size:10px;line-height:1.5}.privacy-panel{justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1.25rem;display:flex;position:relative}.privacy-panel>div:first-child{align-items:center;gap:.8rem;max-width:760px;display:flex}.privacy-panel>div:first-child>svg{width:34px;height:34px;color:var(--green);flex:none}.privacy-panel p{flex-direction:column;gap:.2rem;margin:0;display:flex}.privacy-panel p strong{font-size:13px}.privacy-panel p span{color:var(--ink-soft);font-size:10px;line-height:1.5}.privacy-panel .secondary-action{font-size:11px}.reset-confirm{width:320px;box-shadow:var(--shadow);background:#fff;border:1px solid #ddaea3;border-radius:14px;padding:1rem;position:absolute;bottom:calc(100% + .5rem);right:1rem}.reset-confirm p{color:#7b3d32;margin-bottom:.7rem;font-size:11px}.reset-confirm button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;margin-right:.4rem;padding:.4rem .65rem;font-size:10px}.reset-confirm button:first-of-type{color:#fff;background:#a54d3d;border-color:#a54d3d}.session-shell{background:radial-gradient(circle at 8% 10%, #e4b64d1f, transparent 27rem), var(--paper);min-height:100vh;padding-bottom:100px}.session-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f1e8eb;border-bottom:1px solid #18332b1a;grid-template-columns:46px 1fr 230px;align-items:center;gap:1rem;min-height:74px;padding:.7rem max(1.2rem,50vw - 525px);display:grid;position:sticky;top:0}.icon-button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.icon-button svg{width:20px;height:20px}.session-title{flex-direction:column;display:flex}.session-title small{color:var(--green);letter-spacing:.1em;font-size:9px;font-weight:800}.session-title strong{font-family:var(--serif);font-size:18px}.session-progress{align-items:center;gap:.65rem;display:flex}.session-progress>div{background:var(--paper-deep);border-radius:999px;flex:1;height:7px;overflow:hidden}.session-progress i{border-radius:inherit;background:var(--green);height:100%;transition:width .35s;display:block}.age-10 .session-progress i{background:var(--orange)}.age-16 .session-progress i{background:var(--blue)}.session-progress span{color:var(--ink-soft);font-size:10px;font-weight:800}.stage-nav{grid-template-columns:repeat(5,1fr);max-width:760px;margin:1.5rem auto 0;padding:0 1.25rem;display:grid}.stage-nav button{color:#89938e;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:relative}.stage-nav button:after{content:"";z-index:-1;background:var(--line);width:70%;height:1px;position:absolute;top:19px;left:65%}.stage-nav button:last-child:after{display:none}.stage-nav button>span{border:1px solid var(--line);background:var(--paper);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.stage-nav button.active{color:var(--green)}.stage-nav button.active>span{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 5px #2f785d0f}.stage-nav button.complete{color:var(--green)}.stage-nav button.complete>span{background:var(--green);color:#fff;border:0}.stage-nav button.complete:after{background:var(--green)}.stage-nav svg{width:18px;height:18px}.stage-nav small{font-size:11px;font-weight:750}.session-content{max-width:900px;margin:0 auto;padding:3.5rem 1.25rem 2rem}.stage-layout{animation:.28s ease-out view-enter}.stage-intro{text-align:center;max-width:700px;margin:0 auto 2rem}.stage-intro .eyebrow{justify-content:center}.stage-intro h1,.mission-layout>h1{font-size:clamp(2.2rem,5vw,3.8rem)}.story-scene{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:27px;overflow:hidden}.story-visual{background:linear-gradient(150deg,#dceadf,#f3dfb5);place-items:center;min-height:300px;padding:2rem;display:grid;position:relative;overflow:hidden}.story-visual:before,.story-visual:after{content:"";background:#ffffff40;border-radius:50%;width:340px;height:340px;position:absolute}.story-visual:before{top:-200px;left:-70px}.story-visual:after{bottom:-250px;right:-160px}.story-visual>span{z-index:2;filter:drop-shadow(0 18px 18px #18332b2e);font-size:clamp(7rem,20vw,11rem)}.story-visual>p{z-index:3;color:var(--ink-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:13px;margin:0;padding:.8rem 1rem;font-size:10px;line-height:1.5;position:absolute;bottom:1.2rem;left:1.5rem;right:1.5rem}.audio-player{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.15rem;display:grid}.audio-player>button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.audio-player>button svg{width:24px;height:24px}.audio-player>div:nth-child(2){flex-direction:column;display:flex}.audio-player strong{font-size:14px}.audio-player span{color:var(--ink-soft);margin-top:.15rem;font-size:11px}.sound-wave{align-items:center;gap:3px;height:35px;display:flex}.sound-wave i{background:#9aa59f;border-radius:2px;width:3px;height:7px}.sound-wave.playing i{background:var(--green);animation:.8s ease-in-out infinite alternate wave}.sound-wave.playing i:nth-child(2n){animation-delay:-.35s}.sound-wave.playing i:nth-child(3n){animation-delay:-.55s}@keyframes wave{to{height:28px}}.listening-focus{align-items:flex-start;gap:.8rem;margin-top:1rem;padding:1rem;display:flex}.listening-focus>svg{width:25px;height:25px;color:var(--gold);flex:none}.listening-focus div{flex-direction:column;display:flex}.listening-focus strong{font-size:12px}.listening-focus p{color:var(--ink-soft);margin:.2rem 0 0;font-size:11px;line-height:1.55}.prompt-card{background:var(--ink);color:#fff;text-align:center;box-shadow:var(--shadow);border-radius:25px;padding:2rem;position:relative}.age-10 .prompt-card{background:#4c3528}.age-16 .prompt-card{background:#1e2a46}.prompt-count{color:#f1cf75;letter-spacing:.08em;font-size:11px;font-weight:800}.prompt-card h2{max-width:680px;font-family:var(--serif);margin:.7rem auto;font-size:clamp(1.55rem,4vw,2.5rem);line-height:1.35}.prompt-card p{color:#ffffffb8;justify-content:center;align-items:center;gap:.35rem;margin:.8rem 0 0;font-size:12px;display:flex}.voice-panel{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:24px;margin-top:1rem;padding:1.25rem}.voice-panel.listening{border-color:var(--green);box-shadow:0 0 0 5px #2f785d12}.mic-button{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;width:100%;display:flex}.mic-button>span{background:var(--green);color:#fff;width:74px;height:74px;box-shadow:0 0 0 9px var(--green-soft);border-radius:50%;place-items:center;margin-bottom:.65rem;display:grid}.listening .mic-button>span{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 17px #2f785d1f}}.mic-button svg{width:30px;height:30px}.mic-button strong{font-size:14px}.mic-button small{color:var(--ink-soft);margin-top:.25rem;font-size:9px}.privacy-inline{color:var(--ink-soft);justify-content:center;align-items:center;gap:.3rem;margin-top:1rem;font-size:9px;display:flex}.privacy-inline svg{color:var(--green)}.answer-input{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.answer-input>span{color:var(--ink-soft);align-items:center;gap:.35rem;font-size:12px;font-weight:700;display:flex}.answer-input textarea{resize:vertical;border:1px solid var(--line);background:var(--card);min-height:90px;color:var(--ink);border-radius:16px;padding:1rem;line-height:1.6}.speech-feedback{border-radius:16px;align-items:flex-start;gap:.7rem;margin-top:1rem;padding:1rem;display:flex}.speech-feedback.good{background:var(--green-soft);color:var(--green-dark)}.speech-feedback.gentle{background:var(--gold-soft);color:#705b22}.speech-feedback>svg{flex:none;width:22px;height:22px}.speech-feedback div{flex-direction:column;display:flex}.speech-feedback strong{font-size:12px}.speech-feedback p{margin:.15rem 0 0;font-size:10px;line-height:1.5}.model-answer{border:1px solid var(--line);background:var(--card);border-radius:15px;margin-top:1rem}.model-answer summary{cursor:pointer;color:var(--ink-soft);align-items:center;gap:.4rem;padding:.9rem 1rem;font-size:12px;font-weight:700;display:flex}.model-answer summary::-webkit-details-marker{display:none}.model-answer>button{border:0;border-top:1px solid var(--line);cursor:pointer;width:100%;font-family:var(--serif);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-size:16px;display:flex}.model-answer>button svg{color:var(--green)}.realtime-coach{border:1px solid var(--line);background:var(--card);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;margin-top:1rem;padding:.95rem 1rem;display:grid}.realtime-coach>span{background:var(--paper-deep);width:39px;height:39px;color:var(--ink-soft);border-radius:12px;place-items:center;display:grid}.realtime-coach>span svg{width:21px;height:21px}.realtime-coach>div{flex-direction:column;display:flex}.realtime-coach small{color:var(--green);letter-spacing:.08em;font-size:8px;font-weight:800}.realtime-coach strong{font-size:11px}.realtime-coach p{color:var(--ink-soft);margin:.18rem 0 0;font-size:9px;line-height:1.45}.realtime-coach>button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:.3rem;padding:.55rem .7rem;font-size:9px;font-weight:800;display:inline-flex}.realtime-coach>button svg{width:15px;height:15px}.realtime-coach.loading{color:var(--ink-soft);font-size:9px;display:flex}.realtime-coach.loading>svg{color:var(--green)}.realtime-coach.protected{background:var(--green-soft);border-color:#b9d0c2}.realtime-coach.protected>span{color:var(--green);background:#fff9}.realtime-coach.protected>svg{width:27px;height:27px;color:var(--green)}.realtime-coach.local{background:var(--paper)}.realtime-coach.ready{background:linear-gradient(120deg, var(--blue-soft), #f8f7f2);border-color:#b7c5e5}.realtime-coach.ready>.coach-orb{background:var(--blue);color:#fff}.realtime-coach.ready.connected{border-color:var(--green);background:var(--green-soft)}.realtime-coach.ready.connected>.coach-orb{background:var(--green);animation:1.2s ease-in-out infinite pulse}.realtime-coach.ready.error{background:#f9e7e3;border-color:#d69b8f}.prompt-switcher{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.prompt-switcher button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;width:32px;height:32px;font-size:11px}.prompt-switcher button.active{border-color:var(--green);background:var(--green);color:#fff}.split-intro{text-align:left;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:none;display:flex}.split-intro .eyebrow{justify-content:flex-start}.pinyin-toggle{border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink-soft);border-radius:999px;flex:none;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:10px;font-weight:750;display:flex}.pinyin-toggle>span{background:#c9c9c2;border-radius:999px;width:28px;height:16px;position:relative}.pinyin-toggle>span:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:3px;left:3px}.pinyin-toggle.on>span{background:var(--green)}.pinyin-toggle.on>span:after{transform:translate(12px)}.reading-paper{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.reading-paper>header{border-bottom:1px solid var(--line);background:linear-gradient(90deg, var(--green-soft), #f6ebcb99);grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1rem 1.25rem;display:grid}.reading-paper>header>span{font-size:38px}.reading-paper header small{color:var(--green);font-size:9px;font-weight:800}.reading-paper header h2{font-family:var(--serif);margin:.15rem 0 0}.reading-paper header button{cursor:pointer;background:#ffffff8c;border:1px solid #18332b26;border-radius:10px;align-items:center;gap:.3rem;padding:.5rem .65rem;font-size:9px;font-weight:700;display:flex}.story-lines{padding:1rem 1.35rem}.story-lines button{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:.15rem;width:100%;padding:.85rem 2rem .85rem .7rem;display:flex;position:relative}.story-lines button:last-child{border-bottom:0}.story-lines button:hover{background:var(--paper)}.story-lines small{color:var(--green);font-size:11px;line-height:1.5}.story-lines span{font-family:var(--serif);font-size:clamp(17px,2.8vw,22px);line-height:1.65}.story-lines svg{color:#a0aaa5;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.vocabulary-section{margin-top:3rem}.vocabulary-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.vocabulary-grid button{border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:left;min-height:190px;box-shadow:var(--shadow-small);border-radius:18px;flex-direction:column;padding:1rem;display:flex;position:relative}.vocabulary-grid button:hover{border-color:var(--green);transform:translateY(-2px)}.vocabulary-grid button>svg{width:16px;color:var(--green);position:absolute;top:.8rem;right:.8rem}.vocabulary-grid strong{font-family:var(--serif);margin-top:.3rem;font-size:27px}.vocabulary-grid span{color:var(--green);font-size:10px}.vocabulary-grid small{color:var(--ink-soft);margin-top:.15rem;font-size:11px}.vocabulary-grid em{border-top:1px solid var(--line);font-family:var(--serif);margin-top:auto;padding-top:.8rem;font-size:12px;font-style:normal;line-height:1.5}.question-list{flex-direction:column;gap:1rem;display:flex}.question-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-small);border-radius:22px;padding:1.5rem;position:relative}.question-number{background:var(--green-soft);width:28px;height:28px;color:var(--green);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;top:1.35rem;left:1.25rem}.question-card h2{font-family:var(--serif);margin:.15rem 0 1.2rem 2.6rem;font-size:21px}.option-list{gap:.55rem;display:grid}.option-list button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:13px;justify-content:space-between;align-items:center;min-height:48px;padding:.7rem .9rem;display:flex}.option-list button:hover{border-color:#93aa9d}.option-list button.selected{border-color:var(--blue);background:var(--blue-soft)}.option-list button.correct{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.option-list button.wrong{color:#7c3f34;background:#f7e2dd;border-color:#bb6656}.option-list button svg{flex:none}.answer-note{background:var(--gold-soft);color:#6c5925;border-radius:11px;align-items:flex-start;gap:.5rem;margin:.8rem 0 0;padding:.7rem;font-size:12px;line-height:1.5;display:flex}.answer-note.correct{background:var(--green-soft);color:var(--green-dark)}.answer-note svg{flex:none;margin-top:1px}.mission-layout{text-align:center;max-width:800px;margin:0 auto}.mission-layout>.eyebrow{justify-content:center}.celebration-mark{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.3rem;display:flex}.celebration-mark span{background:linear-gradient(145deg, var(--green-soft), var(--gold-soft));width:105px;height:105px;box-shadow:var(--shadow);border-radius:31px;place-items:center;font-size:58px;display:grid}.celebration-mark svg{width:25px;height:25px;color:var(--gold)}.celebration-mark svg:first-child{transform:rotate(-22deg)}.celebration-mark svg:last-child{transform:rotate(22deg)}.session-summary{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:2rem 0 1rem;display:grid}.session-summary div{border:1px solid var(--line);background:var(--card);border-radius:18px;flex-direction:column;align-items:center;padding:1.1rem .7rem;display:flex}.session-summary svg{width:22px;height:22px;color:var(--green)}.session-summary strong{margin-top:.4rem;font-size:17px}.session-summary span{color:var(--ink-soft);margin-top:.2rem;font-size:9px}.family-mission{background:linear-gradient(145deg, #fffaf0, var(--gold-soft));text-align:left;box-shadow:var(--shadow-small);border:2px solid #d8bd72;border-radius:24px;padding:1.6rem}.mission-badge{background:var(--gold);color:#4d421f;letter-spacing:.06em;border-radius:999px;padding:.35rem .55rem;font-size:11px;font-weight:850;display:inline-block}.family-mission h2{font-family:var(--serif);margin:.8rem 0 1rem;font-size:clamp(1.35rem,3vw,2rem);line-height:1.45}.family-mission>p{background:#ffffff8c;border-radius:12px;align-items:flex-start;gap:.6rem;padding:.8rem;display:flex}.family-mission>p>svg{width:20px;color:var(--gold);flex:none}.family-mission>p span{color:var(--ink-soft);flex-direction:column;gap:.2rem;font-size:10px;line-height:1.55;display:flex}.family-mission>p strong{color:var(--ink)}.family-mission>button{background:var(--card);cursor:pointer;border:1px solid #c7a74f;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.8rem;font-size:13px;font-weight:800;display:flex}.family-mission>button>span{border:1px solid #a68d4a;border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.family-mission>button.complete{background:var(--green);border-color:var(--green);color:#fff}.family-mission>button.complete>span{border-color:#fff}.completion-note{color:var(--ink-soft);font-size:10px}.session-footer{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f1e8ed;border-top:1px solid #18332b1a;justify-content:space-between;gap:1rem;padding:.8rem max(1.2rem,50vw - 450px);display:flex;position:fixed;bottom:0;left:0;right:0}.session-footer .primary-action{min-width:180px}.session-footer .secondary-action{background:#fffdf8d9}.primary-action.celebration{background:var(--green);color:#fff}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12221d8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-modal{background:var(--card);width:min(400px,100%);box-shadow:var(--shadow);text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:2rem;display:flex}.confirm-modal h2{font-family:var(--serif);margin:1rem 0 .3rem;font-size:27px}.confirm-modal p{color:var(--ink-soft);margin:0 0 1.2rem;font-size:12px}.confirm-modal .danger-action,.confirm-modal .secondary-action{width:100%;margin-top:.55rem}.review-shell{background:radial-gradient(circle at 50% 25%, #dcebe2bf, transparent 34rem), var(--paper);min-height:100vh}.review-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f1e8eb;border-bottom:1px solid #18332b1a;grid-template-columns:46px 1fr 230px;align-items:center;gap:1rem;min-height:74px;padding:.7rem max(1.2rem,50vw - 450px);display:grid;position:sticky;top:0}.review-content{max-width:760px;margin:0 auto;padding:4rem 1.25rem}.memory-card{border:1px solid var(--line);background:var(--card);min-height:390px;box-shadow:var(--shadow);text-align:center;border-radius:32px;align-content:center;place-items:center;gap:2.5rem;padding:3rem;display:grid}.memory-prompt{flex-direction:column;gap:.7rem;display:flex}.memory-prompt small{color:var(--green);letter-spacing:.14em;font-size:10px;font-weight:800}.memory-prompt strong{font-family:var(--serif);font-size:clamp(2rem,7vw,4rem);font-weight:650}.reveal-action{border:1px solid var(--green);background:var(--green-soft);min-height:50px;color:var(--green-dark);cursor:pointer;border-radius:14px;padding:.75rem 1.25rem;font-weight:800}.memory-answer{border-top:1px solid var(--line);width:min(410px,100%);padding-top:2rem}.memory-answer>span{font-family:var(--serif);font-size:clamp(4rem,13vw,7rem);line-height:1;display:block}.memory-answer>p{color:var(--green);margin:.75rem 0 1.25rem;font-size:17px}.memory-answer>button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .8rem;font-size:11px;font-weight:750;display:inline-flex}.review-rating{border:1px solid var(--line);background:#fffdf8cc;border-radius:21px;margin-top:1.2rem;padding:1.2rem}.review-rating>p{color:var(--ink-soft);text-align:center;margin:0 0 .8rem;font-size:11px;font-weight:750}.review-rating>div{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.review-rating button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:64px;padding:.65rem;display:flex}.review-rating button:hover{border-color:var(--green);transform:translateY(-2px)}.review-rating button strong{font-size:12px}.review-rating button span{color:var(--ink-soft);font-size:9px}.review-back{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;margin:1.5rem auto 0;padding:.5rem;font-size:10px;display:flex}.review-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:720px;min-height:100vh;margin:0 auto;padding:3rem 1.25rem;display:flex}.review-celebration{background:var(--green-soft);width:100px;height:100px;color:var(--green);box-shadow:var(--shadow);border-radius:30px;place-items:center;margin-bottom:1.5rem;display:grid}.review-celebration svg{width:52px;height:52px}.review-complete .eyebrow{justify-content:center}.review-complete h1{font-family:var(--serif);margin:0;font-size:clamp(2.4rem,7vw,4.5rem)}.review-complete>p:not(.eyebrow){max-width:600px;color:var(--ink-soft);margin:1rem auto 0;line-height:1.7}.review-summary{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;margin:2rem 0;display:grid}.review-summary>div{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;padding:1rem;display:flex}.review-summary strong{font-size:25px}.review-summary span{color:var(--ink-soft);font-size:10px}.nav-copy{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.nav-copy strong{font-size:13px}.nav-copy small{opacity:.72;margin-top:3px;font-size:8px;font-weight:650}.bilingual-heading{flex-direction:column;display:flex}.bilingual-heading>span{font-family:var(--sans);letter-spacing:-.045em;font-weight:680}.bilingual-heading>small,.stage-intro h1>small,.mission-layout>h1>small,.review-complete h1>small,.review-content h1>small,.confirm-modal h2>small{color:var(--green);font-family:var(--serif);letter-spacing:0;margin-top:.35rem;font-size:.56em;font-weight:650;display:block}.welcome-note>small,.page-heading>div>p:last-child>small,.stage-intro>p>small,.mission-layout>p:nth-of-type(2)>small,.review-complete>p>small,.confirm-modal>p>small{color:#78847e;margin-top:.22rem;font-size:.82em;display:block}.hero-copy>.hero-translation{color:#f5d77f;font-family:var(--sans);margin-top:.45rem;font-size:15px;font-weight:750}.hero-copy>p>small{color:#ffffff85;margin-top:.3rem;font-size:.78em;display:block}.card-heading h3>small,.section-heading h2>small{color:var(--ink-soft);font-family:var(--serif);margin-top:.2rem;font-size:.62em;font-weight:600;display:block}.empty-words span{text-align:center}.empty-words span small{margin-top:.25rem;font-size:9px;display:block}.course-english{color:var(--green);margin-top:.12rem;font-size:12px;font-weight:750}.course-copy>em small{margin-top:.2rem;font-size:10px;display:block}.session-title strong em{color:var(--ink-soft);font-family:var(--sans);font-size:11px;font-style:normal;font-weight:650;display:block}.stage-nav small em{opacity:.72;margin-top:1px;font-size:8px;font-style:normal;display:block}.stage-intro .story-title-en{color:var(--green);margin:.45rem 0 0;font-size:15px;font-weight:750}.story-visual>p span,.story-visual>p small{display:block}.story-visual>p span{color:var(--ink);font-size:11px}.story-visual>p small{margin-top:.15rem;font-size:9px}.listening-focus p small{margin-top:.2rem;font-size:9px;display:block}.prompt-card .prompt-english{color:#f1cf75;margin-top:.4rem;font-size:15px;font-weight:700;display:block}.prompt-card p small{color:#fff9;margin-left:.25rem;font-size:11px;display:block}.reading-paper header h2 em{color:var(--ink-soft);font-family:var(--sans);margin-top:.1rem;font-size:10px;font-style:normal;font-weight:650;display:block}.question-english{color:var(--green);margin:-.8rem 0 1rem 2.6rem;font-size:12px;font-weight:700}.option-list button>span{flex-direction:column;display:flex}.option-list button>span small{color:var(--ink-soft);margin-top:.15rem;font-size:11px}.answer-note>span{flex-direction:column;display:flex}.answer-note>span small{opacity:.8;margin-top:.15rem;font-size:11px}.family-mission h2 small{color:var(--ink-soft);margin-top:.45rem;font-size:.6em;font-weight:600;display:block}.mobile-nav{display:none}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;padding:.65rem 1.1rem}.desktop-nav,.profile-copy{display:none}.profile-trigger{padding-right:.25rem}.profile-chevron{display:none}.view-frame{padding:2rem 1rem 5rem}.daily-hero{grid-template-columns:1fr}.scene-card{min-height:300px}.hero-copy{padding:2rem}.home-grid,.children-grid{grid-template-columns:1fr}.parent-stats{grid-template-columns:1fr 1fr 1fr}.mobile-nav{z-index:40;padding:.45rem max(1rem, env(safe-area-inset-right)) calc(.45rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f0;border-top:1px solid #18332b1a;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button,.mobile-nav a{color:#78847e;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem;font-size:11px;text-decoration:none;display:flex}.mobile-nav button>span,.mobile-nav a>span{flex-direction:column;align-items:center;font-weight:750;display:flex}.mobile-nav button small{opacity:.72;margin-top:1px;font-size:7px;font-weight:600}.mobile-nav button.active{color:var(--green)}.mobile-nav .play-nav-link{color:#7553cc}.mobile-nav svg{width:22px;height:22px}.vocabulary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){body{font-size:15px}.wordmark small{display:none}.wordmark-seal{width:40px;height:40px}.profile-menu{width:auto;position:fixed;top:67px;left:1rem;right:1rem}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:2rem}.bilingual-heading>small{font-size:.55em}.welcome-note{font-size:13px}.streak-pill{padding:.55rem .7rem}.streak-pill small{display:none}.daily-hero{border-radius:24px}.scene-card{min-height:220px}.hero-copy{padding:1.5rem}.hero-copy h2{font-size:2.8rem}.hero-copy>p:not(.unit-label){font-size:14px}.hero-copy>p:not(.hero-translation){display:none}.hero-actions{flex-direction:column;gap:.45rem;width:100%;margin-top:1.2rem}.hero-actions a,.hero-actions button{width:100%;min-height:48px}.lesson-meta{margin-bottom:1.35rem}.skill-chips{gap:.75rem;margin:1.35rem 0}.primary-action{width:100%}.home-grid{gap:.75rem;margin-top:.75rem}.home-quick-row{gap:.8rem;padding:.85rem 1rem}.home-quick-row>div{flex-direction:column;gap:0}.home-quick-row button{margin-left:auto}.progress-card,.review-card{border-radius:20px;padding:1.1rem}.card-heading h3,.section-heading h2{font-size:21px}.week-dots{gap:.25rem}.week-dots span{width:31px;height:31px}.continue-section{margin-top:2.7rem}.lesson-strip{grid-template-columns:1fr}.section-heading>.text-action{display:none}.page-heading{flex-direction:column;align-items:stretch;margin-bottom:2rem}.page-heading h1{font-size:2.5rem}.path-progress{width:100%}.path-progress>span,.path-progress small{text-align:left}.course-row{grid-template-columns:35px 1fr;gap:.55rem}.path-marker>span{width:34px;height:34px}.path-marker svg{width:22px}.course-card{grid-template-columns:auto 1fr;gap:.8rem;padding:.9rem}.course-emoji{border-radius:17px;width:64px;height:64px;font-size:35px}.course-copy>strong{font-size:20px}.course-open{border-top:1px solid var(--line);grid-column:1/3;justify-content:flex-end;padding-top:.65rem}.parent-heading{align-items:stretch}.privacy-badge{width:fit-content}.parent-stats{grid-template-columns:1fr;gap:.6rem}.parent-stats>div{padding:.85rem}.privacy-panel{flex-direction:column;align-items:stretch}.reset-confirm{width:auto;position:static}.session-header,.review-header{grid-template-columns:42px 1fr;padding:.6rem .8rem}.review-header .session-progress,.session-progress{grid-column:1/3}.stage-nav{padding:0 .65rem}.stage-nav button:after{width:74%;left:63%}.stage-nav button>span{width:34px;height:34px}.session-content{padding:2.5rem .8rem 1.5rem}.stage-intro{margin-bottom:1.5rem}.stage-intro h1,.mission-layout>h1{font-size:2.25rem}.story-visual{min-height:250px}.audio-player{grid-template-columns:auto 1fr}.sound-wave{display:none}.prompt-card{padding:1.4rem 1rem}.prompt-card .prompt-english{font-size:13px}.split-intro{flex-direction:column;align-items:stretch;gap:1rem}.pinyin-toggle{width:fit-content}.reading-paper>header{grid-template-columns:auto 1fr}.reading-paper>header button{grid-column:1/3;justify-content:center}.vocabulary-grid{grid-template-columns:1fr 1fr}.vocabulary-grid button{min-height:175px}.question-card{padding:1rem}.question-number{top:.9rem;left:.85rem}.question-card h2{font-size:18px}.question-english{margin-left:2.6rem;font-size:11px}.session-summary{grid-template-columns:1fr}.session-summary div{text-align:left;grid-template-columns:auto auto 1fr;align-items:center;gap:.5rem;display:grid}.session-summary strong,.session-summary span{margin-top:0}.family-mission{padding:1.1rem}.session-footer{padding:.65rem .8rem calc(.65rem + env(safe-area-inset-bottom))}.session-footer .secondary-action{width:auto;min-height:45px;padding:.6rem .8rem;font-size:0}.session-footer .secondary-action svg{margin:0}.session-footer .primary-action{flex:1;min-width:0}.review-content{padding:2.5rem .8rem}.memory-card{border-radius:24px;min-height:340px;padding:2rem 1rem}.review-rating{padding:.8rem}.review-rating>div{gap:.4rem}.review-rating button{padding:.5rem .25rem}.review-summary{grid-template-columns:1fr}.review-summary>div{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}