:root{font-family:Nunito Sans,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2d1717;background:#fbf5f5;font-synthesis:none;text-rendering:optimizeLegibility;--bg: oklch(.975 .006 25.7);--surface: oklch(1 0 0);--surface-soft: oklch(.955 .01 25.7);--ink: oklch(.235 .035 22);--muted: oklch(.47 .026 22);--faint: oklch(.75 .016 22);--line: oklch(.885 .012 25.7);--primary: oklch(.55 .205 25.7);--primary-deep: oklch(.45 .16 25.7);--primary-pale: oklch(.92 .052 25.7);--blue: oklch(.66 .15 238);--blue-deep: oklch(.43 .13 238);--blue-pale: oklch(.925 .04 238);--green: oklch(.68 .155 150);--green-deep: oklch(.4 .11 150);--green-pale: oklch(.93 .045 150);--yellow: oklch(.83 .155 82);--yellow-deep: oklch(.4 .075 74);--yellow-pale: oklch(.95 .05 82);--violet: oklch(.61 .16 304);--violet-deep: oklch(.4 .13 304);--violet-pale: oklch(.92 .045 304);--danger: oklch(.54 .19 25);--focus-ring: oklch(.38 .13 238);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-low: 0 4px 8px oklch(.235 .035 22 / .07);--shadow-mid: 0 8px 24px oklch(.235 .035 22 / .1);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}:is(a,button,input,select,[tabindex]):focus-visible{outline:4px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--surface)}.segment-row button.is-visited:focus-visible{outline-color:var(--focus-ring)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.app-shell{min-height:100vh}.skip-link{position:fixed;left:16px;top:10px;z-index:100;padding:10px 14px;border-radius:8px;color:var(--surface);background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;display:flex;flex-direction:column;padding:24px 16px 18px;background:var(--surface);border-right:1px solid var(--line);z-index:20}.sidebar__logo{padding:0 10px 28px}.logo{display:inline-flex;align-items:center;gap:10px;min-height:38px;-webkit-user-select:none;user-select:none}.logo__mark{position:relative;width:38px;height:38px;display:inline-block;background:var(--primary);border-radius:50% 50% 46% 46%;transform:rotate(-4deg);box-shadow:inset -5px -4px #b718216b}.logo__wing{position:absolute;background:var(--yellow);border-radius:80% 20% 70% 30%}.logo__wing--one{width:17px;height:8px;left:-5px;top:19px;transform:rotate(18deg)}.logo__wing--two{width:12px;height:6px;right:-5px;top:12px;background:var(--blue);transform:rotate(-20deg)}.logo__eye{position:absolute;width:6px;height:6px;right:10px;top:9px;border-radius:50%;background:var(--surface);box-shadow:inset 2px 0 0 var(--ink)}.logo__word{display:flex;font-size:1.35rem;font-weight:800;letter-spacing:-.045em}.logo__word span:nth-child(1),.logo__word span:nth-child(4){color:var(--primary)}.logo__word span:nth-child(2),.logo__word span:nth-child(6){color:var(--blue-deep)}.logo__word span:nth-child(3),.logo__word span:nth-child(7){color:var(--green-deep)}.logo__word span:nth-child(5){color:var(--yellow-deep)}.logo--compact .logo__mark{width:34px;height:34px}.sidebar__nav{display:grid;gap:6px}.nav-item{width:100%;min-height:48px;display:flex;align-items:center;gap:13px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;text-align:left;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.nav-item:hover{color:var(--ink);background:var(--surface-soft)}.nav-item:active{transform:scale(.985)}.nav-item.is-active{color:var(--primary-deep);background:var(--primary-pale)}.sidebar__learner{margin-top:auto;min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line)}.sidebar__learner strong,.sidebar__learner span{display:block}.sidebar__learner strong{font-size:.9rem}.sidebar__learner span{color:var(--muted);font-size:.75rem;margin-top:2px}.avatar{display:grid;place-items:center;border-radius:50%;color:var(--primary-deep);background:var(--primary-pale);font-weight:800}.avatar--small{width:36px;height:36px}.app-main{min-height:100vh;margin-left:248px}.topbar{height:72px;position:sticky;top:0;display:flex;align-items:center;justify-content:flex-end;padding:0 clamp(22px,4vw,48px);background:#fbf5f5eb;border-bottom:1px solid oklch(.885 .012 25.7 / .75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:15}.topbar__mobile-logo{display:none}.topbar__stats{display:flex;align-items:center;gap:10px}.stat-pill{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:999px;background:var(--surface);color:var(--violet-deep);border:1px solid var(--line);font-size:.82rem;font-weight:800}.stat-pill svg{color:var(--yellow-deep)}.stat-pill strong{font:inherit}.stat-pill em{font-style:normal}.stat-pill--streak{color:var(--primary-deep)}.stat-pill--streak svg{color:var(--primary)}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;transition:background .18s var(--ease),transform .18s var(--ease)}.icon-button:hover{background:var(--surface-soft)}.icon-button:active{transform:scale(.94)}.screen-content{max-width:1240px;margin:0 auto;padding:38px clamp(22px,4vw,48px) 64px}.screen-content:focus{outline:none}.page-stack{display:grid;gap:28px}.context-label{margin-bottom:6px;color:var(--primary-deep);font-size:.78rem;font-weight:800;letter-spacing:.02em}.welcome-row,.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.welcome-row h1,.page-header h1{margin-bottom:8px;font-size:2.3rem;line-height:1.08;letter-spacing:-.035em}.welcome-row p:last-child,.page-header p:last-child{max-width:64ch;margin-bottom:0;color:var(--muted);line-height:1.55}.day-badge{flex:0 0 auto;width:94px;height:72px;display:grid;place-items:center;align-content:center;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}.day-badge strong,.day-badge span{display:block;line-height:1}.day-badge strong{color:var(--primary);font-size:1.65rem}.day-badge span{margin-top:5px;color:var(--muted);font-size:.73rem;font-weight:700}.today-card{position:relative;min-height:348px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);overflow:hidden;border-radius:var(--radius-lg);background:var(--primary-pale)}.today-card--blue{background:var(--blue-pale)}.today-card--green{background:var(--green-pale)}.today-card--yellow{background:var(--yellow-pale)}.today-card--violet{background:var(--violet-pale)}.today-card__copy{position:relative;z-index:2;padding:clamp(32px,5vw,58px)}.lesson-chip{width:fit-content;min-height:30px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:999px;color:var(--primary-deep);background:#ffffffb3;font-size:.76rem;font-weight:800}.today-card__copy h2{max-width:12ch;margin:17px 0 12px;font-size:clamp(2rem,4vw,3.5rem);line-height:.98;letter-spacing:-.04em}.today-card__copy>p{max-width:50ch;margin-bottom:18px;color:var(--muted);line-height:1.55}.lesson-meta{display:flex;gap:18px;margin-bottom:25px}.lesson-meta span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.83rem;font-weight:700}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border:0;border-radius:var(--radius-sm);font-weight:800;cursor:pointer;transition:transform .16s var(--ease),background .16s var(--ease),color .16s var(--ease),opacity .16s var(--ease)}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0) scale(.985)}.button:disabled{opacity:.42;cursor:not-allowed}.button--large{min-height:50px;padding:0 23px}.button--primary{color:var(--surface);background:var(--primary)}.button--primary:hover:not(:disabled){background:var(--primary-deep)}.button--ink{color:var(--surface);background:var(--ink)}.button--ink:hover:not(:disabled){background:#442726}.button--secondary{color:var(--blue-deep);background:var(--blue-pale)}.button--secondary:hover:not(:disabled){background:#b5e0fd}.button--ghost{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.button--ghost:hover:not(:disabled){background:var(--surface-soft)}.button--danger-ghost{color:var(--danger);background:transparent;border:1px solid oklch(.82 .06 25)}.button--danger{color:var(--surface);background:var(--danger)}.today-card__visual{position:relative;min-height:320px}.today-card__center{position:absolute;left:50%;top:50%;width:208px;height:208px;display:grid;place-items:center;align-content:center;gap:6px;transform:translate(-50%,-50%);border-radius:50%;color:var(--surface);background:var(--ink);box-shadow:0 0 0 17px #ffffff61}.today-card__center span{font-size:1.25rem;font-weight:800}.today-card__center strong{color:var(--yellow);font-size:1.55rem}.sound-orbit{position:absolute;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--surface);background:var(--primary);font-size:1.65rem;font-weight:800;box-shadow:var(--shadow-low)}.sound-orbit--one{left:16%;top:18%;background:var(--primary)}.sound-orbit--two{right:11%;top:14%;background:var(--blue-deep)}.sound-orbit--three{left:10%;bottom:12%;background:var(--green-deep)}.sound-orbit--four{right:17%;bottom:16%;background:var(--violet-deep)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-block{min-height:108px;display:flex;align-items:center;gap:15px;padding:20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}.metric-block__icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%}.metric-block__icon--blue{color:var(--blue-deep);background:var(--blue-pale)}.metric-block__icon--green{color:var(--green-deep);background:var(--green-pale)}.metric-block__icon--yellow{color:var(--yellow-deep);background:var(--yellow-pale)}.metric-block span,.metric-block strong{display:block}.metric-block span{color:var(--muted);font-size:.78rem;font-weight:700}.metric-block strong{margin-top:3px;font-size:1.55rem;line-height:1}.metric-block small{color:var(--muted);font-size:.78rem}.two-column-section{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:18px}.section-panel{padding:26px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading-row h2,.practice-callout h2,.parent-screen h2,.practice-screen h2{margin-bottom:0;font-size:1.35rem;letter-spacing:-.025em}.text-button{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px 0;color:var(--primary-deep);background:transparent;border:0;font-size:.83rem;font-weight:800;cursor:pointer}.mini-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.mini-path__step{position:relative;display:flex;align-items:center;gap:10px;min-width:0}.mini-path__step:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(100% - 12px);width:26px;height:2px;background:var(--line)}.mini-path__node{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--muted);background:var(--surface-soft);font-weight:800}.mini-path__step.is-current .mini-path__node{color:var(--surface);background:var(--primary)}.mini-path__step.is-done .mini-path__node{color:var(--green-deep);background:var(--green-pale)}.mini-path__step strong,.mini-path__step span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-path__step strong{font-size:.8rem}.mini-path__step span{color:var(--muted);font-size:.7rem;margin-top:2px}.practice-callout{background:var(--yellow-pale);border:0}.practice-callout__icon{display:flex;gap:5px;margin-bottom:22px}.practice-callout__icon span{width:37px;height:37px;display:grid;place-items:center;border-radius:8px;color:var(--surface);background:var(--primary);font-size:1.1rem;font-weight:800;transform:rotate(-3deg)}.practice-callout__icon span:nth-child(2){background:var(--blue-deep);transform:rotate(2deg)}.practice-callout__icon span:nth-child(3){background:var(--green-deep);transform:rotate(-1deg)}.practice-callout>p:not(.context-label){color:var(--muted);line-height:1.5}.bottom-nav{display:none}.mastery-key{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:4px}.mastery-key span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.76rem;font-weight:700}.key-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:var(--faint)}.key-dot--done{background:var(--green)}.key-dot--current{background:var(--primary)}.path-unit{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;padding-top:28px;border-top:1px solid var(--line)}.unit-heading{display:flex;align-items:flex-start;gap:13px}.unit-heading h2{margin:2px 0 5px;font-size:1.16rem}.unit-heading p{color:var(--muted);font-size:.82rem;line-height:1.45}.unit-number{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--surface);background:var(--ink);font-size:.82rem;font-weight:800}.lesson-list{display:grid;gap:10px}.path-expand{min-height:48px;border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--primary-deep);background:var(--surface);font-weight:800;cursor:pointer}.lesson-row{min-height:112px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}.lesson-row.is-current{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-pale)}.lesson-row__status{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface-soft)}.lesson-row.is-done .lesson-row__status{color:var(--green-deep);background:var(--green-pale)}.lesson-row.is-current .lesson-row__status{color:var(--surface);background:var(--primary)}.lesson-row__copy>span{color:var(--muted);font-size:.72rem;font-weight:800}.lesson-row__copy h3{margin:3px 0 5px;font-size:1.08rem}.lesson-row__copy p{max-width:58ch;margin-bottom:0;color:var(--muted);font-size:.82rem;line-height:1.45}.lesson-row__action{min-width:130px;display:grid;justify-items:end;gap:12px}.lesson-row__action>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.74rem;font-weight:700}.practice-workbench{padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}.practice-intro{display:flex;align-items:center;gap:14px;margin-bottom:24px}.practice-intro p{margin:5px 0 0;color:var(--muted)}.practice-intro__icon{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--blue-deep);background:var(--blue-pale)}.practice-empty{min-height:190px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.practice-empty--compact{min-height:150px}.practice-empty__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--violet-deep);background:var(--violet-pale)}.practice-empty h2{margin-bottom:7px;font-size:1.25rem}.practice-empty p:not(.context-label){max-width:58ch;margin:0;color:var(--muted);line-height:1.5}.practice-empty p strong{color:var(--ink)}.sound-grid{display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:10px}.sound-tile{min-height:8.875rem;position:relative;display:grid;place-items:center;align-content:center;padding:.875rem .5rem;border:0;border-radius:var(--radius-md);color:var(--primary-deep);background:var(--primary-pale);cursor:pointer;transition:transform .17s var(--ease),filter .17s var(--ease)}.sound-tile:hover{transform:translateY(-3px);filter:saturate(1.08)}.sound-tile:active{transform:translateY(0) scale(.97)}.sound-tile--blue{color:var(--blue-deep);background:var(--blue-pale)}.sound-tile--green{color:var(--green-deep);background:var(--green-pale)}.sound-tile--yellow{color:var(--yellow-deep);background:var(--yellow-pale)}.sound-tile--violet{color:var(--violet-deep);background:var(--violet-pale)}.sound-tile strong{font-size:2.55rem;line-height:1}.sound-tile span{margin-top:6px;font-size:.78rem;font-weight:800}.sound-tile small{color:var(--muted);font-size:.68rem;margin-top:2px}.sound-tile svg{position:absolute;right:10px;top:10px;opacity:.6}.blend-lab{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);min-height:380px;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink)}.blend-lab__copy{padding:38px;color:var(--surface)}.blend-lab__copy .context-label{color:var(--yellow)}.blend-lab__copy h2{margin-bottom:12px;font-size:2rem}.blend-lab__copy>p:not(.context-label){color:#d0c0bf;line-height:1.55}.word-picker{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.word-picker button{min-width:48px;min-height:44px;padding:0 12px;border:1px solid oklch(1 0 0 / .2);border-radius:999px;color:#d0c0bf;background:transparent;font-weight:800;cursor:pointer}.word-picker button.is-active{color:var(--ink);background:var(--yellow);border-color:transparent}.blend-stage{display:grid;place-items:center;align-content:center;gap:22px;padding:34px;background:var(--surface)}.blend-stage__instruction{color:var(--muted);font-weight:700}.blend-stage__sounds{display:flex;justify-content:center;gap:10px}.blend-stage__sounds button{width:84px;height:88px;border:0;border-radius:var(--radius-md);color:var(--blue-deep);background:var(--blue-pale);font-size:2.5rem;font-weight:800;cursor:pointer;transition:transform .16s var(--ease),background .16s var(--ease)}.blend-stage__sounds button:nth-child(2){color:var(--primary-deep);background:var(--primary-pale)}.blend-stage__sounds button:nth-child(3){color:var(--green-deep);background:var(--green-pale)}.blend-stage__sounds button:hover{transform:translateY(-3px)}.blend-stage__sounds button.is-tapped{box-shadow:inset 0 -4px #2f1c1b1f;transform:translateY(2px)}.blend-stage__word{min-height:58px;color:var(--faint);font-size:3.2rem;font-weight:800;line-height:1;letter-spacing:.04em}.blend-stage__word.is-ready{color:var(--ink);letter-spacing:-.025em}.blend-stage__actions{display:flex;gap:9px}.parent-header__note{max-width:300px;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--blue-deep);background:var(--blue-pale);font-size:.76rem;font-weight:700}.parent-header__note svg{flex:0 0 auto}.parent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.parent-metrics article{min-height:138px;display:grid;align-content:space-between;padding:20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}.parent-metrics article:nth-child(1) svg{color:var(--blue)}.parent-metrics article:nth-child(2) svg{color:var(--green)}.parent-metrics article:nth-child(3) svg{color:var(--violet)}.parent-metrics article:nth-child(4) svg{color:var(--primary)}.parent-metrics span,.parent-metrics strong{display:block}.parent-metrics span{color:var(--muted);font-size:.75rem;font-weight:700}.parent-metrics strong{font-size:1.75rem}.parent-metrics small{color:var(--muted);font-size:.78rem}.parent-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.skill-table{width:100%;margin-top:20px;border-collapse:collapse;table-layout:fixed}.skill-table__attempts-column{width:80px}.skill-table__accuracy-column{width:34%}.skill-table__head{color:var(--muted);border-bottom:1px solid var(--line);font-size:.7rem;font-weight:800}.skill-table__row{border-bottom:1px solid var(--surface-soft);font-size:.8rem}.skill-table th,.skill-table td{min-width:0;padding:11px 7px;text-align:left;vertical-align:middle;overflow-wrap:anywhere}.skill-table th:first-child,.skill-table td:first-child{padding-left:0}.skill-table th:last-child,.skill-table td:last-child{padding-right:0}.skill-table__row th{color:var(--ink);font-weight:800}.accuracy-cell{display:grid;grid-template-columns:minmax(80px,1fr) 38px;align-items:center;gap:8px}.accuracy-track{height:7px;overflow:hidden;border-radius:99px;background:var(--surface-soft)}.accuracy-track i{display:block;height:100%;border-radius:inherit;background:var(--green)}.empty-evidence{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.empty-evidence h3{margin:12px 0 5px;color:var(--ink);font-size:1rem}.empty-evidence p{max-width:40ch;margin-bottom:0;font-size:.78rem}.empty-evidence--small{min-height:120px}.session-list{display:grid;margin-top:16px}.session-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;border-bottom:1px solid var(--surface-soft)}.session-item__check{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--green-deep);background:var(--green-pale)}.session-item strong,.session-item span{display:block}.session-item strong{font-size:.8rem}.session-item span{margin-top:3px;color:var(--muted);font-size:.7rem}.profile-settings{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px}.profile-form{display:grid;grid-template-columns:minmax(170px,1fr) 140px auto;align-items:end;gap:12px}.profile-form label span{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem;font-weight:800}.profile-form input,.profile-form select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface)}.reset-row{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid var(--line)}.voice-settings{grid-column:2;padding-top:20px;border-top:1px solid var(--line)}.voice-settings summary{min-height:44px;display:flex;align-items:center;gap:8px;width:fit-content;color:var(--ink);font-size:.82rem;font-weight:800;cursor:pointer}.voice-settings summary::-webkit-details-marker{display:none}.voice-settings summary:after{content:"›";display:inline-block;color:var(--primary-deep);font-size:1.2rem;line-height:1;transition:transform .16s var(--ease)}.voice-settings[open] summary:after{transform:rotate(90deg)}.voice-settings__content{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;align-items:end;gap:12px;padding-top:10px}.voice-settings__content>p{grid-column:1 / -1;max-width:68ch;margin:0 0 2px;color:var(--muted);font-size:.75rem;line-height:1.5}.voice-settings__content label{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem;font-weight:800}.voice-settings__content select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface)}.reset-row strong,.reset-row span{display:block}.reset-row strong{font-size:.82rem}.reset-row span{max-width:55ch;margin-top:3px;color:var(--muted);font-size:.72rem}.reset-confirm{display:flex;align-items:center;gap:8px}.data-actions{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;padding-top:20px;border-top:1px solid var(--line)}.data-actions strong,.data-actions span{display:block}.data-actions span{margin-top:4px;color:var(--muted);font-size:.75rem}.data-actions>div:nth-child(2){display:flex;gap:8px;flex-wrap:wrap}.data-actions small{grid-column:1 / -1;color:var(--green-deep)}.import-button{cursor:pointer}.import-input{pointer-events:none}.reset-confirm>span{margin:0 4px 0 0;color:var(--danger);font-weight:800}.lesson-screen{--lesson-color: var(--primary);--lesson-pale: var(--primary-pale);height:100dvh;min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--bg)}.lesson-screen--blue{--lesson-color: var(--blue);--lesson-pale: var(--blue-pale)}.lesson-screen--green{--lesson-color: var(--green);--lesson-pale: var(--green-pale)}.lesson-screen--yellow{--lesson-color: var(--yellow);--lesson-pale: var(--yellow-pale)}.lesson-screen--violet{--lesson-color: var(--violet);--lesson-pale: var(--violet-pale)}.lesson-header{min-height:74px;display:grid;grid-template-columns:48px minmax(0,680px) 48px;align-items:center;justify-content:center;gap:25px;padding:calc(12px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) 12px calc(24px + env(safe-area-inset-left))}.icon-button--lesson{justify-self:end;background:transparent}.lesson-header__progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.lesson-header__progress>div{height:10px;overflow:hidden;border-radius:99px;background:var(--line)}.lesson-header__progress i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--lesson-color);transform-origin:left center;transition:transform .3s var(--ease)}.lesson-header__progress span{color:var(--muted);font-size:.75rem;font-weight:800}.lesson-stage{position:relative;width:100%;max-width:1080px;min-height:0;height:100%;margin:0 auto;display:grid;place-items:safe center;padding:28px 28px 40px;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scroll-padding-block:28px;border-radius:22px 22px 0 0}.exercise-view{position:relative;z-index:2;width:100%;display:grid;justify-items:center;gap:34px}.exercise-view--teaching{align-self:center;gap:0}.lesson-stage:has(.exercise-view--teaching) .learning-landscape{background:var(--yellow-pale)}.lesson-stage:has(.exercise-view--teaching) .learning-landscape:after{background:transparent}.teaching-card{width:min(720px,100%);min-width:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"instruction instruction" "title title" "cue target" "actions actions" "note note" "status status";align-items:center;gap:clamp(10px,1.8vw,18px) clamp(14px,3vw,30px);padding:clamp(20px,3.5vw,36px);overflow:hidden;border-radius:var(--radius-lg);color:var(--ink);background:var(--surface);box-shadow:0 6px color-mix(in oklch,var(--yellow) 40%,var(--line))}.teaching-card>*{min-width:0}.teaching-card .exercise-instruction{grid-area:instruction;margin:0;color:var(--yellow-deep);font-size:min(.9rem,3.5vw);text-align:center}.teaching-card h1{grid-area:title;margin:0;font-size:min(1.5rem,5vw);line-height:1.15;letter-spacing:-.025em;text-align:center}.teaching-card__cue,.teaching-card__target{justify-self:center;transition:transform .16s var(--ease),color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.teaching-card__cue{grid-area:cue;width:min(13rem,100%);min-height:min(13rem,32vw);display:grid;place-items:center;align-content:center;gap:5px;padding:10px;border-radius:var(--radius-md);background:var(--yellow-pale);transform:rotate(-1deg)}.teaching-card__cue img{width:min(11rem,29vw);height:min(11rem,29vw);display:block;object-fit:contain;filter:drop-shadow(0 5px 0 oklch(.4 .075 74 / .14))}.teaching-card__emoji{font-size:min(7rem,24vw);line-height:1}.teaching-card__cue strong{max-width:100%;color:var(--yellow-deep);font-size:min(1.1rem,4vw);line-height:1.15;overflow-wrap:anywhere}.teaching-card__target{position:relative;grid-area:target;width:min(13rem,32vw);min-width:104px;height:min(13rem,32vw);min-height:104px;display:grid;place-items:center;padding-bottom:.1em;border:0;border-radius:var(--radius-md);color:var(--primary-deep);background:var(--primary-pale);font-size:min(10rem,26vw);font-weight:900;line-height:.75;cursor:pointer;box-shadow:0 5px color-mix(in oklch,var(--primary-deep) 72%,var(--line));transform:rotate(1deg)}.teaching-card__target:hover:not(:disabled){transform:rotate(0) translateY(-2px)}.teaching-card__target:active:not(:disabled){box-shadow:0 2px color-mix(in oklch,var(--primary-deep) 72%,var(--line));transform:rotate(0) translateY(3px)}.teaching-card__target:disabled{cursor:not-allowed}.teaching-card.is-listening .teaching-card__target:disabled{color:var(--muted);background:var(--surface-soft);box-shadow:inset 0 0 0 3px var(--line)}.teaching-card__actions{grid-area:actions;width:min(260px,100%);justify-self:center;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.teaching-card__actions .button{width:100%;min-height:50px;padding-block:8px;font-size:min(1rem,4vw);white-space:normal}.teaching-card__actions .button--ghost{color:var(--blue-deep);background:var(--blue-pale);border-color:transparent}.teaching-card__actions .button:disabled{opacity:1}.teaching-card.is-listening .teaching-card__actions .button:disabled{color:var(--muted);background:var(--surface-soft);box-shadow:inset 0 0 0 2px var(--line)}.teaching-card:not(.is-listening) .teaching-card__target:disabled{color:var(--green-deep);background:var(--green-pale);box-shadow:inset 0 0 0 4px var(--green);transform:rotate(0) scale(1.025)}.teaching-card:not(.is-listening) .teaching-card__target:disabled:after{content:"";position:absolute;top:16px;right:18px;width:12px;height:22px;border-right:5px solid var(--green-deep);border-bottom:5px solid var(--green-deep);transform:rotate(42deg)}.teaching-card>small{grid-area:note;justify-self:center;max-width:46ch;color:var(--muted);font-size:min(.82rem,3.2vw);font-weight:700;line-height:1.35;text-align:center}.teaching-card .audio-listening-status,.teaching-card .audio-playback-status{grid-area:status}.teaching-card .audio-listening-status{justify-self:center;min-height:32px;display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-sm);color:var(--blue-deep);background:var(--blue-pale);font-size:min(.82rem,3.2vw);font-weight:800}.teaching-card.is-listening .teaching-card__cue img,.teaching-card.is-listening .teaching-card__emoji{animation:teaching-listen .72s var(--ease) infinite alternate}.audio-playback-status{width:min(620px,100%);min-width:0;justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius-md);color:var(--primary-deep);background:var(--primary-pale);font-size:min(.84rem,3.4vw);font-weight:700}.audio-playback-status span{min-width:0;overflow-wrap:anywhere}.audio-playback-status .button{flex:0 0 auto;min-height:44px;color:var(--primary-deep);background:var(--surface);border-color:color-mix(in oklch,var(--primary) 40%,var(--line))}@keyframes teaching-listen{0%{transform:scale(.98)}to{transform:scale(1.02)}}.exercise-cue{width:min(154px,34vw);min-width:112px;display:grid;place-items:center;gap:5px;margin:-16px 0;padding:8px 10px;border-radius:var(--radius-md);background:var(--yellow-pale);transform:rotate(-.75deg)}.exercise-cue img{width:min(124px,28vw);height:min(124px,28vw);display:block;object-fit:contain;filter:drop-shadow(0 4px 0 oklch(.4 .075 74 / .12))}.exercise-cue__emoji{font-size:min(5.4rem,22vw);line-height:1}.exercise-cue figcaption{max-width:100%;color:var(--yellow-deep);font-size:min(.9rem,3.6vw);font-weight:800;line-height:1.15;text-align:center;overflow-wrap:anywhere}.exercise-cue--word{width:min(240px,70vw);min-height:54px;margin-block:-12px;padding:10px 16px;background:var(--blue-pale);transform:none}.exercise-cue--word figcaption{color:var(--blue-deep);font-size:min(1.05rem,4vw)}.exercise-copy{text-align:center}.exercise-instruction{display:block;margin-bottom:14px;color:var(--muted);font-size:.9rem;font-weight:800}.exercise-prompt-row{display:flex;align-items:center;justify-content:center;gap:14px}.exercise-prompt-row h1{margin-bottom:0;font-size:2.35rem;line-height:1.15;letter-spacing:-.035em}.exercise-prompt-row h1.is-reading-prompt{font-size:4.8rem;letter-spacing:-.025em}.exercise-prompt-row h1.is-story-prompt{width:min(760px,100%);padding:clamp(22px,3vw,38px);border:3px solid rgba(183,64,50,.32);border-radius:26px;background:#fffcebf5;box-shadow:0 14px 40px #442f171f;font-size:clamp(1.85rem,3.2vw,3rem);line-height:1.45;letter-spacing:-.018em;text-wrap:balance}.orthographic-blank{inline-size:2.4em;min-inline-size:2.4em;block-size:.9em;display:inline-grid;place-items:center;margin-inline:.1em;border-radius:.15em;color:var(--primary-deep);background:var(--primary-pale);box-shadow:inset 0 -.08em color-mix(in oklch,var(--primary) 46%,var(--primary-pale));vertical-align:-.08em;white-space:nowrap;-webkit-user-select:none;user-select:none}.orthographic-blank>span{width:100%;color:inherit;font-size:.72em;font-weight:900;font-variant-ligatures:none;letter-spacing:.08em;line-height:1;text-align:center;text-indent:.08em;transform:translateY(-.08em)}.listen-button{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;color:var(--blue-deep);background:var(--blue-pale);cursor:pointer;transition:transform .16s var(--ease)}.listen-button:hover{transform:scale(1.06)}.listen-button:active{transform:scale(.96)}.choice-grid{width:min(680px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choice-grid>button{min-height:146px;display:grid;place-items:center;align-content:center;padding:18px;border:2px solid var(--line);border-radius:var(--radius-md);color:var(--ink);background:var(--surface);cursor:pointer;box-shadow:0 4px 0 var(--line);transition:transform .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease)}.choice-grid>button:hover:not(:disabled){border-color:var(--blue);background:var(--blue-pale);transform:translateY(-2px)}.choice-grid>button:active:not(:disabled),.choice-grid>button.is-selected{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.choice-grid>button.is-wrong{border-color:var(--danger);background:var(--primary-pale)}.choice-grid>button.is-correct{border-color:var(--green);background:var(--green-pale)}.choice-grid strong{font-size:2.5rem;line-height:1}.choice-grid small{margin-top:8px;color:var(--muted);font-size:.75rem}.choice-grid--pictures>button{min-height:178px}.choice-grid--pictures strong{margin-top:10px;font-size:.92rem}.choice-emoji{font-size:3.65rem;line-height:1}.segment-row{display:flex;max-width:100%;flex-wrap:wrap;justify-content:center;gap:9px}.segment-row button{width:min(5.375rem,100%);min-height:5.625rem;display:grid;place-items:center;align-content:center;gap:4px;padding:.625rem .35rem;border:0;border-radius:var(--radius-md);color:var(--blue-deep);background:var(--blue-pale);cursor:pointer}.segment-row button:nth-child(2){color:var(--primary-deep);background:var(--primary-pale)}.segment-row button:nth-child(3){color:var(--green-deep);background:var(--green-pale)}.segment-row button span{font-size:2rem;font-weight:800;line-height:1}.segment-row button svg{opacity:.65}.sentence-actions{display:flex;gap:10px}.recorder,.recorder-review,.recorder-fallback{width:min(600px,100%);min-height:176px;display:grid;place-items:center;align-content:center;gap:16px;padding:24px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}.waveform{height:42px;display:flex;align-items:center;gap:4px}.waveform i{width:5px;height:100%;border-radius:99px;background:var(--lesson-color);transform-origin:center;transition:transform 80ms linear}.record-button{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;border:0;border-radius:999px;color:var(--surface);background:var(--lesson-color);font-weight:800;cursor:pointer}.recorder.is-listening .record-button{background:var(--ink)}.recorder small{color:var(--muted);text-align:center}.recorder-skip{min-height:44px;padding:2px 0;border:0;color:var(--blue-deep);background:transparent;font-size:.76rem;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.recorder-review{grid-template-columns:auto minmax(0,1fr) auto;justify-items:start}.recorder-review__check{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:var(--green-deep);background:var(--green-pale)}.recorder-review strong,.recorder-review span{display:block}.recorder-review span{margin-top:4px;color:var(--muted);font-size:.78rem}.recorder-review__actions,.recorder-fallback>div{display:flex;gap:8px}.recorder-fallback p{max-width:55ch;margin-bottom:0;color:var(--muted);text-align:center}.feedback-bar{min-height:114px;display:grid;align-items:center;border-top:1px solid var(--line);background:var(--surface)}.feedback-bar--correct{color:var(--green-deep);background:var(--green-pale);border-top-color:transparent}.feedback-bar--incorrect{color:var(--primary-deep);background:var(--primary-pale);border-top-color:transparent}.feedback-bar__content{width:100%;max-width:860px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:20px calc(28px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(28px + env(safe-area-inset-left))}.feedback-hint{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.82rem}.feedback-hint button{min-height:44px;padding:8px 2px;color:var(--blue-deep);background:transparent;border:0;font-weight:800;cursor:pointer}.feedback-message{display:flex;align-items:center;gap:12px}.feedback-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#ffffff9e}.feedback-message strong,.feedback-message span{display:block}.feedback-message span{margin-top:3px;font-size:.78rem;font-weight:600}.feedback-next{min-width:120px}.lesson-complete-screen{min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:28px;background:var(--green-pale)}.completion-card{width:min(540px,100%);position:relative;z-index:2;padding:48px;border-radius:var(--radius-lg);background:var(--surface);text-align:center;box-shadow:var(--shadow-mid)}.completion-mark{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;color:var(--green-deep);background:var(--green-pale)}.completion-card .context-label{color:var(--green-deep)}.completion-card h1{margin-bottom:12px;font-size:2.25rem;line-height:1.08;letter-spacing:-.035em}.completion-card>p:not(.context-label){color:var(--muted);line-height:1.55}.completion-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.completion-stats>div{min-height:106px;display:grid;place-items:center;align-content:center;border-radius:var(--radius-md);background:var(--surface-soft)}.completion-stats>div:first-child svg{color:var(--yellow-deep)}.completion-stats>div:last-child svg{color:var(--green-deep)}.completion-stats strong,.completion-stats span{display:block}.completion-stats strong{margin-top:5px;font-size:1.25rem}.completion-stats span{color:var(--muted);font-size:.7rem}.completion-burst{position:fixed;inset:0;pointer-events:none}.completion-burst span{position:absolute;color:var(--yellow-deep);font-size:2rem}.completion-burst span:nth-child(1){left:16%;top:22%;transform:rotate(-12deg)}.completion-burst span:nth-child(2){left:25%;bottom:18%;color:var(--primary)}.completion-burst span:nth-child(3){right:17%;top:16%;color:var(--blue);transform:rotate(16deg)}.completion-burst span:nth-child(4){right:26%;bottom:15%;color:var(--violet)}.completion-burst span:nth-child(5){right:8%;top:48%;color:var(--green)}.program-switcher{display:inline-flex;flex:0 0 auto;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.program-switcher button{min-height:44px;padding:0 14px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:.78rem;font-weight:800;cursor:pointer}.program-switcher button.is-active{color:var(--surface);background:var(--ink)}.program-choice{display:grid;justify-items:end;gap:7px}.readiness-link{min-height:44px;display:inline-flex;align-items:center;gap:5px;padding:0;border:0;color:var(--blue-deep);background:transparent;font-size:.72rem;font-weight:800;cursor:pointer}.readiness-check{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(210px,1fr) minmax(210px,1fr);gap:20px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.readiness-check h2{margin-bottom:7px;font-size:1.18rem}.readiness-check p:not(.context-label){color:var(--muted);font-size:.78rem;line-height:1.45}.readiness-question{display:grid;align-content:center;gap:10px}.readiness-question strong{font-size:.82rem;line-height:1.4}.readiness-question>div{display:flex;gap:7px}.readiness-question button{min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface-soft);font-weight:800;cursor:pointer}.readiness-question button.is-selected{color:var(--surface);background:var(--ink)}.readiness-result{grid-column:1 / -1;display:flex;align-items:center;gap:9px;padding-top:16px;border-top:1px solid var(--line);color:var(--green-deep)}.readiness-result .button{margin-left:auto}.program-note{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--muted);font-size:.72rem;font-weight:700}.unit-tabs{display:grid;grid-template-columns:repeat(6,minmax(70px,1fr));gap:8px}.unit-tabs button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);background:var(--surface);cursor:pointer}.unit-tabs button strong{color:var(--ink)}.unit-tabs button span{font-size:.7rem;font-weight:800}.unit-tabs button.is-active{color:var(--primary-deep);background:var(--primary-pale);border-color:#e6a49d}.unit-tabs button.is-active strong{color:var(--primary-deep)}.lesson-context{position:absolute;align-self:start;justify-self:start;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;z-index:3}.lesson-context span{padding:5px 8px;border-radius:6px;background:var(--lesson-pale);color:var(--ink);font-weight:800}.lesson-context strong{font-size:.72rem}.exercise-prompt-row mark{padding:0 .04em;color:var(--primary-deep);background:transparent}.exercise-prompt-row mark.scaffold-fading{color:#854b46}.exercise-prompt-row mark.scaffold-mastered{color:var(--ink)}.segment-row button.is-review{color:var(--muted);background:var(--surface-soft)}.segment-row button.is-new{color:var(--primary-deep);background:var(--primary-pale)}.segment-row button.is-new.scaffold-fading{color:#854b46;background:#fef0ee}.segment-row button.is-new.scaffold-mastered{color:var(--ink);background:var(--surface)}.segment-row button.is-visited{outline:3px solid color-mix(in oklch,var(--lesson-color) 38%,transparent)}.segment-row button:disabled{opacity:.42;cursor:not-allowed}.sequence-note{margin:-20px 0 -8px;color:var(--muted);font-size:.76rem;font-weight:700}.sentence-actions{flex-wrap:wrap;justify-content:center}.sentence-actions small{width:100%;color:var(--muted);text-align:center}.continuity-stage{width:min(520px,100%);display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px}.continuity-bird{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--blue-deep);background:var(--blue-pale);transform:translateY(10px)}.continuity-bird.is-flying{transform:translateY(-5px)}.waveform--history{width:100%;justify-content:stretch}.waveform--history i{min-width:2px;flex:1}.continuity-result{width:min(640px,100%);min-height:150px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.continuity-result--success{border-color:#93c69d;background:var(--green-pale)}.continuity-result--retry{border-color:#e9b6b1;background:var(--primary-pale)}.continuity-result strong,.continuity-result span{display:block}.continuity-result span{margin-top:4px;color:var(--muted);font-size:.78rem}.continuity-character{width:72px;text-align:center;color:var(--blue-deep)}.continuity-character span{font-size:.64rem;font-weight:800}.lesson-complete-screen.needs-practice{background:var(--yellow-pale)}.needs-practice .completion-mark{color:var(--yellow-deep);background:var(--yellow-pale)}.needs-practice .completion-card .context-label{color:var(--yellow-deep)}.parent-gate{min-height:calc(100vh - 160px);display:grid;place-items:center}.parent-gate__card{width:min(470px,100%);padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-mid)}.parent-gate__icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;color:var(--blue-deep);background:var(--blue-pale)}.parent-gate__card h1{margin-bottom:10px;font-size:1.8rem}.parent-gate__card>p:not(.context-label){color:var(--muted);line-height:1.5}.parent-gate__card form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:22px}.parent-gate__card label span{display:block;margin-bottom:6px;color:var(--muted);font-size:.72rem;font-weight:800}.parent-gate__card input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm)}.parent-gate__card input[aria-invalid=true]{border-color:var(--primary);background:var(--primary-pale)}.parent-gate__card>small{display:block;margin-top:10px;color:var(--primary-deep)}.program-setting{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line)}.program-setting strong,.program-setting span{display:block}.program-setting span{max-width:62ch;margin-top:4px;color:var(--muted);font-size:.75rem;line-height:1.45}.needs-review-label{display:block;margin-top:3px;color:var(--primary-deep);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}.learning-landscape{position:absolute;inset:0;overflow:hidden;background:#d8f4ff url(/images/farm-learning-backdrop.png) center bottom / cover no-repeat;background:oklch(.95 .035 225) url(/images/farm-learning-backdrop.png) center bottom / cover no-repeat;pointer-events:none}.learning-landscape:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#ffffff52 0 18%,#fff0 56%)}.landscape-cloud{position:absolute;width:90px;height:30px;border-radius:999px;background:var(--surface);opacity:.76}.landscape-cloud:before,.landscape-cloud:after{content:"";position:absolute;bottom:7px;width:38px;height:38px;border-radius:50%;background:inherit}.landscape-cloud:before{left:14px}.landscape-cloud:after{right:12px;width:48px;height:48px}.landscape-cloud--one{left:8%;top:12%}.landscape-cloud--two{right:7%;top:20%;transform:scale(.72)}.landscape-hill{position:absolute;bottom:24%;width:330px;height:150px;border-radius:55% 55% 0 0;background:#73c076;z-index:1}.landscape-hill--one{left:-100px}.landscape-hill--two{right:-95px;width:380px;background:#79c498}.landscape-barn{position:absolute;left:5%;bottom:9%;width:86px;height:72px;border-radius:5px;background:var(--primary);z-index:2}.landscape-barn:before{content:"";position:absolute;left:-10px;top:-29px;width:76px;height:76px;background:var(--primary-deep);transform:rotate(45deg);z-index:-1}.landscape-barn i{position:absolute;left:29px;bottom:0;width:30px;height:45px;border-radius:18px 18px 0 0;background:var(--ink)}.landscape-barn b{position:absolute;left:33px;top:-6px;width:22px;height:22px;border-radius:50%;background:var(--yellow)}.landscape-fence{position:absolute;right:5%;bottom:10%;width:180px;height:54px;border-top:9px solid var(--surface);border-bottom:9px solid var(--surface);z-index:2}.landscape-fence i{position:relative;display:inline-block;width:10px;height:74px;margin:-18px 17px 0;background:var(--surface)}@media(max-width:1080px){.sound-grid{grid-template-columns:repeat(4,minmax(92px,1fr))}.parent-metrics{grid-template-columns:repeat(2,1fr)}.path-unit{grid-template-columns:1fr;gap:14px}.profile-settings{grid-template-columns:1fr}.reset-row,.voice-settings,.program-setting{grid-column:1}}@media(max-width:860px){.sidebar{width:84px;padding-inline:12px}.sidebar__logo{padding-inline:12px}.sidebar__logo .logo__word{display:none}.nav-item{justify-content:center;padding:0}.nav-item span{display:none}.sidebar__learner{grid-template-columns:1fr;justify-items:center}.sidebar__learner>div:nth-child(2),.sidebar__learner>svg{display:none}.app-main{margin-left:84px}.today-card{grid-template-columns:1fr}.today-card__visual{position:absolute;inset:0 0 0 50%;opacity:.68}.today-card__copy{padding-right:42%}.metric-grid{grid-template-columns:1fr}.metric-block{min-height:86px}.two-column-section,.parent-grid,.blend-lab{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr 130px}.profile-form .button{grid-column:1 / -1}.sound-grid{grid-template-columns:repeat(3,minmax(92px,1fr))}.readiness-check{grid-template-columns:1fr 1fr}.readiness-check>div:first-child{grid-column:1 / -1}}@media(max-width:640px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}body:has(.lesson-screen){padding-bottom:0}.sidebar{display:none}.app-main{margin-left:0}.topbar{height:calc(62px + env(safe-area-inset-top));justify-content:space-between;padding:env(safe-area-inset-top) calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left))}.topbar__mobile-logo{display:block}.stat-pill{width:auto;min-width:42px;justify-content:center;padding:0 8px;font-size:.68rem}.stat-pill em{display:none}.stat-pill svg{margin:0}.topbar__stats{gap:6px}.screen-content{padding:16px calc(16px + env(safe-area-inset-right)) 40px calc(16px + env(safe-area-inset-left))}.page-stack{gap:18px}.bottom-nav{position:fixed;inset:auto 0 0;min-height:calc(68px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);padding:0 0 env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);z-index:30}.bottom-nav button{display:grid;place-items:center;align-content:center;gap:3px;border:0;color:var(--muted);background:transparent;font-size:.62rem;font-weight:800}.bottom-nav button.is-active{color:var(--primary-deep)}.welcome-row,.page-header{align-items:flex-start;flex-direction:column;gap:12px}.program-switcher{width:100%}.program-switcher button{flex:1}.program-choice{width:100%;justify-items:stretch}.readiness-link{justify-content:center;min-height:44px}.readiness-check{grid-template-columns:1fr}.readiness-check>div:first-child,.readiness-result{grid-column:1}.readiness-result{align-items:flex-start;flex-wrap:wrap}.readiness-result .button{width:100%;margin-left:0}.welcome-row h1,.page-header h1{font-size:1.78rem}.day-badge{width:76px;height:64px}.today-card{min-height:400px}.today-card__copy{padding:20px 28px}.today-card__visual{inset:48% 0 0;opacity:.82}.today-card__center{width:132px;height:132px}.today-card__center span{font-size:1rem}.today-card__copy h2{margin:12px 0 8px;font-size:2.05rem}.today-card__copy>p{margin-bottom:12px}.lesson-meta{display:none}.mini-path{grid-template-columns:1fr}.mini-path__step:not(:last-child):after{left:18px;top:38px;width:2px;height:24px}.mastery-key{width:100%}.parent-header__note{width:100%;max-width:none}.lesson-row{grid-template-columns:auto minmax(0,1fr)}.lesson-row__action{grid-column:2;justify-items:start}.sound-grid{grid-template-columns:repeat(2,minmax(92px,1fr))}.sound-tile{min-height:7.875rem;padding-block:.875rem}.blend-lab__copy,.blend-stage{padding:28px 20px}.blend-stage__sounds button{width:72px;height:76px}.parent-metrics{grid-template-columns:1fr 1fr}.parent-metrics article{min-height:120px}.skill-table__attempts-column{width:72px}.skill-table__accuracy-column{width:76px}.skill-table th,.skill-table td{padding-inline:5px}.accuracy-cell{display:block}.accuracy-track{display:none}.profile-form{grid-template-columns:1fr}.profile-form .button{grid-column:1}.reset-row{align-items:flex-start;flex-direction:column}.voice-settings__content{grid-template-columns:1fr}.practice-empty{grid-template-columns:auto minmax(0,1fr)}.practice-empty>.button{grid-column:1 / -1;width:100%}.program-setting{align-items:flex-start;flex-direction:column}.data-actions{grid-template-columns:1fr}.data-actions small{grid-column:1}.unit-tabs{grid-template-columns:repeat(3,1fr)}.reset-confirm{flex-wrap:wrap}.lesson-header{grid-template-columns:42px minmax(0,1fr) 34px;gap:10px;padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 8px calc(10px + env(safe-area-inset-left))}.lesson-stage{min-height:0;padding:20px 16px 24px}.lesson-stage{place-items:start center;align-content:start;gap:12px}.lesson-context{position:static;align-self:auto;justify-self:center;flex-wrap:wrap;justify-content:center}.learning-landscape{background-position:18% bottom}.exercise-view--teaching{align-self:start}.teaching-card{gap:10px 12px;padding:14px;box-shadow:0 4px color-mix(in oklch,var(--yellow) 40%,var(--line))}.teaching-card__cue{min-height:min(10.5rem,32vw);padding:8px}.teaching-card__target{width:min(10.5rem,32vw);height:min(10.5rem,32vw);font-size:min(8rem,26vw)}.teaching-card__actions{grid-template-columns:1fr;gap:8px}.teaching-card__actions .button{min-height:48px}.teaching-card:not(.is-listening) .teaching-card__target:disabled:after{top:10px;right:12px;width:9px;height:16px;border-width:0 4px 4px 0}.audio-playback-status{align-items:stretch;flex-direction:column}.audio-playback-status .button{width:100%}.exercise-cue{width:min(136px,34vw);margin-block:-12px}.exercise-cue img{width:min(106px,27vw);height:min(106px,27vw)}.exercise-cue--word{width:min(220px,70vw)}.exercise-prompt-row h1{font-size:1.85rem}.exercise-prompt-row h1.is-reading-prompt{font-size:3.7rem}.exercise-prompt-row h1.is-story-prompt{padding:20px 16px;font-size:1.65rem;line-height:1.42}.exercise-view{gap:28px}.segment-row{width:100%;scroll-margin-block:20px 32px}.segment-row button{width:max(44px,min(5.375rem,22vw));min-height:max(44px,min(5.625rem,22vw))}.choice-grid{gap:8px}.choice-grid{scroll-margin-block:20px 32px}.choice-grid:not(.choice-grid--pictures){grid-template-columns:1fr}.choice-grid>button{min-height:118px;padding:12px 6px}.choice-grid strong{max-width:100%;font-size:2rem;overflow-wrap:anywhere}.choice-grid--pictures{grid-template-columns:1fr}.choice-grid--pictures>button{min-height:100px;grid-template-columns:60px 1fr;justify-items:start}.choice-grid--pictures .choice-emoji{font-size:2.65rem}.feedback-bar__content{padding:16px}.feedback-message{align-items:flex-start}.feedback-next{min-width:96px}.recorder-review{grid-template-columns:auto 1fr}.recorder-review__actions{grid-column:1 / -1;width:100%}.recorder-review__actions .button{flex:1}.exercise-view,.recorder-fallback{min-width:0}.recorder-fallback>div{width:100%;display:grid;grid-template-columns:1fr}.recorder-fallback>div .button{width:100%;max-width:100%;white-space:normal}.continuity-result{grid-template-columns:1fr;justify-items:center;text-align:center}.continuity-stage{grid-template-columns:48px minmax(0,1fr)}.continuity-bird{width:46px;height:46px}.parent-gate__card{padding:28px 22px}.parent-gate__card form{grid-template-columns:1fr}.completion-card{padding:36px 24px}.completion-card h1{font-size:1.85rem}}@media(hover:none){.choice-grid>button:hover:not(:disabled){border-color:var(--line);transform:none}.button:hover:not(:disabled),.sound-tile:hover,.blend-stage__sounds button:hover,.listen-button:hover{transform:none}.teaching-card__target:hover:not(:disabled){transform:rotate(1deg)}}@media(max-height:800px)and (orientation:landscape){.lesson-header{min-height:56px;padding-block:6px}.lesson-stage{min-height:0;padding-block:12px 16px}.exercise-view{gap:18px}.exercise-instruction{margin-bottom:8px}.choice-grid>button{min-height:96px}.feedback-bar{min-height:78px}.feedback-bar__content{padding-block:10px}.learning-landscape .landscape-cloud{opacity:.35}.learning-landscape .landscape-barn,.learning-landscape .landscape-fence{transform:scale(.68)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(forced-colors:active){.orthographic-blank{color:CanvasText;background:Canvas;outline:2px solid CanvasText;outline-offset:1px;box-shadow:none}}