: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}@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}}