@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";.scene-element.child-mode{display:flex;width:100%;height:100%;padding:0;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 50%,rgba(var(--scene-accent-rgb),.15),#050816 60%,#000)}.scene-element.child-mode>.strawberry-scene,.scene-element.child-mode>.autocomplete-scene,.scene-element.child-mode>.parrot-scene,.scene-element.child-mode>.wrong-scene,.scene-element.child-mode>.scale-scene,.scene-element.child-mode>.shield-scene,.scene-element.child-mode>.takeaways-scene,.scene-element.child-mode>.gauntlet-scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene-element.child-mode svg{width:100%;height:100%;max-width:none;max-height:none;display:block}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes float-medium{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1.5deg)}}@keyframes pulse-accent-glow{0%,to{filter:drop-shadow(0 0 6px rgba(var(--scene-accent-rgb),.3))}50%{filter:drop-shadow(0 0 16px rgba(var(--scene-accent-rgb),.7))}}.strawberry-scene .user-bubble{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1)}.strawberry-scene.user-active .user-bubble{opacity:1;transform:translateY(0)}.strawberry-scene .robot-bubble{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.34,1.56,.64,1),transform .6s cubic-bezier(.34,1.56,.64,1)}.strawberry-scene.robot-active .robot-bubble{opacity:1;transform:translateY(0)}.strawberry-scene.robot-dizzy .robot-bubble{animation:shake .4s ease infinite}.strawberry-scene .sage-bubble{opacity:0;transform:scale(.85) translate(20px,20px);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.strawberry-scene.sage-active .sage-bubble{opacity:1;transform:scale(1) translate(0)}.strawberry-scene .r-badge{opacity:0;transform:translateY(-150px) scale(.6);transition:opacity .5s ease,transform .6s cubic-bezier(.175,.885,.32,1.275)}.strawberry-scene.r-badges-active .r-badge-1{opacity:1;transform:translateY(0) scale(1);transition-delay:.1s}.strawberry-scene.r-badges-active .r-badge-2{opacity:1;transform:translateY(0) scale(1);transition-delay:.35s}.strawberry-scene.r-badges-active .r-badge-3{opacity:1;transform:translateY(0) scale(1);transition-delay:.6s}.strawberry-scene .robot-eye-dizzy,.strawberry-scene.robot-dizzy .robot-eye-normal{display:none}.strawberry-scene.robot-dizzy .robot-eye-dizzy{display:block;transform-origin:center;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-1px,3px)}80%{transform:translate(2px,1px)}}.autocomplete-scene .phone-screen{opacity:1;transition:opacity .6s ease}.autocomplete-scene.morph-network .phone-screen{opacity:0;pointer-events:none}.autocomplete-scene .network-screen{opacity:0;transition:opacity .6s ease}.autocomplete-scene.morph-network .network-screen{opacity:1}.autocomplete-scene .virtual-hand{transform:translate(260px,390px);transition:transform .8s cubic-bezier(.25,1,.5,1)}.autocomplete-scene.hand-tapped .virtual-hand{transform:translate(210px,240px)}.autocomplete-scene .completed-bubble{opacity:0;transition:opacity .4s ease}.autocomplete-scene.hand-tapped .completed-bubble{opacity:1}.parrot-scene .parrot-container{transform-origin:300px 50px;animation:swing 3s ease-in-out infinite alternate}@keyframes swing{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.parrot-scene .parrot-beak{transform-origin:290px 125px;transition:transform .1s ease}.parrot-scene.speaking .parrot-beak{animation:chatter .15s ease infinite alternate}@keyframes chatter{0%{transform:rotate(0)}to{transform:rotate(-15deg)}}.parrot-scene .parrot-bubble{opacity:0;transform:scale(.6) translate(30px,20px);transform-origin:bottom left;transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.parrot-scene.speaking .parrot-bubble{opacity:1;transform:scale(1) translate(0)}.wrong-scene.warning-active .chalkboard-check{display:none}.wrong-scene.warning-active .chalkboard-x{display:block;animation:pop-x .4s cubic-bezier(.34,1.56,.64,1) forwards}.wrong-scene .chalkboard-x{display:none;transform-origin:230px 140px}@keyframes pop-x{0%{transform:scale(0)}to{transform:scale(1)}}.wrong-scene .dream-bubbles{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.wrong-scene.show-bubbles .dream-bubbles{opacity:1;transform:translateY(0)}.wrong-scene .warning-indicator{opacity:0;transform:scale(.5);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.wrong-scene.warning-active .warning-indicator{opacity:1;transform:scale(1);animation:pulse-red-glow 1.5s ease-in-out infinite}@keyframes pulse-red-glow{0%,to{filter:drop-shadow(0 0 4px rgba(239,68,68,.4))}50%{filter:drop-shadow(0 0 12px rgba(239,68,68,.8))}}.scale-scene .scale-beam{transform-origin:300px 220px;transition:transform 1.2s cubic-bezier(.25,1,.5,1)}.scale-scene .left-pan-group,.scale-scene .right-pan-group{transition:transform 1.2s cubic-bezier(.25,1,.5,1)}.scale-scene.left-heavy .scale-beam{transform:rotate(-10deg)}.scale-scene.left-heavy .left-pan-group{transform:translateY(26px)}.scale-scene.left-heavy .right-pan-group{transform:translateY(-26px)}.scale-scene.right-heavy .scale-beam{transform:rotate(10deg)}.scale-scene.right-heavy .left-pan-group{transform:translateY(-26px)}.scale-scene.right-heavy .right-pan-group{transform:translateY(26px)}.scale-scene .pan-item{opacity:.35;transition:opacity .6s ease,transform .6s ease}.scale-scene.left-heavy .left-pan-items .pan-item,.scale-scene.right-heavy .right-pan-items .pan-item{opacity:1;transform:scale(1.08)}.shield-scene .laser-beam{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-laser 1.5s linear infinite}@keyframes draw-laser{to{stroke-dashoffset:-1000}}.shield-scene .shield-sparks{opacity:0;transition:opacity .15s ease}.shield-scene.shield-hit .shield-sparks{opacity:1}.shield-scene .decision-paths{opacity:0;transition:opacity .8s ease}.shield-scene.show-paths .decision-paths{opacity:1}.shield-scene .glowing-path{stroke-dasharray:12;animation:flow-dash .8s linear infinite}@keyframes flow-dash{to{stroke-dashoffset:-24}}.takeaways-scene .slot-row{transform:translate(-40px);opacity:0;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .5s ease}.takeaways-scene.badge-1-active .slot-1,.takeaways-scene.badge-2-active .slot-2,.takeaways-scene.badge-3-active .slot-3,.takeaways-scene.badge-4-active .slot-4,.takeaways-scene.badge-5-active .slot-5{transform:translate(0);opacity:1}.gauntlet-scene .space-portal{transform-origin:300px 225px;animation:spin-portal 25s linear infinite}@keyframes spin-portal{to{transform:rotate(360deg)}}.gauntlet-scene .trophy-group{animation:bob-trophy 2.5s ease-in-out infinite alternate}@keyframes bob-trophy{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.gauntlet-scene .quest-box{background:#0b132be6;border:1.5px solid rgba(255,255,255,.07);border-radius:16px}.gauntlet-scene .quest-item{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:700;color:var(--text-secondary);transition:color .4s ease}.gauntlet-scene .quest-item.checked{color:#10b981}.gauntlet-scene .checkbox-custom{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,border-color .3s ease}.gauntlet-scene .quest-item.checked .checkbox-custom{background:#10b981;border-color:#10b981}.gauntlet-scene .quest-item.checked .check-mark-icon{display:block}.gauntlet-scene .check-mark-icon{display:none;width:12px;height:12px;stroke:#fff;stroke-width:3px;fill:none}.gauntlet-scene .complete-banner{opacity:0;transform:scale(.6);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.gauntlet-scene.all-done .complete-banner{opacity:1;transform:scale(1)}.strawberry-scene .typing-indicator{opacity:0;transition:opacity .3s ease}.strawberry-scene.typing-active .typing-indicator{opacity:1}.strawberry-scene .chat-window{opacity:0;transform:scale(.92);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.strawberry-scene.window-active .chat-window{opacity:1;transform:scale(1)}.strawberry-scene.spelling-active .spelling-display text{opacity:1}.strawberry-scene .spelling-display text{opacity:.18;transition:opacity .6s ease}@keyframes letter-glow{0%,to{fill:#ffffff2e}50%{fill:#f43f5e}}.strawberry-scene.spelling-active .spelling-highlight{animation:letter-glow 1.2s ease-in-out infinite}.autocomplete-scene .typing-dots{opacity:0;transition:opacity .3s ease}.autocomplete-scene.show-typing .typing-dots{opacity:1}@keyframes dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.autocomplete-scene.show-typing .typing-dot-1{animation:dot-bounce 1.2s ease-in-out infinite}.autocomplete-scene.show-typing .typing-dot-2{animation:dot-bounce 1.2s ease-in-out .2s infinite}.autocomplete-scene.show-typing .typing-dot-3{animation:dot-bounce 1.2s ease-in-out .4s infinite}.autocomplete-scene.morph-network .network-screen{animation:network-pulse 3s ease-in-out infinite alternate}@keyframes network-pulse{0%{filter:brightness(1)}to{filter:brightness(1.15)}}.parrot-scene .parrot-label{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.parrot-scene.label-active .parrot-label{opacity:1;transform:translateY(0)}.wrong-scene .thinking-overlay{opacity:0;transition:opacity .4s ease}.wrong-scene.thinking-active .thinking-overlay{opacity:1}.scale-scene .pan-label{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.scale-scene.labels-active .pan-label{opacity:1;transform:translateY(0)}.shield-scene .sage-character{filter:drop-shadow(0 0 0px transparent);transition:filter .6s ease}.shield-scene.sage-glowing .sage-character{filter:drop-shadow(0 0 16px rgba(124,58,237,.7))}@keyframes wave-pulse{0%{opacity:.25;transform:scale(.85) translate(3px)}50%{opacity:.95;transform:scale(1.05) translate(0)}to{opacity:.25;transform:scale(.85) translate(3px)}}.wave-arc-1{animation:wave-pulse .8s infinite ease-in-out;transform-origin:300px 120px}.wave-arc-2{animation:wave-pulse .8s infinite ease-in-out .4s;transform-origin:300px 120px}@keyframes rotate-wheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--leading-tight: 1.25;--leading-normal: 1.6;--letter-spacing: .01em;--ease-default: cubic-bezier(.4, 0, .2, 1);--duration-fast: .1s;--duration-normal: .2s;--focus-ring: #FFFFFF;--focus-ring-width: 3px;--focus-ring-offset: 2px}:root,[data-hud=standard]{--bg-app: #0A0A0F;--bg-card: #14141F;--bg-card-hover: #1C1C2B;--text-primary: #FFFFFF;--text-secondary: #94A3B8;--text-muted: #7E90A3;--border: rgba(255, 255, 255, .1);--accent: #9B6BFA;--accent-deep: #7C3AED;--accent-glow: rgba(124, 58, 237, .3);--glass: rgba(20, 20, 31, .7)}[data-hud=ghost]{--bg-app: #050505;--bg-card: transparent;--bg-card-hover: rgba(255, 255, 255, .03);--text-primary: #D1D5DB;--text-secondary: #8B95A3;--text-muted: #6B7D8F;--border: rgba(255, 255, 255, .05);--accent: #9CA3AF;--accent-glow: transparent;--glass: transparent}[data-hud=flow-lock]{--bg-app: #0A0A0A;--bg-card: #111111;--bg-card-hover: #181818;--text-primary: #FF4444;--text-secondary: #DD4444;--text-muted: #B85555;--border: #330000;--accent: #FF0000;--accent-glow: rgba(255, 0, 0, .2);--glass: rgba(0, 0, 0, .9)}[data-hud=bionic]{--bg-app: #000D0D;--bg-card: rgba(0, 40, 40, .2);--bg-card-hover: rgba(0, 60, 60, .3);--text-primary: #00FFCC;--text-secondary: #009977;--text-muted: #009966;--border: #00FFCC;--accent: #00FFCC;--accent-glow: rgba(0, 255, 204, .4);--glass: rgba(0, 20, 20, .8)}[data-hud=mission-control]{--bg-app: #111827;--bg-card: #1F2937;--bg-card-hover: #374151;--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--text-muted: #8C99A7;--border: #3B82F6;--accent: #60A5FA;--accent-glow: rgba(59, 130, 246, .3);--glass: rgba(31, 41, 55, .9)}[data-hud=ghost] *{animation:none!important;transition:none!important;box-shadow:none!important;text-shadow:none!important}[data-hud=ghost] .scanline{display:none}[data-hud=ghost] aside{background:transparent!important;border-right:1px solid rgba(255,255,255,.04)!important}[data-hud=flow-lock] body{font-family:var(--font-mono)}[data-hud=flow-lock] .scanline{background:linear-gradient(to bottom,transparent,rgba(255,0,0,.03) 50%,transparent);animation-duration:4s}[data-hud=bionic] body{font-size:16px;line-height:1.9;letter-spacing:.02em;word-spacing:.1em}[data-hud=bionic] p,[data-hud=bionic] li,[data-hud=bionic] span{line-height:1.9}[data-hud=mission-control] body{font-size:14px}[data-hud=mission-control] .data-value{font-family:var(--font-mono)}@keyframes flow-pulse{0%,to{opacity:1}50%{opacity:.6}}[data-hud=flow-lock] .progress-bar-fill{animation:flow-pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-app)}body{font-family:var(--font-primary);background:var(--bg-app);color:var(--text-primary);line-height:var(--leading-normal);letter-spacing:var(--letter-spacing);transition:background-color .5s var(--ease-default),color .5s var(--ease-default);min-height:100vh;overflow-x:hidden}@media(max-width:640px){:root{--text-xs: 13px;--text-sm: 14px}.hide-on-mobile{display:none!important}body{font-size:16px}main{padding-left:16px!important;padding-right:16px!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}button,a,[role=button]{min-height:44px;min-width:44px}}main p,main li{max-width:65ch}button,a{transition:all .2s var(--ease-default)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(124,58,237,.05) 50%,transparent);pointer-events:none;z-index:9999;animation:scanline 8s linear infinite}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:2px}[data-hud=ghost] :focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring)!important;outline-offset:var(--focus-ring-offset)}.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;padding:var(--space-3) var(--space-5);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:0 0 12px;font-size:var(--text-sm);font-weight:700;text-decoration:none}.skip-link:focus{left:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scanline{display:none}}