:root{--cobalt:#1747d1;--cobalt-dark:#102454;--cobalt-light:#dce6ff;--paper:#f4f0e7;--paper-light:#fffdf7;--ink:#172038;--muted:#626a78;--rule:#c9c3b5;--yellow:#f9d651;--coral:#e54b2b;--coral-action:#b3311d;--green:#197353;--green-dark:#105d43;--green-light:#dcefe7;--red-light:#f8dfda;--danger:#a52d1a;--warning:#694f00;--warning-border:#b68b00;--warning-light:#fff4bf;--locked:#8a8578;--disabled:#9aa3b0;--pip-color:#f9d651;--header-height:calc(76px + env(safe-area-inset-top));color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Atkinson Hyperlegible,system-ui,sans-serif}:root[data-pip-color=yellow]{--pip-color:#f9d651}:root[data-pip-color=mint]{--pip-color:#76d3a1}:root[data-pip-color=sky]{--pip-color:#8fc8f4}:root[data-pip-color=coral]{--pip-color:#f18a70}:root[data-pip-color=violet]{--pip-color:#c2a7ee}*{box-sizing:border-box}html{background:var(--cobalt);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-width:320px;min-height:100%}body{background:var(--paper);min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,button{font-weight:700}h1{color:var(--cobalt-dark);letter-spacing:-.04em;margin-bottom:.4rem;font-size:clamp(1.82rem,7vw,2.15rem);line-height:1}h2{color:var(--cobalt-dark);letter-spacing:-.025em;font-size:1.4rem;line-height:1.08}h3{color:var(--cobalt-dark);font-size:1.04rem;line-height:1.15}label{color:var(--cobalt-dark);margin-bottom:.45rem;font-weight:700;display:block}input{border:3px solid var(--rule);width:100%;min-height:56px;color:var(--ink);background:var(--paper);border-radius:16px;padding:.75rem .9rem;font-size:1rem}input:focus{border-color:var(--cobalt)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:radial-gradient(circle at 18px 18px, #1747d117 1.6px, transparent 1.7px) 0 0 / 26px 26px, var(--paper);flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.pwa-install-screen{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 18px 18px, #1747d117 1.6px, transparent 1.7px) 0 0 / 26px 26px, var(--paper);place-items:start center;display:grid}@media (height>=700px){.pwa-install-screen{align-items:center}}.pwa-install-card{text-align:center;background:var(--paper-light);border:3px solid var(--cobalt-dark);width:min(520px,100%);box-shadow:8px 12px 0 var(--cobalt-dark);border-radius:22px;padding:clamp(1rem,4vw,1.6rem);animation:.28s cubic-bezier(.16,1,.3,1) rise}.pwa-install-icon{border:3px solid var(--cobalt-dark);width:88px;height:88px;box-shadow:4px 5px 0 var(--cobalt-dark);border-radius:22px;margin:0 auto 1rem;display:block}.pwa-install-card h1{max-width:15ch;margin-left:auto;margin-right:auto}.pwa-install-lede{max-width:42ch;color:var(--muted);margin:0 auto 1.1rem;font-size:.95rem;line-height:1.45}.pwa-install-guide{text-align:left;background:var(--paper);border:3px solid var(--rule);border-radius:18px;padding:.9rem}.pwa-install-guide h2{margin-bottom:.75rem;font-size:1.08rem}.pwa-install-guide ol{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.pwa-install-guide li{color:var(--ink);grid-template-columns:30px minmax(0,1fr);align-items:start;gap:.65rem;font-size:.9rem;line-height:1.4;display:grid}.pwa-install-step{color:#fff;background:var(--cobalt);border:2px solid var(--cobalt-dark);border-radius:50%;place-items:center;width:30px;height:30px;line-height:1;display:grid}.pwa-install-actions{gap:.65rem;margin-top:1rem;display:grid}.pwa-install-error{margin-top:.9rem}.pwa-install-private-note{color:var(--muted);justify-content:center;align-items:center;gap:.45rem;margin:1rem 0 0;font-size:.76rem;line-height:1.35;display:flex}.cabinet-header{z-index:30;min-height:var(--header-height);padding:calc(.72rem + env(safe-area-inset-top)) max(.9rem, env(safe-area-inset-right)) .72rem max(.9rem, env(safe-area-inset-left));color:#fff;background:var(--cobalt);border-bottom:7px solid var(--cobalt-dark);justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0;overflow:hidden}.header-orbit,.header-diamond{pointer-events:none;position:absolute}.header-orbit{background:#ffffff17;border-radius:50%;width:96px;height:96px;bottom:-46px;left:-30px}.header-diamond{background:#f9d65138;width:60px;height:60px;top:-34px;right:78px;transform:rotate(28deg)}.brand-lockup{z-index:1;align-items:center;gap:.7rem;min-width:0;display:flex;position:relative}.brand-lockup p{margin-bottom:0}.header-pip-slot{isolation:isolate;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.header-pip-slot>*{grid-area:1/1}.header-pip-button,.pip-hide-and-seek-hit{cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid}.header-pip-button{border-radius:50%;width:44px;height:44px}.header-pip-button[aria-hidden=true]{opacity:0;pointer-events:none}.header-pip-button:focus-visible,.pip-hide-and-seek-hit:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.header-pip-button:active .pip{animation:none;transform:scale(.9)}.pip-hide-and-seek{z-index:22;pointer-events:none;place-items:center;width:48px;height:48px;display:grid;position:fixed;top:0;left:0}.pip-hide-and-seek[data-phase=traveling]{z-index:40}.pip-hide-and-seek .pip{will-change:transform;transition:transform .3s cubic-bezier(.16,1,.3,1);animation:none}.pip-hide-and-seek-decoy{opacity:1;transition:opacity .14s cubic-bezier(.16,1,.3,1)}.pip-hide-and-seek-decoy[data-phase=traveling]{opacity:0}.pip-decoy-character{--pip-color:var(--rule)}.pip-decoy-character .pip-eye{background:0 0}.pip-decoy-character .pip-eye:before,.pip-decoy-character .pip-eye:after{background:var(--coral);content:"";border-radius:2px;width:130%;height:2px;position:absolute;top:calc(50% - 1px);left:-15%;transform:rotate(45deg)}.pip-decoy-character .pip-eye:after{transform:rotate(-45deg)}.pip-hide-and-seek .pip-eye{transition:transform .3s cubic-bezier(.16,1,.3,1)}.pip-hide-and-seek[data-side=left] .pip-eye-left{transform:translate(-8px)}.pip-hide-and-seek[data-side=right] .pip-eye-right{transform:translate(8px)}.pip-hide-and-seek-hit{z-index:24;border-radius:16px;width:44px;height:44px;position:fixed;top:0;left:0}.pip-hide-and-seek-hit[data-phase=traveling]{pointer-events:none}.pip-hideout-active{z-index:23;position:relative}.pip-quick-find-counter{z-index:2;pointer-events:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.pip-quick-find-medallion{width:40px;height:40px;color:var(--cobalt-dark);background:var(--paper-light);border:2px solid var(--cobalt-dark);box-shadow:2px 3px 0 var(--cobalt-dark);border-radius:50%;place-items:center;animation:.36s cubic-bezier(.16,1,.3,1) pip-counter-arrival;display:grid;position:relative;overflow:hidden}.pip-quick-find-countdown{z-index:0;background:var(--yellow);clip-path:inset(0);will-change:clip-path;position:absolute;inset:0}.pip-quick-find-counter[data-countdown-active=true] .pip-quick-find-countdown{animation:pip-counter-countdown var(--pip-quick-find-window) linear forwards}.pip-quick-find-medallion strong{z-index:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:1.4rem;line-height:1;position:relative}.pip-quick-find-stars{position:absolute;inset:0}.pip-quick-find-stars svg{width:11px;height:11px;color:var(--coral);opacity:0;animation:.62s cubic-bezier(.16,1,.3,1) pip-star-burst;position:absolute;top:16px;left:16px}.pip-quick-find-stars svg:nth-child(2n){color:var(--cobalt)}.pip-quick-find-stars svg:first-child{--pip-star-x:-26px;--pip-star-y:-7px}.pip-quick-find-stars svg:nth-child(2){--pip-star-x:-17px;--pip-star-y:-22px}.pip-quick-find-stars svg:nth-child(3){--pip-star-x:2px;--pip-star-y:-27px}.pip-quick-find-stars svg:nth-child(4){--pip-star-x:22px;--pip-star-y:-17px}.pip-quick-find-stars svg:nth-child(5){--pip-star-x:27px;--pip-star-y:3px}.pip-quick-find-stars svg:nth-child(6){--pip-star-x:16px;--pip-star-y:23px}.pip-quick-find-stars svg:nth-child(7){--pip-star-x:-4px;--pip-star-y:27px}.pip-quick-find-stars svg:nth-child(8){--pip-star-x:-23px;--pip-star-y:16px}.pip-hide-and-seek[data-side=left][data-phase=peeking] .pip{transform:translateX(calc(var(--pip-peek-shift) * -1)) rotate(-4deg)}.pip-hide-and-seek[data-side=right][data-phase=peeking] .pip{transform:translateX(var(--pip-peek-shift)) rotate(4deg)}.pip-hide-and-seek[data-side=bottom][data-phase=hidden] .pip{transform:rotate(180deg)}.pip-hide-and-seek[data-side=bottom][data-phase=peeking] .pip{transform:translateY(var(--pip-peek-shift)) rotate(176deg)}.brand-name{color:#fff;letter-spacing:-.02em;font-size:1.04rem;font-weight:700;line-height:1.05}.brand-subtitle{color:#ffffffd1;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;line-height:1.2;overflow:hidden}.header-actions{z-index:1;flex:none;gap:.5rem;display:flex;position:relative}.icon-button{border:3px solid var(--cobalt-dark);width:44px;min-width:44px;height:44px;color:var(--cobalt-dark);background:var(--paper-light);cursor:pointer;border-radius:14px;place-items:center;padding:0;display:inline-grid}.icon-button.on-blue{color:#fff;background:#ffffff14;border-width:2px;border-color:#ffffff73}.settings-drawer{z-index:25;top:var(--header-height);max-height:calc(100dvh - var(--header-height));background:var(--paper-light);border-bottom:5px solid var(--cobalt-dark);animation:.26s cubic-bezier(.16,1,.3,1) rise;position:fixed;left:0;right:0;overflow:auto;box-shadow:0 12px 28px #10245438}.settings-drawer-inner{width:min(760px,100%);padding:1.25rem max(1rem, env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}.settings-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.35rem;display:flex}.settings-heading h2,.settings-heading p{margin-bottom:.35rem}.settings-heading p,.voice-settings-heading p,.companion-setting p{color:var(--muted);font-size:.88rem;line-height:1.45}.settings-close{flex:none}.creator-info-inner{width:min(760px,100%);min-width:0;padding:1.35rem max(1rem, env(safe-area-inset-right)) calc(1.55rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin:0 auto;display:grid}.creator-info-mark{background:var(--yellow);border:3px solid var(--cobalt-dark);width:92px;height:92px;box-shadow:5px 7px 0 var(--cobalt-dark);border-radius:22px;place-items:center;display:grid;transform:rotate(-3deg)}.creator-info-copy{min-width:0}.creator-info-copy h2{margin-bottom:.45rem}.creator-info-copy p{max-width:52ch;color:var(--muted);margin-bottom:0;font-size:.94rem;line-height:1.5}.creator-info-link{width:fit-content;margin-top:.95rem;font-weight:700}.creator-info-note{color:var(--muted);margin-top:.55rem;font-size:.73rem;line-height:1.35;display:block}.creator-info-close{align-self:start}.language-options,.scene-picker,.choice-group,.spelling-fields{border:0;margin:0;padding:0}.language-options{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.language-options legend,.choice-group legend,.scene-picker legend,.spelling-fields legend{width:100%;color:var(--cobalt-dark);margin-bottom:.65rem;font-size:.96rem;font-weight:700}.language-options legend{grid-column:1/-1}.language-option{min-width:0;min-height:76px;color:var(--ink);background:var(--paper-light);border:3px solid var(--rule);box-shadow:0 4px 0 var(--rule);cursor:pointer;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;margin:0;padding:.65rem;display:grid;position:relative}.language-option.selected{background:var(--cobalt-light);border-color:var(--cobalt);box-shadow:0 4px 0 var(--cobalt-dark)}.language-option input,.choice-card input,.line-choice input,.scene-option input{opacity:0;width:1px;height:1px;position:absolute}:is(.language-option:has(input:focus-visible),.choice-card:has(input:focus-visible),.line-choice:has(input:focus-visible),.scene-option:has(input:focus-visible)){outline:3px solid var(--coral);outline-offset:3px}.language-code,.voice-language-stamp{border:2px solid var(--cobalt);width:42px;height:42px;color:var(--cobalt);background:var(--paper-light);letter-spacing:.08em;border-radius:12px;place-items:center;font-size:.72rem;font-weight:700;display:grid}.language-copy,.voice-setting-label>span:last-child{min-width:0}.language-copy strong,.language-copy small,.voice-setting-label strong,.voice-setting-label small{display:block}.language-copy small,.voice-setting-label small{color:var(--muted);margin-top:.1rem;font-size:.75rem;line-height:1.3}.language-check{color:var(--cobalt);opacity:0}.selected .language-check,.language-option.selected .language-check{opacity:1}.install-setting,.voice-settings,.companion-setting{border-top:2px solid var(--rule);margin-top:1.35rem;padding-top:1.35rem}.voice-settings-heading{margin-bottom:1rem}.install-setting h3,.install-setting p,.voice-settings-heading h3,.voice-settings-heading p,.companion-setting h3,.companion-setting p{margin-bottom:.3rem}.install-setting{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem 1rem;display:grid}.install-setting p{max-width:52ch;color:var(--muted);font-size:.88rem;line-height:1.45}.install-app-button{white-space:nowrap;min-width:148px}.install-error{grid-column:1/-1;margin:0}.voice-setting-list{gap:1rem;display:grid}.voice-setting-row{gap:.7rem;display:grid}.voice-setting-label{align-items:center;gap:.65rem;margin:0;display:flex}.voice-choice-row{flex-wrap:wrap;gap:.55rem;display:flex}.voice-choice{min-height:44px;color:var(--cobalt-dark);background:var(--paper-light);border:2.5px solid var(--rule);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .75rem;display:inline-flex}.voice-choice.selected{background:var(--yellow);border-color:var(--cobalt-dark)}.voice-choice small{color:var(--muted);font-size:.72rem;font-weight:400}.voice-saving-spinner{width:17px;height:17px;animation:.8s linear infinite spin}.pace-options{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.pace-option{min-height:64px;color:var(--cobalt-dark);background:var(--paper-light);border:3px solid var(--rule);cursor:pointer;border-radius:16px;place-items:center;gap:.15rem;padding:.5rem .25rem;display:grid}.pace-option.selected{background:var(--yellow);border-color:var(--cobalt-dark)}.companion-setting{justify-content:space-between;align-items:center;gap:1rem;display:flex}.companion-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.55rem;display:flex}.companion-toggle{min-height:44px;color:var(--cobalt-dark);background:var(--paper-light);border:3px solid var(--cobalt-dark);cursor:pointer;border-radius:14px;flex:none;padding:.55rem .8rem}.companion-toggle.selected{background:var(--yellow)}.companion-reset{min-height:44px;color:var(--cobalt-dark);background:var(--paper);border:3px solid var(--rule);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .8rem;display:inline-flex}.settings-privacy{color:var(--muted);background:var(--paper);border:3px solid var(--rule);border-radius:16px;align-items:center;gap:.65rem;margin-top:1.2rem;padding:.75rem;display:flex}.settings-privacy p{margin:0;font-size:.78rem;line-height:1.45}.settings-logout{margin-top:.8rem}.offline-notice,.update-notice{z-index:20;min-height:52px;padding:.65rem max(1rem, env(safe-area-inset-right)) .65rem max(1rem, env(safe-area-inset-left));color:var(--cobalt-dark);background:var(--yellow);border-bottom:3px solid var(--cobalt-dark);align-items:center;gap:.65rem;font-size:.85rem;line-height:1.35;display:flex;position:relative}.update-notice{color:#fff;background:var(--cobalt-dark);justify-content:space-between}.update-notice button{min-height:40px;color:var(--cobalt-dark);background:var(--yellow);cursor:pointer;border:2px solid #fff;border-radius:12px;padding:.45rem .75rem}.page-content,.practice-page{width:min(1120px,100%);padding:1.35rem max(1rem, env(safe-area-inset-right)) calc(2.25rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}.narrow-page,.practice-page{width:min(760px,100%)}.page-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.page-heading p,.lede{color:var(--muted);margin-bottom:0;font-size:.91rem;line-height:1.4}.primary-button,.secondary-button,.text-button,.back-button,.record-button,.stop-button,.new-drawer-button{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.68rem 1rem;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:var(--cobalt);border:3px solid var(--cobalt-dark);box-shadow:0 5px 0 var(--cobalt-dark)}.secondary-button{color:var(--cobalt-dark);background:var(--paper-light);border:3px solid var(--cobalt-dark);box-shadow:0 4px 0 var(--cobalt-dark)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.record-button:active:not(:disabled),.stop-button:active:not(:disabled),.new-drawer-button:active:not(:disabled){box-shadow:0 1px 0 var(--cobalt-dark);transform:translateY(3px)}.text-button,.back-button{min-height:44px;color:var(--cobalt);box-shadow:none;background:0 0;border:0;padding:.35rem .25rem}.text-button.danger{color:var(--danger)}.back-button{justify-content:flex-start;margin:-.3rem 0 1rem}.full-width{width:100%}.large-button{min-height:60px;font-size:1.03rem}.new-drawer-button{width:52px;min-width:52px;height:52px;color:var(--cobalt-dark);background:var(--yellow);border:3px solid var(--cobalt-dark);box-shadow:0 5px 0 var(--cobalt-dark);padding:0}.access-main{width:min(430px,100%);padding:5.5rem max(1rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));flex:1;align-content:center;gap:1rem;margin:0 auto;display:grid}.access-card{text-align:center;background:var(--paper-light);border:3px solid var(--cobalt-dark);box-shadow:8px 12px 0 var(--cobalt-dark);border-radius:22px;padding:4rem 1.25rem 1.4rem;position:relative}.access-card:before,.practice-specimen:before{content:"";background:var(--coral);border:3px solid var(--cobalt-dark);border-radius:0 0 9px 9px;width:58px;height:14px;position:absolute;top:-4px;right:30px}.access-pip{position:absolute;top:-43px;left:50%;transform:translate(-50%)}.access-card h1{max-width:13ch;margin-left:auto;margin-right:auto}.access-card .lede{max-width:31ch;margin:0 auto 1.25rem}.access-card form{text-align:left;gap:.85rem;display:grid}.access-submit{min-height:60px;box-shadow:0 6px 0 var(--cobalt-dark);border-radius:18px;margin-top:.25rem;font-size:1.04rem}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:.4rem;margin:.65rem 0 0;font-size:.76rem;line-height:1.35;display:flex}.form-error,.settings-error,.storage-warning{color:var(--danger);background:var(--red-light);border:2px solid var(--coral);text-align:left;border-radius:14px;align-items:flex-start;gap:.5rem;margin:0;padding:.75rem;font-size:.85rem;line-height:1.4;display:flex}.form-error svg,.storage-warning svg{flex:none}.sticker-shelf{color:#fff;background:var(--cobalt-dark);border-radius:20px;margin-bottom:1.25rem;padding:.95rem}.sticker-shelf-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem;display:flex}.sticker-shelf-heading h2{color:#fff;letter-spacing:.1em;margin:0;font-size:.76rem}.sticker-shelf-heading button{color:#fff;cursor:pointer;background:#ffffff17;border:2px solid #ffffff73;border-radius:999px;align-items:center;gap:.15rem;min-height:36px;padding:.35rem .65rem;font-size:.75rem;display:inline-flex}.sticker-shelf-grid{grid-template-columns:repeat(6,1fr);gap:.52rem;display:grid}.sticker-badge{color:var(--cobalt-dark);border-style:solid;border-color:var(--yellow);flex:none;place-items:center;display:inline-grid}.sticker-small{border-width:2.5px;border-radius:50%;width:39px;height:39px}.sticker-small svg{width:17px;height:17px}.sticker-medium{border-width:3px;border-radius:18px;width:58px;height:58px}.sticker-large{border-width:3px;border-radius:20px;width:66px;height:66px}.sticker-large svg{width:30px;height:30px}.sticker-earned{animation:.38s cubic-bezier(.16,1,.3,1) backwards pop}.sticker-market-trader,.sticker-second-wind{color:#fff;background:var(--coral)}.sticker-early-bird,.sticker-full-drawer,.sticker-pip-finder{background:var(--yellow)}.sticker-sharp-ears,.sticker-loud-and-clear{color:#fff;background:var(--green)}.sticker-neat-pen,.sticker-collector,.sticker-pip-pro{background:var(--cobalt-light)}.sticker-night-owl,.sticker-word-keeper{color:#fff;background:var(--cobalt)}.sticker-umlaut-ace,.sticker-pip-legend{color:#fff;background:var(--coral)}.sticker-steady-hand{background:var(--yellow)}.sticker-locked{color:#ffffff52;background:0 0;border-style:dashed;border-color:#ffffff47;animation:none}.drawer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1.45rem;display:grid}.drawer-card{background:var(--paper-light);border:3px solid var(--cobalt-dark);min-width:0;box-shadow:7px 10px 0 var(--cobalt-dark);border-radius:22px;position:relative;overflow:hidden}.scene-band{min-height:104px;color:var(--cobalt);background:repeating-linear-gradient(135deg, #1747d112 0, #1747d112 8px, #dce6ffb3 8px, #dce6ffb3 16px), var(--paper-light);border-bottom:3px solid var(--cobalt-dark);place-content:center;justify-items:center;gap:.35rem;display:grid;position:relative}.scene-band:after{content:"";background:var(--coral);border:3px solid var(--cobalt-dark);border-radius:0 0 9px 9px;width:66px;height:14px;position:absolute;top:-3px;right:30px}.scene-band span{letter-spacing:.08em;text-align:center;text-transform:uppercase;max-width:22ch;font-size:.72rem;font-weight:700}.drawer-card-body{padding:1rem}.drawer-labels{color:var(--cobalt);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;font-size:.72rem;font-weight:700;display:flex}.drawer-labels span:last-child{color:var(--muted);letter-spacing:0;text-transform:none;font-weight:400}.drawer-card h2{margin:.55rem 0 .75rem;font-size:1.45rem}.drawer-progress-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-bottom:.95rem;display:grid}.drawer-progress-row>span{color:var(--muted);font-size:.73rem}.progress-beads{justify-content:flex-end;align-items:center;gap:.42rem;min-width:0;display:flex}.progress-bead{border:2px dashed var(--rule);background:0 0;border-radius:50%;flex:none;width:15px;height:15px}.progress-bead-mastered{background:var(--green);border-style:solid;border-color:var(--cobalt-dark);animation:.32s ease-out beadin}.progress-bead-current{background:var(--yellow);border-style:solid;border-color:var(--cobalt-dark);width:20px;height:20px}.progress-beads-compact{justify-content:flex-start;gap:.3rem;overflow:hidden}.progress-beads-compact .progress-bead{width:19px;height:19px}.drawer-practice{min-height:56px}.drawer-actions{justify-content:space-between;gap:1rem;margin-top:.65rem;display:flex}.add-drawer-card{min-height:320px;color:var(--cobalt-dark);border:3px dashed var(--rule);cursor:pointer;background:#fffdf794;border-radius:22px;place-content:center;justify-items:center;gap:1rem;padding:1.4rem;display:grid}.add-drawer-card .secondary-button{pointer-events:none}.empty-cabinet{text-align:center;place-items:center;gap:.75rem;padding:2.5rem 1rem;display:grid}.empty-cabinet>p{max-width:38ch;color:var(--muted)}.empty-drawer{width:132px;height:84px;color:var(--cobalt-dark);background:var(--yellow);border:3px solid var(--cobalt-dark);box-shadow:5px 7px 0 var(--cobalt-dark);border-radius:16px;justify-content:center;align-items:center;gap:.6rem;display:flex}.empty-drawer span{letter-spacing:.08em;font-size:.78rem;font-weight:700}.sticker-page{width:min(700px,100%)}.sticker-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.sticker-card{text-align:center;background:var(--paper-light);border:3px solid var(--cobalt-dark);border-radius:20px;align-content:center;place-items:center;gap:.55rem;min-width:0;min-height:172px;padding:1rem;display:grid}.sticker-card.earned{box-shadow:5px 7px 0 var(--cobalt-dark)}.sticker-card.locked{border-color:var(--rule);border-style:dashed}.sticker-card.locked .sticker-badge{color:var(--locked);border-color:var(--rule);background:#e6e1d5}.sticker-card h2,.sticker-card p{margin:0}.sticker-high-score{min-height:28px;color:var(--cobalt-dark);background:var(--yellow);border:2px solid var(--cobalt-dark);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:.25rem .55rem;font-size:.76rem;display:inline-flex}.sticker-card h2{font-size:1rem}.sticker-card p{color:var(--muted);font-size:.76rem;line-height:1.35}.sticker-private-note,.result-note,.editor-info{color:var(--muted);align-items:center;gap:.55rem;margin:1.3rem 0 0;font-size:.78rem;line-height:1.4;display:flex}.editor-form{gap:1.25rem;display:grid}.field-group label,.scene-picker legend,.word-section-heading h2{font-size:1rem}.scene-picker>p{color:var(--muted);margin:-.35rem 0 .7rem;font-size:.75rem}.scene-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.scene-option{min-width:0;min-height:80px;color:var(--locked);background:var(--paper-light);border:3px dashed var(--rule);cursor:pointer;border-radius:16px;place-items:center;gap:.25rem;margin:0;padding:.45rem .2rem;display:grid;position:relative}.scene-option span{max-width:100%;color:var(--cobalt-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.scene-option.selected{color:var(--cobalt-dark);background:var(--yellow);border-color:var(--cobalt-dark);box-shadow:0 4px 0 var(--cobalt-dark);border-style:solid}.word-section-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.word-section-heading h2{margin:0}.word-section-heading>span{color:var(--muted);font-size:.76rem}.word-rows{gap:.85rem;display:grid}.word-row{background:var(--paper-light);border:3px solid var(--cobalt-dark);min-width:0;box-shadow:4px 6px 0 var(--cobalt-dark);border-radius:18px;grid-template-columns:1fr 1fr;gap:.7rem;margin:0;padding:.85rem 3.2rem .85rem 3rem;display:grid;position:relative}.word-row legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.word-row label{min-width:0;margin:0}.word-row label span{color:var(--cobalt);letter-spacing:.08em;margin-bottom:.25rem;font-size:.68rem;display:block}.word-row input{min-height:48px;padding:.6rem .7rem;font-size:1rem}.row-number{width:27px;height:27px;color:var(--cobalt-dark);background:var(--yellow);border:2px solid var(--cobalt-dark);border-radius:50%;place-items:center;font-size:.69rem;display:grid;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.remove-row{width:38px;min-width:38px;height:38px;color:var(--danger);border-color:var(--rule);position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.add-row{width:100%;box-shadow:none;border-style:dashed}.editor-info{color:var(--cobalt-dark);background:var(--cobalt-light);border:2px solid var(--cobalt);border-radius:14px;margin-top:0;padding:.75rem}.sticky-actions{grid-template-columns:.8fr 1.2fr;gap:.7rem;display:grid}.setup-sheet{gap:1.2rem;display:grid}.choice-group{gap:.75rem;display:grid}.choice-card{min-height:96px;color:var(--ink);background:var(--paper-light);border:3px solid var(--cobalt-dark);box-shadow:0 5px 0 var(--cobalt-dark);cursor:pointer;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;margin:0;padding:.75rem;display:grid;position:relative}.choice-card.selected{background:var(--cobalt-light);border-color:var(--cobalt)}.choice-icon{width:50px;height:50px;color:var(--cobalt-dark);background:var(--yellow);border:3px solid var(--cobalt-dark);border-radius:50%;place-items:center;display:grid}.choice-icon-test{color:#fff;background:var(--coral)}.choice-card strong,.choice-card small{display:block}.choice-card small{color:var(--muted);margin-top:.15rem;font-size:.78rem;font-weight:400;line-height:1.3}.choice-check,.line-choice>svg{color:var(--cobalt);opacity:0}.selected .choice-check,.line-choice.selected>svg{opacity:1}.direction-group{flex-wrap:wrap;display:flex}.line-choice{min-height:48px;color:var(--cobalt-dark);background:var(--paper-light);border:3px solid var(--rule);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.55rem .8rem;display:flex;position:relative}.line-choice.selected{background:var(--yellow);border-color:var(--cobalt-dark)}.line-choice span{min-width:0}.line-choice strong{font-size:.83rem}.line-choice small{display:none}.pip{--pip-size:44px;width:var(--pip-size);height:var(--pip-size);transform-origin:50% 70%;flex:none;animation:3.4s ease-in-out infinite pipbob;display:block;position:relative}.pip-face,.pip-ear,.pip-eye,.pip-beak{display:block;position:absolute}.pip-face{background:var(--pip-color);border:max(2.5px, calc(var(--pip-size) * .045)) solid var(--cobalt-dark);border-radius:50%;inset:5%}.pip-ear{background:var(--pip-color);border:max(2.5px, calc(var(--pip-size) * .045)) solid var(--cobalt-dark);border-radius:50%;width:32%;height:32%;top:-5%}.pip-ear-left{left:10%}.pip-ear-right{right:10%}.pip-eye{background:var(--cobalt-dark);border-radius:50%;width:14%;height:14%;top:39%}.pip-eye-left{left:29%}.pip-eye-right{right:29%}.pip-beak{background:var(--coral);border:max(1.5px, calc(var(--pip-size) * .025)) solid var(--cobalt-dark);width:18%;height:18%;top:61%;left:43%;transform:rotate(45deg)}.pip-speaking{animation:none}.pip-speaking .pip-beak{transform-origin:50%;animation:.44s ease-in-out infinite pipmouth}.pip-listening{animation:none}.pip-listening .pip-ear{transform-origin:50% 100%;animation:.65s ease-in-out infinite pipear}.pip-listening .pip-eye{width:17%;height:17%}.pip-thinking{animation:1.3s ease-in-out infinite pipthink}.pip-thinking .pip-eye{border-radius:3px;height:7%}.pip-cheering{animation:.9s ease-out pipcheer}.pip-cheering .pip-eye{border-top:max(2px, calc(var(--pip-size) * .04)) solid var(--cobalt-dark);background:0 0;border-radius:50%;height:8%}.pip-interactive{-webkit-user-select:none;user-select:none}.pip-interactive .pip-ear{--pip-ear-x:0px;--pip-ear-y:0px;--pip-ear-stretch:1;--pip-ear-squash:1;--pip-ear-tilt:0deg;transform:translate3d(var(--pip-ear-x), var(--pip-ear-y), 0) rotate(var(--pip-ear-tilt)) scale(var(--pip-ear-squash), var(--pip-ear-stretch));transform-origin:50% 100%;touch-action:none}.pip-interactive .pip-ear:after{inset:calc(var(--pip-size) * -.08);content:"";border-radius:50%;position:absolute}.pip-interactive .pip-ear-dragging{cursor:grabbing;will-change:transform;transition:none}.pip-interactive .pip-ear-releasing{cursor:grab;will-change:transform;transition:transform .52s cubic-bezier(.2,1.55,.35,1)}@media (hover:hover){.pip-interactive .pip-ear-resting{cursor:grab}}.pip-strip{color:var(--cobalt-dark);background:var(--paper);border:3px solid var(--rule);border-radius:18px;align-items:center;gap:.75rem;margin-top:1rem;padding:.7rem .8rem;display:flex}.pip-strip-blue{background:var(--cobalt-light);border-color:var(--cobalt)}.pip-strip p{margin:0;font-size:.85rem;line-height:1.4}.practice-page{flex:1}.practice-topbar{justify-content:space-between;align-items:center;gap:.75rem;min-height:48px;margin-bottom:1rem;display:flex}.practice-topbar .back-button{flex:none;margin:0}.practice-topbar .progress-beads{overflow:hidden}.practice-specimen{background:var(--paper-light);border:3px solid var(--cobalt-dark);box-shadow:7px 10px 0 var(--cobalt-dark);border-radius:22px;padding:1rem;position:relative}.practice-specimen:before{width:72px;height:15px;right:32px}.specimen-meta{color:var(--cobalt);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.75rem;margin:.2rem 0 .9rem;font-size:.72rem;font-weight:700;display:flex}.listen-step{gap:.85rem;display:grid}.audio-cue{min-height:196px;color:var(--cobalt-dark);background:var(--cobalt-light);border:3px solid var(--cobalt);text-align:center;border-radius:18px;place-content:center;justify-items:center;gap:.75rem;padding:1rem;display:grid}.audio-cue-icon{color:#fff;background:var(--cobalt);border:3px solid var(--cobalt-dark);border-radius:50%;place-items:center;width:76px;height:76px;animation:3.4s ease-in-out infinite pipbob;display:grid}.practice-state-pip{margin-block:.1rem}.audio-cue strong,.audio-cue small{display:block}.audio-cue strong{font-size:1.28rem;line-height:1.1}.audio-cue small{max-width:34ch;color:var(--cobalt-dark);font-size:.82rem;line-height:1.4}.practice-actions{gap:.75rem;display:grid}.listen-button{background:var(--yellow);min-height:58px}.record-button{color:#fff;background:var(--coral);border:3px solid var(--cobalt-dark);min-height:82px;box-shadow:0 6px 0 var(--cobalt-dark);text-align:left;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);justify-content:start;column-gap:.7rem;padding:.7rem;display:grid}.record-button>span:not(.record-icon),.record-button>small{grid-column:2}.record-icon{background:#ffffff2e;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;width:44px;height:44px;display:grid}.record-button small{color:#ffffffe0;font-size:.76rem;font-weight:400}.skip-button{justify-self:center}.processing-state,.recording-state{min-height:210px;color:var(--cobalt-dark);background:var(--cobalt-light);border:3px solid var(--cobalt);text-align:center;border-radius:18px;place-content:center;justify-items:center;gap:.75rem;padding:1.2rem;display:grid}.processing-state small,.recording-state small{color:inherit;font-size:.8rem}.listening-state .audio-cue-icon{width:70px;height:70px}.recording-state{color:#fff;background:var(--cobalt);border-color:var(--cobalt-dark);min-height:210px}.recording-state>strong{font-size:1.24rem}.recording-indicator{align-items:center;gap:.35rem;height:40px;display:flex}.recording-indicator span{background:var(--yellow);border-radius:999px;width:6px;height:16px;animation:.64s ease-in-out infinite alternate soundbar}.recording-indicator span:nth-child(2),.recording-indicator span:nth-child(4){animation-delay:.16s}.recording-indicator span:nth-child(3){animation-delay:.32s}.stop-button{min-height:52px;color:var(--cobalt-dark);background:var(--yellow);border:3px solid var(--cobalt-dark);box-shadow:0 5px 0 var(--cobalt-dark)}.spinner{border:4px solid #10245433;border-top-color:var(--cobalt);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;display:inline-block}.spinner.cobalt{border-top-color:var(--cobalt)}.feedback-panel,.speech-feedback,.spelling-result{border:3px solid;border-radius:18px;align-items:flex-start;gap:.75rem;padding:.8rem;display:flex}.feedback-panel p,.speech-feedback p,.spelling-result p{margin:.2rem 0 0;font-size:.84rem;line-height:1.4}.feedback-icon{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.error-panel{color:var(--danger);background:var(--red-light);border-color:var(--coral);grid-template-columns:auto minmax(0,1fr);display:grid}.error-panel .feedback-icon{color:#fff;background:var(--coral)}.error-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.speech-retry-step,.spelling-step,.reveal-step{gap:.85rem;display:grid}.speech-feedback{color:var(--warning);background:var(--warning-light);border-color:var(--warning-border)}.speech-feedback-copy{overflow-wrap:anywhere;gap:.15rem;min-width:0;display:grid}.speech-feedback-copy small{font-size:.84rem;line-height:1.4}.speech-feedback .feedback-icon{background:var(--yellow);border:2px solid var(--cobalt-dark)}.speech-feedback.outcome-correct{color:var(--green-dark);background:var(--green-light);border-color:var(--green)}.speech-feedback.outcome-correct .feedback-icon{color:#fff;background:var(--green);border-color:var(--green)}.speech-feedback.outcome-skipped{color:var(--cobalt-dark);background:var(--cobalt-light);border-color:var(--cobalt)}.soft-score{color:var(--warning);background:var(--paper);border:2px solid var(--rule);border-radius:14px;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.73rem;display:grid}.soft-score>span{letter-spacing:.08em;font-weight:700}.soft-score-track{background:var(--paper-light);border:2px solid var(--warning-border);border-radius:999px;height:12px;overflow:hidden}.soft-score-track span{background:var(--yellow);transform-origin:0;width:100%;height:100%;display:block}.spelling-step h2{margin:.35rem 0 0;font-size:1.2rem}.spelling-step form,.spelling-fields{gap:.95rem;display:grid}.spelling-fields legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.spelling-field{gap:.45rem;display:grid}.spelling-field-heading label{margin:0}.spelling-field-heading small{color:var(--muted);margin-top:.12rem;font-size:.78rem;font-weight:400;display:block}.spelling-input-shell{position:relative}.spelling-input-shell input{min-height:64px;font-size:1.25rem}.spelling-input-shell.has-handwriting-action input{padding-right:4.25rem}.spelling-input-wrong{animation:.38s ease-out shake}.spelling-input-wrong input{border-color:var(--warning-border);background:#fff9e3}.spelling-handwriting-trigger{width:48px;height:48px;color:var(--cobalt-dark);background:var(--yellow);border:3px solid var(--cobalt-dark);box-shadow:0 3px 0 var(--cobalt-dark);cursor:pointer;border-radius:14px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.spelling-step input[readonly]{color:var(--green-dark);background:var(--green-light);border-color:var(--green)}.spelling-actions{gap:.65rem;display:grid}.spelling-result{color:var(--danger);background:var(--red-light);border-color:var(--coral)}.result-correct{color:var(--green-dark);background:var(--green-light);border-color:var(--green)}.result-minor-typo{color:var(--warning);background:var(--warning-light);border-color:var(--warning-border)}.handwriting-dialog{width:min(620px, calc(100% - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - max(2rem, env(safe-area-inset-top)) - max(2rem, env(safe-area-inset-bottom)));color:var(--ink);background:var(--paper);border:3px solid var(--cobalt-dark);border-radius:22px;margin:auto;padding:0;animation:.28s cubic-bezier(.16,1,.3,1) rise;overflow:auto;box-shadow:9px 13px #0a1735}.handwriting-dialog::backdrop{background:#102454bd;animation:.18s ease-out fadein}.handwriting-dialog-header{color:#fff;background:var(--cobalt);border-bottom:5px solid var(--cobalt-dark);justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:.6rem .75rem .6rem 1rem;display:flex}.handwriting-dialog-header h3{color:#fff;margin:0;font-size:1.08rem}.handwriting-dialog-close{color:#fff;background:#ffffff14;border-width:2px;border-color:#ffffff80}.handwriting-panel{gap:.85rem;min-width:0;padding:.85rem;display:grid}.handwriting-instruction{align-items:center;gap:.7rem;min-width:0;display:flex}.handwriting-instruction>div{min-width:0}.handwriting-instruction strong,.handwriting-instruction small{display:block}.handwriting-instruction strong{font-size:.88rem}.handwriting-instruction small{color:var(--muted);margin-top:.2rem;font-size:.7rem;line-height:1.4}.handwriting-canvas-frame{background:var(--paper-light);border:3px solid var(--cobalt);border-radius:18px;min-width:0;height:clamp(200px,36dvh,250px);position:relative;overflow:hidden}.handwriting-canvas-frame:after{content:"";border-top:2px dashed var(--cobalt-light);pointer-events:none;position:absolute;bottom:33%;left:0;right:0}.handwriting-canvas-frame canvas{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:relative}.handwriting-canvas-frame>span{color:var(--disabled);pointer-events:none;font-size:.85rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.handwriting-actions{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:.65rem;min-width:0;display:grid}.handwriting-actions button{min-width:0}.handwriting-status,.recognition-review{border:2px solid;border-radius:14px;align-items:flex-start;gap:.55rem;padding:.7rem;font-size:.8rem;line-height:1.4;display:flex}.handwriting-status-info,.recognition-review-info{color:var(--cobalt-dark);background:var(--cobalt-light);border-color:var(--cobalt)}.handwriting-status-warning,.recognition-review-warning{color:var(--warning);background:var(--warning-light);border-color:var(--warning-border)}.handwriting-status-error,.recognition-review-error{color:var(--danger);background:var(--red-light);border-color:var(--coral)}.handwriting-status-content{flex:1;min-width:0}.handwriting-candidate{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;margin-top:.65rem;display:grid}.handwriting-candidate small,.handwriting-candidate strong{display:block}.handwriting-candidate strong{margin-top:.15rem;font-size:1.1rem}.parked-step,.celebration-step{text-align:center;justify-items:center;padding-top:1.1rem;position:relative}.reward-stamp,.parked-badge{width:96px;height:96px;color:var(--cobalt-dark);background:var(--yellow);border:4px solid var(--cobalt-dark);box-shadow:5px 8px 0 var(--cobalt-dark);border-radius:26px;place-items:center;animation:.68s cubic-bezier(.22,1,.36,1) stampdrop;display:grid;transform:rotate(-4deg)}.parked-badge{background:var(--cobalt-light);border-radius:24px;width:82px;height:82px;animation:.38s ease-out pop}.celebration-title,.parked-step h2{margin:.25rem 0 0;font-size:1.75rem;animation:.3s ease-out .18s backwards rise}.reveal-detail{color:var(--muted);margin:0;font-size:.88rem;animation:.3s ease-out .28s backwards rise}.answer-ledger{background:var(--paper);border:3px solid var(--cobalt-dark);text-align:left;border-radius:18px;width:100%;overflow:hidden}.answer-ledger div{border-bottom:2px solid var(--rule);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:.75rem;min-height:64px;padding:.65rem .85rem;display:grid}.answer-ledger div:last-child{border-bottom:0}.answer-ledger span{color:var(--cobalt);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.answer-ledger strong{font-size:1.25rem}.reveal-actions{grid-template-columns:.8fr 1.2fr;gap:.7rem;width:100%;display:grid}.confetti{z-index:5;pointer-events:none;width:1px;height:1px;position:absolute;top:38%;left:50%}.confetti span{width:calc(7px + (var(--confetti-index) % 9) * 1px);height:calc(7px + (var(--confetti-index) % 9) * 1px);background:var(--coral);border:1.5px solid var(--cobalt-dark);animation:confetti-burst .9s cubic-bezier(.15, .8, .3, 1) calc(var(--confetti-index) * 6ms) both;border-radius:2px;position:absolute}.confetti span:nth-child(4n+2){background:var(--yellow);border-radius:50%}.confetti span:nth-child(4n+3){background:var(--cobalt)}.confetti span:nth-child(4n){background:var(--green);border-radius:50%}.results-page{text-align:center;justify-items:center;display:grid}.results-pip{margin:2.25rem 0 .8rem}.performance-summary,.new-sticker-card{text-align:left;background:var(--paper-light);border:3px solid var(--cobalt-dark);width:100%;box-shadow:5px 7px 0 var(--cobalt-dark);border-radius:20px;margin-top:1.25rem;padding:1rem}.performance-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.performance-heading h2,.performance-heading p{margin-bottom:.25rem}.performance-heading p{color:var(--muted);font-size:.8rem;line-height:1.35}.performance-score{color:var(--green);letter-spacing:-.04em;font-size:2.9rem;line-height:.9}.performance-track{background:var(--paper);border:3px solid var(--cobalt-dark);border-radius:999px;height:20px;margin:.9rem 0;overflow:hidden}.performance-track span{background:var(--green);transform-origin:0;width:100%;height:100%;display:block}.performance-key{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.performance-key span{min-height:58px;color:var(--muted);border:2px solid var(--rule);text-align:center;border-radius:14px;place-items:center;padding:.45rem;font-size:.73rem;display:grid}.performance-key b{color:var(--cobalt-dark);font-size:1.15rem;display:block}.new-sticker-card{color:#fff;background:var(--cobalt-dark);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.new-sticker-card>div:first-child{justify-items:center;gap:.5rem;display:grid}.new-sticker-label{color:#fff;letter-spacing:.1em;font-size:.68rem;font-weight:700}.new-sticker-card h2,.new-sticker-card p{color:#fff;margin-bottom:.25rem}.new-sticker-card p,.new-sticker-card small{color:#fffc;font-size:.78rem;line-height:1.35}.word-results{text-align:left;width:100%;margin-top:1.5rem}.word-result-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.word-result-list li{background:var(--paper-light);border:3px solid var(--cobalt-dark);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:grid}.word-result-number{color:#fff;background:var(--green);border:2px solid var(--cobalt-dark);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.72rem;display:grid}.word-result-pair strong,.word-result-pair small,.word-result-status strong,.word-result-status small{display:block}.word-result-pair small,.word-result-status small{color:var(--muted);font-size:.75rem}.word-result-status{border:2px solid;border-radius:999px;align-items:center;gap:.4rem;min-width:104px;padding:.45rem .6rem;font-size:.73rem;display:flex}.status-first-try{color:var(--green-dark);background:var(--green-light);border-color:var(--green)}.status-retried,.status-skipped{color:var(--warning);background:var(--warning-light);border-color:var(--warning-border)}.result-note{justify-content:center}.results-actions{grid-template-columns:.8fr 1.2fr;gap:.7rem;width:100%;margin-top:1.2rem;display:grid}.loading-main{color:var(--cobalt-dark);flex:1;place-content:center;justify-items:center;gap:.8rem;display:grid}footer{min-height:54px;padding:.75rem max(1rem, env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.55rem;margin-top:auto;font-size:.75rem;display:flex}@keyframes soundbar{to{height:34px}}@keyframes pipbob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes pipear{0%,to{transform:translateY(1px)scale(.88)}50%{transform:translateY(-4px)scale(1.2)}}@keyframes pipmouth{0%,to{transform:rotate(45deg)scale(.78,.55)}50%{transform:rotate(45deg)scale(1.16,1.3)}}@keyframes pipthink{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes pipcheer{0%{transform:scale(1)}30%{transform:scale(1.16)rotate(-8deg)}60%{transform:scale(1.08)rotate(7deg)}to{transform:scale(1)}}@keyframes pip-counter-arrival{0%{opacity:0;transform:scale(.72)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pip-counter-countdown{0%{clip-path:inset(0)}to{clip-path:inset(100% 0 0)}}@keyframes pip-star-burst{0%{opacity:0;transform:translate(0)scale(.25)rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(var(--pip-star-x), var(--pip-star-y)) scale(.9) rotate(170deg)}}@keyframes stampdrop{0%{opacity:0;transform:scale(2.6)rotate(24deg)}55%{opacity:1;transform:scale(.92)rotate(-6deg)}75%{transform:scale(1.06)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-3px)}30%,70%{transform:translate(5px)}50%{transform:translate(-5px)}}@keyframes beadin{0%{transform:scale(.2)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--confetti-x), var(--confetti-y)) rotate(var(--confetti-rotation))}}@media (width>=640px){.cabinet-header{padding-right:max(2rem, env(safe-area-inset-right));padding-left:max(2rem, env(safe-area-inset-left))}.voice-setting-row{grid-template-columns:minmax(140px,.6fr) minmax(0,1.4fr);align-items:center}.choice-group:not(.direction-group){grid-template-columns:1fr 1fr}.choice-group:not(.direction-group) legend{grid-column:1/-1}.practice-specimen{padding:1.2rem}.practice-actions.ready-to-speak{grid-template-columns:.76fr 1.24fr}.practice-actions.ready-to-speak .skip-button{grid-column:1/-1}.spelling-actions{grid-template-columns:1.25fr .75fr}}@media (width<=639px){.header-logout{display:none}}@media (width<=520px){.creator-info-inner{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem}.creator-info-mark{width:78px;height:78px}.creator-info-copy{grid-column:1/-1}.creator-info-close{grid-area:1/2;justify-self:end}.creator-info-link{width:100%}.page-heading{align-items:start}.language-options{grid-template-columns:1fr 1fr}.language-option{grid-template-columns:auto minmax(0,1fr)}.language-check{display:none}.companion-setting{flex-direction:column;align-items:flex-start}.install-setting{grid-template-columns:1fr}.install-app-button,.companion-actions,.companion-toggle,.companion-reset{width:100%}.sticker-shelf-grid{gap:.38rem}.sticker-small{width:min(38px,9.5vw);height:min(38px,9.5vw)}.word-row{grid-template-columns:1fr}.scene-picker-grid{gap:.42rem}.scene-option{min-height:72px}.scene-option span{font-size:.64rem}.practice-page{padding-top:1rem}.progress-beads{gap:.28rem}.progress-bead{width:13px;height:13px}.progress-bead-current{width:18px;height:18px}.error-actions,.reveal-actions,.results-actions{grid-template-columns:1fr}.handwriting-dialog{width:calc(100% - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom)))}.handwriting-candidate{grid-template-columns:1fr}.word-result-list li{grid-template-columns:auto minmax(0,1fr)}.word-result-status{grid-column:2;justify-self:start;min-width:0}}@media (width<=360px){.handwriting-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}