body[data-app=big]{background:var(--color-orange)}.display-shell{min-height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));flex-direction:column;gap:24px;padding:clamp(24px,3.4vw,56px);display:flex}.display-header,.display-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;display:flex}.display-wordmark{font:400 48px/1 var(--font-display);letter-spacing:0;text-decoration:none}.display-status{align-items:center;gap:10px;font-size:14px;display:flex}.pairing-screen{background:var(--color-orange);color:var(--color-cream)}.pairing-screen.is-reconnecting{background:var(--color-cream);color:var(--color-charcoal)}.pairing-screen :focus-visible{outline-color:currentColor}.display-pair-layout{flex:1;grid-template-columns:minmax(0,1fr) clamp(300px,28vw,420px);align-items:center;gap:clamp(48px,7vw,140px);padding:24px 3vw 32px 0;display:grid}.display-pair-copy h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0 0 28px;font-size:clamp(64px,6.8vw,116px);line-height:1.03}.display-pair-copy>p{margin:0;font-size:clamp(20px,1.8vw,28px);line-height:1.5}.display-pair-copy .display-error{max-width:40ch;margin-top:24px;font-size:16px}.display-button{min-height:44px;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:4px;padding:12px 18px}.display-pair-copy .display-button{margin-top:18px}.receipt-shadow{filter:drop-shadow(3px 6px 2px #25242216)drop-shadow(10px 20px 16px #25242226);transform:rotate(3deg)}.connection-receipt{color:var(--color-charcoal);background:var(--color-cream);text-align:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),97.5% 100%,95% calc(100% - 9px),92.5% 100%,90% calc(100% - 9px),87.5% 100%,85% calc(100% - 9px),82.5% 100%,80% calc(100% - 9px),77.5% 100%,75% calc(100% - 9px),72.5% 100%,70% calc(100% - 9px),67.5% 100%,65% calc(100% - 9px),62.5% 100%,60% calc(100% - 9px),57.5% 100%,55% calc(100% - 9px),52.5% 100%,50% calc(100% - 9px),47.5% 100%,45% calc(100% - 9px),42.5% 100%,40% calc(100% - 9px),37.5% 100%,35% calc(100% - 9px),32.5% 100%,30% calc(100% - 9px),27.5% 100%,25% calc(100% - 9px),22.5% 100%,20% calc(100% - 9px),17.5% 100%,15% calc(100% - 9px),12.5% 100%,10% calc(100% - 9px),7.5% 100%,5% calc(100% - 9px),2.5% 100%,0 calc(100% - 9px));background-image:repeating-linear-gradient(0deg,#0000 0 3px,#403d3905 3px 4px);padding:30px 24px 36px}.receipt-header{border-bottom:2px dotted var(--color-gray);letter-spacing:.14em;flex-direction:column;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:20px;font-size:13px;display:flex}.receipt-code{aspect-ratio:1;background:var(--color-cream);place-items:center;width:100%;display:grid}.receipt-code img{width:100%;height:auto;display:block}.receipt-code p{font-size:14px}.receipt-footer{border-top:2px dotted var(--color-gray);letter-spacing:.1em;margin-top:16px;padding-top:18px;font-size:13px}.receipt-note{margin:18px 0 0;font-size:14px;line-height:1.5}.display-footer{min-height:32px;font-size:13px}.pairing-footer{position:relative}.connection-options summary{cursor:pointer;padding:10px 0}.connection-options-panel{z-index:5;border:1px solid var(--color-gray);background:var(--color-cream);width:min(440px,80vw);max-height:65svh;color:var(--color-charcoal);border-radius:6px;padding:12px 24px 24px;font-size:14px;position:absolute;bottom:calc(100% + 12px);left:0;overflow:auto;box-shadow:0 12px 40px #25242226}.connection-options-panel .pair-fallback{border:0;padding:0;font-size:14px}.connection-options-panel .nearby-return,.connection-options-panel .install-guide{border-top:1px solid var(--color-gray);margin-top:12px;padding-top:12px}.connection-options-panel p{line-height:1.5}.pairing-footer .device-status,.pairing-footer .device-status button{color:inherit}.display-shell.phonics-screen{background:var(--color-cream);color:var(--color-charcoal)}.display-shell.phonics-question,.display-shell.phonics-complete{background:var(--color-orange);color:var(--color-cream)}.display-shell .phonics-content{gap:18px;padding:12px 0}.display-shell .phonics-mode{letter-spacing:.025em;font-size:clamp(20px,2vw,28px)}.display-shell .phonics-word{letter-spacing:0;max-width:100%;margin:4px 0;line-height:1.05}.display-shell .phonics-reference{border:1px solid;border-radius:40px;padding:12px 24px;font-size:22px}.display-shell .phonics-reference strong{text-decoration:none}.display-shell .phonics-sound-cue{margin:0;font-size:14px}.display-heading{letter-spacing:-.035em;margin:0;font-size:clamp(48px,5.8vw,88px);line-height:1.08}.display-shell .phonics-instruction{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.5}.display-symbol,.display-ready-mark{color:var(--color-orange);font-size:clamp(70px,10vw,140px);line-height:1}.display-ready-mark{font-family:var(--font-display);margin-bottom:16px}.display-finish{margin:0;font-size:clamp(96px,13vw,190px);line-height:1}.display-finish span{opacity:.7;font-size:.4em}.display-feedback-answer{margin:0;font-size:16px}.display-shell .phonics-footer{border:0;padding-top:0}.display-progress{gap:8px;display:flex}.display-progress>span{opacity:.25;background:currentColor;width:24px;height:5px}.display-progress>.filled{opacity:1}@media (height<=740px){.display-shell{gap:16px;padding:24px 32px}.display-pair-layout{grid-template-columns:minmax(0,1fr) 300px;padding:8px 24px 8px 0}.connection-receipt{padding:22px 24px 30px}.receipt-header{gap:10px;margin-bottom:10px;padding-bottom:14px}.receipt-header .display-wordmark{font-size:36px}.receipt-footer{margin-top:10px;padding-top:14px}.display-shell .phonics-content{gap:12px}.display-heading{font-size:52px}.display-ready-mark,.display-symbol{font-size:80px}.display-finish{font-size:100px}}@media (prefers-reduced-motion:no-preference){.connection-receipt{animation:.35s ease-out receipt-arrive}@keyframes receipt-arrive{0%{opacity:0;translate:0 -10px}to{opacity:1;translate:0}}}.display-pair-layout.qr-playground{min-height:0;padding:0;display:block;position:relative}.qr-playground .qr-mover{will-change:transform;width:300px;position:absolute;top:0;left:0}.pairing-screen{height:100dvh;overflow:hidden}.pairing-screen .display-pair-layout{min-height:0}.real-screensaver{z-index:100;background:var(--color-charcoal);color:var(--color-cream);--cream:var(--color-cream);--orange:var(--color-orange);--gray:var(--color-gray);border:0;width:100%;height:100%;position:fixed;inset:0}.screensaver-logo{visibility:hidden;display:block;position:absolute;top:0;left:0}.screensaver-logo svg{width:100%;height:100%;overflow:visible}.pairing-screen .display-pair-copy[hidden]{display:none}