:root{--magic:#65529b;--magic-light:#eee8fa;--gold:#ffe18a}
.brand-symbol{font-size:32px;color:#6a8753}.hero-note strong{font-size:12px;color:#405c36}.hero-note p{margin:5px 0 0}.small-dot{display:inline-block;width:6px;height:6px;background:#8ca673;border-radius:50%}.topbar-right{display:flex;align-items:center;gap:16px;color:#7e8d74;font-size:11px}.topbar-right button{min-height:44px;border:1px solid #dfe6d7;border-radius:9px;padding:0 13px;color:#48653c}.topbar-right b{display:inline-grid;place-items:center;border-radius:50%;min-width:20px;height:20px;background:#edf2e5;margin-left:6px}.panel-kicker{align-self:flex-start;color:#7e8d74;font-size:10px;letter-spacing:1.1px;line-height:1.8;margin-bottom:18px}.scene-panel h2{font-size:15px}.scene-panel .panel-description{font-size:11px;line-height:1.9}.hardware-hint{margin:2px 0 4px}.hardware-tip{color:#859276;font-size:10px;text-align:center;line-height:1.8;margin-top:4px}.screen-note{color:#869477;font-size:10px;line-height:1.8;text-align:center;margin:10px 0 0}.screen-note span{color:#a0aa94}.voice-key svg,.camera-key svg{fill:none;stroke:currentColor;stroke-width:1.7}.object-card img{aspect-ratio:1}.object-card span{font-size:11px;padding:9px 3px}.selected-toy{margin-top:12px;font-size:11px;line-height:1.8;color:#657b57}.selected-toy strong{display:block;color:#365735}.demo-tools{border-top:1px solid #e2e8dc;margin-top:15px;padding-top:13px;display:grid;gap:7px;color:#819076;font-size:10px}.demo-tools label{min-height:35px;display:flex;align-items:center;gap:6px}.demo-tools input{accent-color:#6d8555}.demo-tools button{min-height:40px;text-align:left;padding:0;color:#819076;text-decoration:underline;text-underline-offset:4px}.speech-label{justify-content:space-between;letter-spacing:.5px}.speech-label button{font-size:10px;min-height:35px;position:relative;color:#82986c}.speech-text{min-height:95px;font-size:16px;line-height:1.85}.speech-footer{margin-top:18px;font-size:10px;color:#94a182}.action-hint{margin:15px 0!important;font-size:11px!important;line-height:1.9!important;color:#809071!important}.command-heading{font-size:12px;color:#4a6840;line-height:1.8}.command-heading span{display:block;font-size:10px;color:#8d9b81}.voice-commands{margin-top:9px}.voice-commands button{font-size:12px;min-height:46px;flex:1 1 44%;padding:11px 12px}.voice-commands button.context-answer{color:#3f6031;background:#f0f5e9;border-color:#b9cda4}.voice-commands button.primary{color:#fff;background:#3d5c38}.child-echo{font-size:11px}.story-note{margin-top:17px;padding:17px;border:1px solid #e6d8a8;border-radius:12px;background:#fffaf0}.story-note>span{color:#9f8648;font-size:10px;letter-spacing:1px}.story-note h3{font-size:17px;color:#6a5b32;margin:9px 0}.story-note p{color:#8d805d;font-size:11px;line-height:1.9;margin:0}.collection-panel{margin-top:18px;padding-top:16px;border-top:1px solid #e6ebdf}.collection-panel h3{font-size:13px;margin:0 0 7px}.collection-panel>p{font-size:10px;color:#8a997d;line-height:1.8}.friend-card{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #e2e8dc;background:#fafbf7;border-radius:10px;padding:8px;margin:8px 0;text-align:left}.friend-card[aria-pressed="true"]{background:#eff5e7;border-color:#91ad77}.friend-card img{height:55px;width:55px;border-radius:9px;object-fit:cover}.friend-card strong{display:block;font-size:12px}.friend-card small{display:block;margin-top:5px;font-size:10px;color:#8b997d}.collection-controls{display:flex;gap:10px}.collection-controls button{min-height:44px;border:1px solid #dce4d3;border-radius:8px;padding:8px 12px;font-size:11px;flex:1}.inspector button{display:inline-block;margin:4px 7px 0 0;text-decoration:underline;min-height:40px;padding:0}.inspector p{font-size:10px}.notes{font-size:11px;line-height:1.9;color:#829177;margin:15px 0 25px}.notes summary{cursor:pointer;min-height:38px;color:#526b44}.notes a{text-decoration:underline;text-underline-offset:3px}.notes li{margin:5px 0}.journey-strip button{font-size:11px;gap:7px}.journey-detail{font-size:11px}.device-wrap{margin-top:0}.screen #screen-content{padding:0!important;display:block!important;gap:0!important;isolation:isolate}.screen .magic-art,.screen .magic-shade{position:absolute;inset:0;width:480px;height:480px;object-fit:cover;z-index:-2}.screen .magic-art{filter:contrast(1.06) saturate(1.03);background:#030705}.screen .magic-shade{z-index:-1;background:linear-gradient(180deg,#0007 0%,#0000 28%,#0000 50%,#000c 100%)}.screen .magic-top{position:absolute;left:62px;right:62px;top:63px;font-size:29px;line-height:1.4;font-weight:600;letter-spacing:1px;color:#f6ffed;text-shadow:0 2px 5px #000b}.screen .magic-title{position:absolute;left:53px;right:53px;bottom:92px;margin:0;font-size:64px;line-height:1.25;font-weight:650;letter-spacing:1px;text-shadow:0 2px 12px #0009;color:#f4fff8;white-space:nowrap}.screen .magic-subtitle{position:absolute;left:65px;right:65px;bottom:52px;font-size:28px;line-height:1.3;color:#e4f6ca;text-shadow:0 1px 4px #000}.screen .magic-title.center{bottom:auto;top:197px;font-size:68px}.screen .magic-title.compact{font-size:55px}.screen .magic-top.pill{left:120px;right:120px;border:1px solid #fff4;border-radius:28px;background:#020604b3;padding:10px 4px;font-size:26px}.screen .magic-title+p{margin:0}.screen .frame-lines{position:absolute;inset:99px;border:4px solid #efffcb;border-radius:55px;box-shadow:0 0 10px #d8ff8b22}.screen .blurry .magic-art{filter:blur(15px) brightness(.5);transform:scale(1.08)}.screen .fail .magic-art{filter:brightness(.3)}.screen .flash{position:absolute;inset:0;background:#fff;animation:camera-flash .25s both;z-index:4}.screen .cast .magic-art{filter:brightness(.53) saturate(1.2)}.screen .cast-orbit{position:absolute;width:210px;height:210px;left:135px;top:110px;border:5px solid #ffe18a40;border-top-color:#fff3b0;border-bottom-color:#c4a4ff;border-radius:50%;box-shadow:0 0 30px #d4a3ff55,inset 0 0 25px #d4a3ff55;animation:magic-turn 1.3s linear infinite}.screen .cast-orbit::before{content:"✦";position:absolute;top:-28px;left:65px;font-size:48px;color:#fff1b1;text-shadow:0 0 18px #f3ce6d}.screen .friend .magic-art{animation:friend-breathe 5s ease-in-out infinite}.screen .listen .magic-art{filter:brightness(.28) contrast(1.04)}.screen .voice-wave{display:flex;position:absolute;left:145px;right:145px;top:188px;height:86px;align-items:center;justify-content:center;gap:14px}.screen .voice-wave i{display:block;width:15px;height:40px;background:#d5ff9c;border-radius:12px;animation:voice-wave .7s ease-in-out infinite alternate;box-shadow:0 0 8px #b5ff8122}.screen .voice-wave i:nth-child(2n){height:80px;animation-delay:-.3s}.screen .voice-wave i:nth-child(3n){height:60px;animation-delay:-.5s}.screen .listen .magic-title{bottom:108px;font-size:62px}.screen .talk .magic-top{top:65px}.screen .talk .voice-wave{top:327px;height:48px;left:164px;right:164px;gap:9px;z-index:1}.screen .talk .voice-wave i{width:10px;height:22px}.screen .talk .voice-wave i:nth-child(2n){height:42px}.screen .talk .voice-wave i:nth-child(3n){height:32px}.screen .talk .magic-title{bottom:48px;font-size:45px}.screen .collection .magic-top{top:62px}.screen .collection .magic-title{bottom:83px;font-size:60px}.screen .collection .magic-subtitle{bottom:44px}.screen .keepsake .magic-art{filter:brightness(.55) saturate(.95)}.screen .memory-ring{position:absolute;left:137px;top:130px;width:206px;height:206px;border:7px solid #ffe18a;border-radius:50%;box-shadow:0 0 30px #ffe18a22,inset 0 0 20px #ffe18a22;display:grid;place-items:center;font-size:96px;color:#ffe99f;animation:reward-pop .65s both}.screen .keepsake .magic-title{font-size:51px;bottom:80px;color:#fff0c1}.screen .empty-orbit{position:absolute;left:153px;top:145px;width:174px;height:174px;border:3px solid #c4dda966;border-radius:50%;display:grid;place-items:center;font-size:80px;color:#d5edbd}.screen .plain .magic-title{font-size:62px}.screen .plain .magic-subtitle{bottom:78px}.screen .plain .magic-shade{background:radial-gradient(circle at 50% 40%,#23372b,#020604 72%)}.screen .suspended-pill{position:absolute;top:112px;left:140px;right:140px;background:#09130cd4;color:#d9eea8;font-size:24px;padding:7px 0;border-radius:22px}.screen .camera .magic-title{font-size:54px;bottom:67px}.screen .camera .magic-subtitle{bottom:32px}.screen .saying-dot{display:inline-block;width:10px;height:10px;background:#c7f58d;border-radius:50%;margin-right:8px}dialog{border:1px solid #d8e1d0;max-width:360px;width:calc(100% - 32px);padding:25px;border-radius:15px;color:#385134;box-shadow:0 18px 70px #0003}dialog::backdrop{background:#17271855}dialog h2{font-size:18px;margin-top:0}dialog p{font-size:13px;line-height:1.8;color:#7e8e73}dialog>div{display:flex;gap:10px}dialog button{flex:1;min-height:44px;border:1px solid #d8e1d0;border-radius:8px;font-size:12px}dialog button:last-child{background:#385937;color:#fff}
@keyframes camera-flash{0%{opacity:1}100%{opacity:0}}@keyframes magic-turn{to{transform:rotate(360deg)}}@keyframes friend-breathe{50%{transform:scale(1.025)}}
@media(max-width:1120px){.object-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scene-panel .panel-description{display:block}.demo-tools{display:flex;gap:22px;align-items:center}.selected-toy strong{display:inline;margin-right:7px}.object-card img{aspect-ratio:4/3}}
@media(max-width:760px){.site-header{padding:10px 16px;flex-wrap:wrap;gap:10px;min-height:76px}.header-actions{gap:6px}.header-actions a,.header-actions button{font-size:10px;min-height:38px;padding:0 8px}.brand{font-size:14px}.brand-symbol{font-size:27px}.page-wrap{padding:0 14px}.hero{padding-top:23px}.hero h1{font-size:28px}.hero-note{display:none}.demo-topbar{padding:10px 14px;gap:8px;flex-wrap:wrap}.demo-topbar>span{font-size:11px}.topbar-right{gap:9px;font-size:10px}.topbar-right button{font-size:10px;min-height:38px;padding:0 9px}.demo-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"device" "scene" "narration";padding:20px 16px;gap:24px}.device-stage>.panel-kicker{margin-bottom:8px}.panel-kicker{font-size:10px}.device-wrap{margin-top:0}.screen-note{font-size:9px}.hardware-tip{font-size:9px}.scene-panel{padding-top:18px}.object-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.object-card img{aspect-ratio:1}.object-card>span{font-size:10px;padding:8px 1px}.voice-commands button{font-size:13px}.speech-text{font-size:17px;min-height:0}.speech-card{padding:20px}.command-heading{font-size:13px}.command-heading span{font-size:11px}.demo-tools{gap:10px;flex-wrap:wrap}.help-grid{grid-template-columns:1fr;gap:10px}.help-card p{font-size:12px}.help-card h3{font-size:13px}footer{margin:0 15px;font-size:9px;display:block}footer span{display:block}.notes{font-size:11px}.journey-detail{padding:12px 16px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}