:root{--eq-canvas:#f4f6f2;--eq-surface:#fff;--eq-ink:#172b36;--eq-mutedInk:#465965;--eq-primary:#145c50;--eq-onPrimary:#fff;--eq-focus:#214da0;--eq-border:#70818c;--eq-softBorder:#d7dfe3;--eq-successInk:#17552d;--eq-successBg:#edf7ee;--eq-helpInk:#6b4300;--eq-helpBg:#fff4d6;--eq-disabledInk:#53616a;--eq-disabledBg:#e5eaec;--eq-accent:#b56a16;--eq-space-xs:4px;--eq-space-sm:8px;--eq-space-md:12px;--eq-space-lg:16px;--eq-space-xl:24px;--eq-space-xxl:32px;--eq-space-xxxl:48px;--eq-touch-primary:64px;--eq-touch-secondary:52px;--eq-radius-card:20px;--eq-task-max:900px}.eq-task{max-inline-size:var(--eq-task-max);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin-inline:auto}.eq-button{min-block-size:var(--eq-touch-primary);padding:12px 24px}.eq-answer{border:2px solid var(--eq-border);border-radius:var(--eq-radius-card);min-block-size:96px}.eq-button:focus-visible,.eq-answer:focus-visible{outline:3px solid var(--eq-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){.eq-animated{transition:none!important;animation:none!important}}*{box-sizing:border-box}body{background:var(--eq-canvas);color:var(--eq-ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:20px;line-height:1.5}button,input{font:inherit;color:inherit}button,.brand{-webkit-tap-highlight-color:transparent}button{min-height:var(--eq-touch-secondary);background:var(--eq-surface);border:2px solid var(--eq-border);cursor:pointer;border-radius:14px;padding:12px 22px}button:active{transform:translateY(1px)}button:disabled{background:var(--eq-disabledBg);color:var(--eq-disabledInk);cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--eq-focus);outline-offset:4px}h1:focus{outline:none}.app{max-width:1040px;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:auto}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0 24px;display:flex}.brand{min-height:52px;color:var(--eq-ink);align-items:center;gap:12px;font-weight:750;text-decoration:none;display:flex}.brand-icon{background:var(--eq-primary);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.badge,.eyebrow{color:var(--eq-primary);font-size:15px;font-weight:700}.badge{border:1px solid var(--eq-border);border-radius:30px;padding:6px 12px}.notice{color:var(--eq-mutedInk);margin:0 0 20px;font-size:15px}section{background:var(--eq-surface);border:1px solid var(--eq-softBorder);max-width:var(--eq-task-max);border-radius:24px;margin:auto;padding:clamp(20px,4vw,40px)}h1{letter-spacing:-.035em;margin:20px 0;font-size:clamp(28px,4.3vw,44px);line-height:1.15}h2{margin:32px 0 12px;font-size:26px}p{overflow-wrap:anywhere;margin:16px 0}.primary{min-height:var(--eq-touch-primary);background:var(--eq-primary);color:var(--eq-onPrimary);border-color:var(--eq-primary);font-weight:650}.welcome{min-height:500px;padding-right:36%;position:relative}.welcome button{width:100%;margin-top:12px;display:block}.book-hero{width:27%;position:absolute;top:115px;right:5%;transform:rotate(-7deg)}.small{color:var(--eq-mutedInk);font-size:16px}nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}nav span{font-size:16px}.audio{min-width:220px;min-height:72px}.answers{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.answers button{min-height:170px}.answers svg{width:100%;max-width:180px}.writing-prompt{align-items:center;gap:24px;display:flex}.writing-prompt svg{width:120px}form{gap:12px;margin:20px 0;display:grid}input:not([type=file]){border:2px solid var(--eq-border);border-radius:12px;width:100%;min-width:0;padding:12px;scroll-margin-block:24px;font-size:40px}.feedback,.help,.error{border-radius:16px;margin:20px 0;padding:20px}.feedback{background:var(--eq-successBg);color:var(--eq-successInk)}.help,.error{background:var(--eq-helpBg);color:var(--eq-helpInk)}.parent button,.help button{margin:6px 12px 6px 0}.file-label{margin-top:24px;display:block}input[type=file]{width:100%;min-height:52px;margin-top:12px;font-size:16px;display:block}input::file-selector-button{border:2px solid var(--eq-border);background:#fff;border-radius:12px;padding:14px}footer{color:var(--eq-mutedInk);text-align:center;padding:24px 0;font-size:14px}.recordings{padding:0;list-style:none}.recordings li{border-bottom:1px solid var(--eq-border);gap:4px;padding:12px 0;display:grid}.recordings button{justify-self:start}.recordings .small{overflow-wrap:anywhere}.learning-picture{width:min(100%,220px);height:160px;margin:12px auto;display:block}.lesson-word{text-align:center;margin:16px 0;font-size:48px;font-weight:750}.lesson-progress{color:var(--eq-mutedInk);font-size:16px}.lesson-tiles{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.lesson-tiles button{min-width:56px;min-height:64px;padding:8px 14px;font-size:30px}.lesson-built{letter-spacing:8px;overflow-wrap:anywhere;min-height:64px;font-size:40px}.lesson-controls{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}@media (width<=650px){.welcome{padding-right:20px}.book-hero{width:145px;margin:auto;position:static}.answers button{min-height:120px;padding:8px}.task nav button{padding:10px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important;transform:none!important}}.lesson-fieldset{border:0;min-width:0;margin:0;padding:0}.first-lesson summary{cursor:pointer;min-height:52px;padding:12px 0}.first-lesson details{margin-top:24px}.pilot-brand{background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:750;display:flex}.parent-link{font-size:16px}.pilot-home>.primary{width:100%;margin-top:20px;display:block}.pilot-home>button:not(.primary){margin-top:12px}.pilot-world{background:var(--eq-canvas);border-radius:20px;margin:8px 0 20px;overflow:hidden}.pilot-world svg{width:100%;max-height:230px;display:block}.pilot-world p{text-align:center;color:var(--eq-mutedInk);padding:0 20px 12px;font-size:16px}.pilot-task>button{margin:12px 12px 0 0}.pilot-task .audio{width:min(100%,420px);display:block}.pilot-task .answers{margin-top:24px}.pilot-task .answers button{min-height:180px}.pilot-review-list{gap:20px;display:grid}.pilot-review-list article{border:1px solid var(--eq-softBorder);border-radius:16px;padding:16px}.pilot-review-list h3{margin:0 0 12px}.pilot-review-images{flex-wrap:wrap;display:flex}.pilot-review-images svg{width:45%;min-width:100px;height:130px}.pilot-check{cursor:pointer;align-items:flex-start;gap:14px;margin:20px 0;font-size:17px;display:flex}.pilot-check input[type=checkbox]{width:28px;height:28px;min-height:28px;accent-color:var(--eq-primary);flex:0 0 28px;margin-top:3px;padding:0}.pilot-write-label{margin:20px 0;display:block}.pilot-write-label input{margin:8px 0;display:block}.pilot-observations{padding:0;list-style:none}.pilot-observations li{border-bottom:1px solid var(--eq-softBorder);gap:4px;padding:14px 0;display:grid}.pilot-observations span,.pilot-observations small{color:var(--eq-mutedInk);font-size:16px}.pilot-app summary{cursor:pointer;min-height:52px;padding:12px 0}@media (width<=480px){.pilot-task .answers{grid-template-columns:1fr 1fr;gap:10px}.pilot-task .answers button{min-height:140px;padding:8px}.pilot-task .answers svg{height:120px}.pilot-brand{font-size:18px}}