.device-blocker{display:none}.account-content{width:100%;max-width:400px}.install-guide{border-top:1px solid var(--color-border);margin-top:28px;padding-top:20px;font-size:13px;line-height:1.6}.install-guide summary{cursor:pointer;margin-left:16px;list-style-position:outside}.install-guide summary:focus-visible{outline:2px solid var(--color-charcoal);outline-offset:5px}.install-guide p{color:var(--color-muted);margin:16px 0 0}.device-blocker{text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:48px 24px}.device-mark{color:var(--color-orange);font:400 100px/1 var(--font-display);margin-bottom:40px}.device-blocker h1{max-width:660px;margin:24px 0;font-size:clamp(28px,4vw,44px)}.device-blocker p{max-width:470px;color:var(--color-muted);margin:0 0 30px;font-size:15px;line-height:1.7}.device-blocker a{text-underline-offset:5px;padding:12px 0}.little-device-stage{height:var(--little-height,100dvh);padding:var(--phone-stage-padding,0px);background:var(--phone-stage-background,var(--color-cream));place-items:center;display:grid;position:relative}.little-desktop-note{display:var(--phone-note-display,none);color:var(--color-muted);text-align:center;margin:0;font-size:14px;line-height:1.5;position:absolute;bottom:24px;left:24px;right:24px}body[data-app=little] .device-content{width:var(--phone-frame-width,100%);height:var(--phone-frame-height,100%);border:var(--phone-frame-border,0px) solid #000;border-radius:var(--phone-frame-radius,0px);background:var(--color-cream);zoom:var(--phone-frame-scale,1);overflow:hidden;container:little-viewport/size}@media (width>=1024px){.little-device-stage{--phone-stage-padding:24px;--phone-frame-width:414px;--phone-frame-height:min(868px, calc(var(--little-height,100dvh) - 48px));--phone-frame-border:12px;--phone-frame-radius:36px;--phone-frame-scale:.7;--phone-stage-background:#fff;--phone-note-display:block}}@media (any-pointer:coarse) and (width<=1440px){.little-device-stage{--phone-stage-padding:0px;--phone-frame-width:100%;--phone-frame-height:100%;--phone-frame-border:0px;--phone-frame-radius:0px;--phone-frame-scale:1;--phone-stage-background:var(--color-cream);--phone-note-display:none}}@media (width<=1023px),(any-hover:none),(any-pointer:none){body[data-app=big] .device-content{display:none}body[data-app=big] .device-blocker{display:grid}}body[data-app=little] .page{max-width:760px;padding:0 16px}body[data-app=little] .site-header{min-height:86px}body[data-app=little] .main-layout{grid-template-columns:1fr;min-height:auto}body[data-app=little] .welcome{border-right:0;border-bottom:1px solid var(--color-charcoal);padding:24px}body[data-app=little] .welcome .eyebrow{align-self:center;font-size:10px}body[data-app=little] .wordmark{padding:32px 0;font-size:clamp(100px,27vw,180px)}body[data-app=little] h1{margin-bottom:12px;font-size:28px}body[data-app=little] .welcome-copy p{font-size:13px}body[data-app=little] .welcome-note{display:none}body[data-app=little] .auth-panel{padding:32px 24px}@font-face{font-family:Alien Block;src:url(/fonts/alien-block.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist Pixel;src:url(/fonts/geist-pixel.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--font-display:"Alien Block", sans-serif;--font-body:"Geist Pixel", monospace;--color-background:var(--color-cream);--color-text:var(--color-charcoal);--color-muted:var(--color-stone);--color-border:var(--color-gray);--color-accent:var(--color-orange);font-family:var(--font-body);color:var(--color-text);background:var(--color-background);font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}:where(body[data-app]) :where(button,a,summary,input,select,textarea){color:inherit;-webkit-tap-highlight-color:transparent}:where(body[data-app]) :where(button){appearance:none}a{color:inherit}button,a,input{outline-offset:5px}:focus-visible{outline:2px solid var(--color-charcoal)}button{cursor:pointer}button:disabled{cursor:not-allowed}.page{flex-direction:column;max-width:1800px;min-height:100svh;margin:auto;padding:0 40px;display:flex}.site-header{justify-content:space-between;align-items:center;min-height:112px;display:flex}.brand{align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-symbol{font:400 60px/.8 var(--font-display)}.brand-caption{font-size:14px;line-height:1.15}.app-label{align-items:center;gap:10px;font-size:14px;display:flex}.app-indicator{background:var(--color-orange);width:8px;height:8px}.main-layout{border:1px solid var(--color-charcoal);flex:1;grid-template-columns:1fr 1fr;min-height:660px;display:grid}.welcome{background:var(--color-orange);text-align:center;border-right:1px solid var(--color-charcoal);flex-direction:column;align-items:center;padding:40px;display:flex;overflow:hidden}.eyebrow{letter-spacing:1.5px;font-size:12px;line-height:1.5}.welcome .eyebrow{align-self:flex-start}.wordmark{font:400 clamp(96px, 11.5vw, 206px)/1 var(--font-display);color:var(--color-cream);letter-spacing:0;margin:auto 0;padding:50px 0 36px}h1{letter-spacing:-1.5px;margin:0 0 18px;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.2}.welcome-copy p{max-width:320px;margin:0;font-size:16px;line-height:1.6}.welcome-note{margin-top:60px;font-size:12px;line-height:1.5}.auth-panel{justify-content:center;align-items:center;min-width:0;padding:56px 30px;display:flex}.setup-card,.account-card{width:100%;max-width:400px}h2{font:400 28px/1.3 var(--font-body);letter-spacing:-1px;margin:24px 0 12px}.setup-card>p,.account-card>p{color:var(--color-muted);margin-top:0;font-size:15px;line-height:1.7}.card-icon{color:var(--color-orange);font-size:32px;display:inline-block}.login-preview{flex-direction:column;gap:18px;margin-top:28px;display:flex}.login-preview button{border:1px solid var(--color-border);min-height:48px;color:var(--color-muted);background:0 0;border-radius:4px}.login-preview>span{text-align:center;color:var(--color-muted);font-size:13px}.login-preview label,.device-label{color:var(--color-text);flex-direction:column;gap:9px;font-size:14px;display:flex}.login-preview input,.device-label input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:0 0;border-radius:4px;padding:14px}.login-preview .primary{color:var(--color-cream);background:var(--color-charcoal);opacity:.6}.setup-card .quiet{color:var(--color-muted);margin:24px 0 0;font-size:12px}.account-top{justify-content:space-between;align-items:center;display:flex}.device-label{margin-top:28px}.account-card .save-status{margin:12px 0 28px;font-size:12px}.local-note{border-top:1px solid var(--color-border);color:var(--color-muted);padding-top:20px;font-size:13px;line-height:1.6}.clerk-box,.clerk-card{width:100%;max-width:100%}.clerk-box{max-width:400px}.clerk-card{box-shadow:none;border:0;border-radius:0;overflow:visible}.auth-card{box-shadow:none;background:0 0;border:0;padding:16px 0 24px}.auth-title{font:400 26px/1.3 var(--font-body);letter-spacing:-1px}.auth-social-button{min-height:48px;box-shadow:none}.auth-primary-button{min-height:48px;box-shadow:none;text-transform:none;background-image:none}.auth-primary-button:before,.auth-primary-button:after{display:none}.auth-primary-button:hover{background:var(--color-stone)}.auth-footer{border-top:1px solid var(--color-border);background:0 0;border-radius:0}.site-footer{min-height:76px;color:var(--color-muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.footer-dot{color:var(--color-gray);padding:0 7px}.device-status{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.status-dot{background:var(--color-charcoal);width:6px;height:6px}.status-dot.offline{background:var(--color-orange)}.device-status button{color:var(--color-text);background:0 0;border:0;font-size:12px;text-decoration:underline}.not-found{padding:12vw 8vw}::selection{background:var(--color-charcoal);color:var(--color-cream)}@media (width>=1500px){.page{padding:0 64px}.main-layout{min-height:740px}}@media (width<=900px){.page{padding:0 24px}.welcome{padding:30px 24px}.auth-panel{padding:40px 24px}.welcome-copy p{font-size:14px}}@media (width<=700px){.page{padding:0 16px}.site-header{min-height:86px}.brand-symbol{font-size:48px}.brand-caption{font-size:12px}.main-layout{grid-template-columns:1fr;min-height:auto}.welcome{border-right:0;border-bottom:1px solid var(--color-charcoal);padding:24px}.welcome .eyebrow{align-self:center;font-size:10px}.wordmark{padding:32px 0;font-size:clamp(100px,27vw,180px)}h1{margin-bottom:12px;font-size:28px}.welcome-copy p{font-size:13px}.welcome-note{display:none}.auth-panel{padding:32px 24px}.auth-title{font-size:24px}.site-footer{align-items:flex-start;gap:12px;min-height:80px;padding:20px 0;font-size:10px}.device-status{justify-content:flex-end;font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}body{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.page,.device-blocker{min-height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.main-layout:has(.pair-qr-panel){grid-template-columns:minmax(340px,.9fr) minmax(420px,1.1fr);min-height:640px}.pair-qr-panel{background:var(--color-orange);border-right:1px solid var(--color-charcoal);flex-direction:column;justify-content:space-between;gap:28px;padding:32px;display:flex}.pair-qr-content{text-align:center}.pair-qr-content h1{margin:0 0 10px}.pair-qr-content>p{font-size:14px;line-height:1.6}.qr-frame{aspect-ratio:1;background:var(--color-cream);place-items:center;width:min(100%,300px);margin:28px auto 20px;display:grid}.qr-frame img{width:100%;height:auto;display:block}.qr-caption{max-width:330px;margin:0 auto 8px}.pair-fallback{border-top:1px solid var(--color-charcoal);padding-top:18px;font-size:12px}.pair-fallback summary{cursor:pointer;line-height:1.6}.pair-fallback label{margin-top:18px;display:block}.pair-fallback input{margin-top:8px}.pair-fallback p{line-height:1.6}.pair-fallback button{background:var(--color-charcoal);color:var(--color-cream);border:0;margin-top:10px;padding:12px 18px}.big-pairing,.little-pairing{width:100%;max-width:440px}.big-pairing>p,.little-pairing>p{font-size:14px;line-height:1.7}.pair-status{align-items:center;gap:10px;margin:26px 0;font-size:13px;line-height:1.6;display:flex}.connection-dot{background:var(--color-gray);flex-shrink:0;width:8px;height:8px;display:block}.connection-dot.connected{background:var(--color-orange)}.pair-primary,.pair-disconnect,.pair-manual button{background:var(--color-charcoal);width:100%;min-height:50px;color:var(--color-cream);border:1px solid var(--color-charcoal);padding:14px 16px;font-size:14px}.pair-primary:disabled,.pair-manual button:disabled{opacity:.4}.pair-note{line-height:1.6;font-size:12px!important}.pair-error{border-left:3px solid var(--color-orange);padding-left:14px;font-size:13px;line-height:1.6}.pair-text{border:0;border-bottom:1px solid var(--color-charcoal);background:0 0;margin:12px 0;padding:10px 0 4px;font-size:12px}.pair-disconnect{color:var(--color-charcoal);background:0 0;margin-top:22px}.event-inbox{border-top:1px solid var(--color-gray);margin-top:28px;padding-top:20px}.event-inbox p{color:var(--color-stone);font-size:13px}.event-inbox ol{padding:0;list-style:none}.event-inbox li{border-bottom:1px solid var(--color-gray);justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;line-height:1.5;display:flex}.event-inbox time{white-space:nowrap;color:var(--color-stone)}.pair-manual{border-top:1px solid var(--color-gray);flex-direction:column;gap:12px;margin-top:30px;padding-top:24px;font-size:13px;display:flex}.pair-manual input,.pair-fallback input{border:1px solid var(--color-charcoal);width:100%;min-width:0;color:var(--color-charcoal);background:var(--color-cream);border-radius:0;padding:14px 12px;font-size:16px}.pair-manual button{color:var(--color-charcoal);background:0 0}.pair-scanner video{aspect-ratio:1;object-fit:cover;background:var(--color-charcoal);width:100%}.pair-scanner button{border:1px solid var(--color-charcoal);background:0 0;width:100%;min-height:48px}.account-top>.clerk-box{width:auto}.account-top>.eyebrow{white-space:nowrap}body[data-app=little]{overscroll-behavior:none;height:100%;overflow:hidden}html:has(body[data-app=little]){overscroll-behavior:none;height:100%;overflow:hidden}body[data-app=little] .page{height:calc(var(--little-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-width:760px;min-height:0;padding:0 16px}body[data-app=little] .site-header{flex-shrink:0;min-height:64px}body[data-app=little] .brand-symbol{font-size:38px}body[data-app=little] .brand-caption{font-size:11px}body[data-app=little] .main-layout{grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}body[data-app=little] .welcome{display:none}body[data-app=little] .main-layout .auth-panel{align-items:center;min-height:0;padding:20px}body[data-app=little] .account-content{width:100%;min-height:0;max-height:100%}body[data-app=little] .main-layout:has(.little-pairing) .account-content{height:100%}body[data-app=little] .site-footer{flex-shrink:0;align-items:center;min-height:36px;padding:8px 0;font-size:10px}body[data-app=little] .auth-card{gap:20px;padding:8px 0 16px}body[data-app=little] .auth-title{font-size:23px}.little-pairing{flex-direction:column;height:100%;min-height:0;margin:auto;display:flex}.little-pairing h2{margin:18px 0 0;font-size:24px}.little-pairing .pair-status{flex-shrink:0;margin:12px 0 18px}.little-pairing .pair-error{margin:0 0 12px}.little-pairing .pair-disconnect{flex-shrink:0;min-height:44px;margin-top:8px;padding:10px;font-size:12px}.answer-controls{flex-direction:column;flex:1;min-height:0;display:flex}.answer-buttons{flex:1;grid-template-rows:1fr 1fr;gap:14px;min-height:0;display:grid}.answer-buttons button{border:1px solid var(--color-charcoal);touch-action:manipulation;min-height:48px;font-size:clamp(40px,12vw,72px)}.answer-buttons button:active{transform:scale(.98)}.answer-buttons button:disabled{opacity:.4}.answer-yes{background:var(--color-orange);color:var(--color-charcoal)}.answer-no{background:var(--color-charcoal);color:var(--color-cream)}.answer-feedback{text-align:center;min-height:20px;margin:10px 0 0}.pair-entry{flex-direction:column;flex:1;justify-content:center;gap:24px;min-height:0;display:flex}.manual-pair{font-size:12px}.manual-pair summary{cursor:pointer;padding:12px 0}.manual-pair .pair-manual{gap:10px;margin:0;padding-top:12px}.pair-scanner{flex-direction:column;height:100%;min-height:0;display:flex}.pair-scanner video{aspect-ratio:auto;flex:1;min-height:0}.pair-scanner button{flex-shrink:0}@media (height<=600px){body[data-app=little] .site-header{min-height:44px}body[data-app=little] .brand-symbol{font-size:28px}body[data-app=little] .site-footer{min-height:28px;padding:4px 0}body[data-app=little] .main-layout .auth-panel{padding:12px 16px}.little-pairing h2,.little-pairing .pair-intro{display:none}.little-pairing .pair-status{margin:8px 0;font-size:11px}.little-pairing .account-top{min-height:28px}.pair-entry,.answer-buttons{gap:8px}}@media (height<=500px){.little-pairing:has(.pair-manual input:focus) .pair-entry>.pair-primary{display:none}.little-pairing:has(.pair-manual input:focus) .manual-pair>summary{display:none}}@media (height<=600px){body[data-app=little] .auth-card{gap:16px;padding:4px 0 8px}}.wake-status{color:var(--color-stone);flex-shrink:0;margin:-8px 0 12px;font-size:10px!important;line-height:1.4!important}@media (height<=500px){.wake-status{display:none}}.phonics-screen{min-height:100svh;color:var(--color-charcoal);background:var(--color-cream);flex-direction:column;padding:24px 48px;display:flex}.phonics-question{color:var(--color-cream);background:var(--color-orange)}.phonics-header,.phonics-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;display:flex}.phonics-brand{font:400 52px/1 var(--font-display);text-decoration:none}.phonics-playback{background:var(--color-cream);color:var(--color-charcoal);border:1px solid;flex-shrink:0;min-height:44px;margin-bottom:12px;padding:10px}.phonics-playback:disabled{opacity:.4}html.cursor-idle,html.cursor-idle *{cursor:none!important}.phonics-screen :focus-visible{outline-color:currentColor}.phonics-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.phonics-mode{letter-spacing:-1px;margin:0;font-size:clamp(24px,3vw,42px)}.phonics-word{font:400 clamp(120px, 19vw, 280px)/1.1 var(--font-body);letter-spacing:-.06em;margin:28px 0}.phonics-reference{margin:0;font-size:clamp(16px,1.6vw,22px)}.phonics-reference strong{text-underline-offset:7px;font-weight:400;text-decoration:underline}.phonics-instruction{min-height:24px;margin:32px 0 0;font-size:16px;line-height:1.5}.phonics-footer{border-top:1px solid;padding-top:16px;font-size:12px;line-height:1.5}.phonics-connected{background:currentColor;width:7px;height:7px;margin-right:10px;display:inline-block}.phonics-controller-prompt{text-align:center;flex-shrink:0;min-height:40px;margin:0 0 12px;font-size:14px;line-height:1.4}@media (height<=600px){.phonics-screen{padding:16px 32px}.phonics-content{padding:16px 0}.phonics-word{margin:12px 0;font-size:clamp(100px,27vh,180px)}.phonics-instruction{margin-top:16px}.phonics-controller-prompt{min-height:17px;margin-bottom:8px;font-size:12px}}.phonics-level-picker{flex-direction:column;flex:1;justify-content:center;gap:12px;min-height:0;display:flex}.phonics-level-picker label{font-size:13px}.phonics-level-picker select{border:1px solid var(--color-charcoal);background:var(--color-cream);width:100%;min-width:0;color:var(--color-charcoal);font:inherit;padding:12px 8px;font-size:14px}.phonics-level-picker p{margin:0;font-size:13px;line-height:1.5}.phonics-progress{text-align:center;margin:0 0 8px;font-size:12px}.phonics-sound-cue{margin:12px 0 0;font-size:14px}@media (height<=600px){.phonics-level-picker{gap:8px}.phonics-level-picker p{font-size:11px}.phonics-level-picker .pair-note{display:none}.phonics-controller-prompt{margin-bottom:4px}}.little-speech{flex:none;gap:5px;margin-top:10px;display:grid}.speech-preview{overflow-wrap:anywhere;max-height:3.9em;margin:0;font-size:14px;line-height:1.35;overflow:auto}.push-to-talk{border:2px solid var(--ink,#252422);background:var(--paper,#fffcf2);width:100%;min-height:48px;color:var(--ink,#252422);font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;font-weight:700}.push-to-talk.is-listening{color:#fffcf2;background:#eb5e28;border-color:#eb5e28}.push-to-talk:disabled{opacity:.5}.speech-hint{text-align:center;opacity:.7;font-size:11px}.big-speech{color:#252422;background:#fffcf2;border-left:4px solid #eb5e28;margin:0 clamp(20px,5vw,80px) 20px;padding:18px 24px}.big-speech p{overflow-wrap:anywhere;max-height:3.6em;margin:8px 0 0;font-size:clamp(24px,3.5vw,54px);line-height:1.2;overflow:auto}@media (height<=600px){.little-speech{gap:2px;margin-top:4px}.speech-preview{max-height:1.35em;font-size:12px}.push-to-talk{min-height:44px}.speech-hint{display:none}}
