:root{--ink:#26213a;--card:#fffdf7;--shadow:0 8px 0 #0000001f,0 14px 30px #00000026;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#f26b4f;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible{outline-offset:3px;outline:4px solid #fff}a{color:#d2462c}.big{font-size:34px;line-height:1;display:block}.kid-app{background:var(--bg);isolation:isolate;-webkit-user-select:none;user-select:none;width:100%;height:100dvh;transition:background .5s;position:relative}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.scene canvas:active{cursor:grabbing}.part-hover{pointer-events:none;z-index:45;background:var(--ink);color:#fff;border-radius:12px;padding:8px 12px;font-size:14px;position:absolute}.part-hover[hidden]{display:none}.kid-title{top:max(16px,env(safe-area-inset-top));pointer-events:none;z-index:5;align-items:center;gap:14px;display:flex;position:absolute;left:116px}.kid-title h1{color:#fff;letter-spacing:.04em;text-shadow:0 3px #00000030;margin:0;font-size:30px;font-weight:900}.stars{background:#fff;border-radius:999px;padding:6px 14px;font-size:18px;font-weight:800;box-shadow:0 4px #0002}.mode-strip{z-index:6;flex-direction:column;justify-content:center;gap:10px;width:100px;padding:12px 0;display:flex;position:absolute;top:0;bottom:0;left:0}.mode-strip button{background:var(--c);color:#fff;width:84px;box-shadow:var(--shadow);border:3px solid #fff5;border-left:0;border-radius:0 24px 24px 0;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;font-size:15px;font-weight:800;transition:width .2s,transform .2s;display:flex}.mode-strip button.on{border-color:#fff;width:100px}.mode-strip button:active{transform:scale(.94)}.tools{top:max(14px,env(safe-area-inset-top));z-index:6;gap:10px;display:flex;position:absolute;right:16px}.tool{width:82px;height:82px;box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:14px;font-weight:800;transition:transform .15s;display:flex}.tool:active{transform:translateY(4px)scale(.96);box-shadow:0 3px #0000001f}.tool.on{background:#ffe066}.part-bar{padding:12px 16px calc(14px + env(safe-area-inset-bottom));z-index:6;scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;display:flex;position:absolute;bottom:0;left:100px;right:0;overflow-x:auto}.part-bar::-webkit-scrollbar{display:none}.part-bar button{background:var(--c);width:84px;height:92px;box-shadow:var(--shadow);scroll-snap-align:start;border:4px solid #0000;border-radius:24px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;font-size:16px;font-weight:800;transition:transform .15s;display:flex}.part-bar button:active{transform:translateY(4px)scale(.95)}.part-bar button.on{border-color:#fff;transform:translateY(-6px)}.kid-card{background:var(--card);border:6px solid var(--c);width:340px;max-height:calc(100dvh - 250px);box-shadow:var(--shadow);z-index:7;border-radius:32px;padding:22px 22px 18px;animation:.35s cubic-bezier(.3,1.6,.5,1) pop;position:absolute;top:116px;right:16px;overflow:auto}.kid-card .close{border-radius:50%;width:48px;height:48px;font-size:20px;position:absolute;top:10px;right:10px}.card-head{align-items:center;gap:12px;padding-right:40px;display:flex}.card-emoji{background:var(--c);border-radius:22px;padding:8px;font-size:54px;line-height:1}.kid-card h2{margin:0;font-size:36px;font-weight:900}.kid-card p{margin:14px 0 16px;font-size:20px;line-height:1.65}.card-actions{flex-wrap:wrap;gap:10px;display:flex}.card-actions button{background:var(--c);border-radius:999px;min-height:52px;padding:12px 18px;font-size:18px;font-weight:800;box-shadow:0 4px #0000001f}.card-actions button:active{transform:translateY(3px)}.food-tray{z-index:7;box-shadow:var(--shadow);background:#fff;border-radius:30px;flex-direction:column;gap:8px;padding:12px;animation:.3s cubic-bezier(.3,1.6,.5,1) pop;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.food-tray button{background:#fff6e0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:84px;height:84px;font-size:14px;font-weight:800;display:flex}.food-tray button .big{font-size:40px}.food-tray button:active{transform:scale(.9)}.quiz-banner{left:50%;bottom:calc(128px + env(safe-area-inset-bottom));z-index:7;box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 12px 10px 20px;display:flex;position:absolute;transform:translate(-50%)}.quiz-banner .big{font-size:44px}.quiz-banner strong{font-size:26px;font-weight:900;display:block}.quiz-banner small{color:#6b6480;margin-top:2px;font-size:16px;display:block}.quiz-banner button{background:#f3f0ff;border-radius:50%;flex:none;width:52px;height:52px;font-size:22px}.quiz-banner.shake-1{animation:.45s shake}.quiz-banner.shake-0{animation:.45s shake2}.quiz-banner.feeding{background:#fff6e0}.bone-labels{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.bone-labels[hidden]{display:none}.bone-label{position:absolute;top:0;left:0}.bone-label i{background:#ff4d4d;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 1px 3px #0005}.bone-label button{pointer-events:auto;cursor:pointer;white-space:nowrap;color:#fff;text-shadow:0 1px 3px #0008;padding:4px 6px;font-size:16px;font-weight:800;position:absolute;top:-13px;left:40px}.bone-label button:before{content:"";background:#fff;width:32px;height:2px;margin-right:4px;position:absolute;top:50%;right:100%;box-shadow:0 1px 2px #0005}.bone-label.left button{left:auto;right:40px}.bone-label.left button:before{margin:0 0 0 4px;left:100%;right:auto}.corner-btns{z-index:6;gap:8px;display:flex;position:absolute;bottom:128px;left:112px}.corner-btns button{background:#fffa;border-radius:50%;width:44px;height:44px;font-size:20px;font-weight:800}.voice-panel ul{gap:6px;max-height:50dvh;margin:8px 0 16px;padding:0;list-style:none;display:grid;overflow:auto}.voice-panel li button{text-align:left;background:#f5f1ff;border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:17px;font-weight:700;display:flex}.voice-panel li button.on{background:#ffe066}.voice-panel small{color:#8a8398;margin-left:auto;font-size:13px;font-weight:400}.voice-panel .done{background:#ffe066;border-radius:999px;padding:12px 28px;font-size:18px;font-weight:800}.about{z-index:20;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.about>div{background:var(--card);border-radius:28px;max-width:460px;padding:24px;font-size:16px;line-height:1.7}.about h2{margin:0 0 8px}.about .ver{vertical-align:middle;background:#ffe066;border-radius:999px;padding:2px 10px;font-size:14px}.changelog{margin:4px 0 14px;font-size:14px}.changelog summary{cursor:pointer;font-weight:800}.changelog ul{margin:8px 0;padding-left:18px}.changelog li{margin-bottom:8px}.about>div{max-height:88dvh;overflow:auto}.about button{background:#ffe066;border-radius:999px;padding:12px 28px;font-size:18px;font-weight:800}.party{z-index:15;pointer-events:none;position:fixed;top:45%;left:50%}.party i{--a:calc(var(--i) * 20deg);font-size:34px;font-style:normal;animation:1.3s ease-out forwards burst;position:absolute}.loading{z-index:10;box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:32px;flex-direction:column;align-items:center;gap:10px;min-width:260px;padding:26px 32px;font-size:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading .big{font-size:64px}.bounce{animation:1s infinite bounce}.loading .track{background:#ffe9e2;border-radius:999px;width:220px;height:18px;overflow:hidden}.loading .track i{background:linear-gradient(90deg,#ff8a65,#ffca28);border-radius:999px;height:100%;transition:width .3s;display:block}.loading button{background:#ffe066;border-radius:999px;padding:12px 26px;font-size:18px;font-weight:800}.loading .retry-hint{color:#9a8f88;margin-top:-4px;font-size:14px;font-weight:600}@keyframes pop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes bounce{50%{transform:translateY(-12px)}}@keyframes shake{20%,60%{translate:-12px}40%,80%{translate:12px}}@keyframes shake2{20%,60%{translate:-12px}40%,80%{translate:12px}}@keyframes burst{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(-220px) scale(1.3);opacity:0}}@media (width>=768px) and (width<=1100px){.kid-title h1{font-size:23px}.stars{padding:4px 10px;font-size:15px}.tools{gap:8px;right:12px}.tool{border-radius:20px;gap:3px;width:66px;height:66px;font-size:12px}.tool .big{font-size:26px}.kid-card{top:96px}}@media (width<=767px){.big{font-size:28px}.kid-title{gap:8px;left:14px}.kid-title h1{font-size:21px}.stars{padding:4px 10px;font-size:15px}.mode-strip{top:calc(max(16px,env(safe-area-inset-top)) + 42px);flex-direction:row;gap:8px;width:auto;padding:0;bottom:auto;left:12px;right:12px}.mode-strip button{border:3px solid #fff5;border-radius:18px;flex:1;width:auto;padding:8px 4px;font-size:13px}.mode-strip button.on{border-color:#fff;width:auto}.tools{top:calc(max(16px,env(safe-area-inset-top)) + 122px);flex-direction:column;gap:8px;right:10px}.tool{border-radius:18px;gap:3px;width:62px;height:62px;font-size:12px}.tool .big{font-size:24px}.part-bar{padding:10px 12px calc(12px + env(safe-area-inset-bottom));gap:8px;left:0}.part-bar button{border-radius:20px;width:70px;height:78px;font-size:14px}.kid-card{top:auto;left:12px;right:12px;bottom:calc(112px + env(safe-area-inset-bottom));border-width:5px;border-radius:26px;width:auto;max-height:42dvh;padding:16px 16px 14px}.card-emoji{border-radius:16px;padding:6px;font-size:40px}.kid-card h2{font-size:28px}.kid-card p{margin:10px 0 12px;font-size:17px}.card-actions button{min-height:48px;padding:10px 14px;font-size:16px}.food-tray{top:auto;bottom:calc(112px + env(safe-area-inset-bottom));flex-direction:row;left:50%;right:auto;transform:translate(-50%)}.food-tray button{width:64px;height:70px;font-size:12px}.food-tray button .big{font-size:32px}.quiz-banner{top:auto;bottom:calc(112px + env(safe-area-inset-bottom));border-radius:26px;gap:8px;max-width:none;padding:10px;left:12px;right:12px;transform:none}.quiz-banner .big{font-size:34px}.quiz-banner strong{font-size:20px}.quiz-banner small{font-size:13px}.quiz-banner button{width:44px;height:44px;font-size:18px}.corner-btns{left:auto;right:12px;top:max(12px,env(safe-area-inset-top));gap:6px;bottom:auto}.corner-btns button{width:36px;height:36px;font-size:17px}.bone-label button{font-size:13px;top:-14px;left:30px}.bone-label button:before{width:22px}.bone-label.left button{right:30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}