@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800&family=ZCOOL+KuaiLe&display=swap";:root{color:#193d48;background:#f4f0e8;font-family:Nunito,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}.app{background:#f4f0e8;min-height:100vh}.topbar{background:#fffdf9;border-bottom:2px solid #e4dccd;align-items:center;gap:36px;height:76px;padding:0 5vw;display:flex}.logo{color:#193d48;align-items:baseline;gap:7px;min-width:180px;display:flex}.logo span{color:#df6249;font-family:ZCOOL KuaiLe;font-size:27px}.logo b{letter-spacing:2px;font-size:16px}.progress-wrap{color:#789087;flex:1;align-items:center;gap:11px;max-width:460px;font-size:12px;display:flex}.progress{background:#e5e9df;border-radius:8px;flex:1;height:8px}.progress i{background:#75a77d;border-radius:8px;height:100%;transition:all .35s;display:block}.progress-wrap strong{color:#4d8b70;font-size:12px}.icon-btn{color:#457960;cursor:pointer;background:#edf2e8;border:0;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:auto;display:grid}.story-layout{grid-template-columns:235px 1fr;gap:36px;max-width:1180px;margin:36px auto;padding:0 28px;display:grid}.map-panel{padding-top:10px}.map-title{color:#547269;align-items:center;gap:8px;margin:0 0 18px;font-weight:800;display:flex}.scene-tab{text-align:left;color:#668078;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:11px;width:100%;margin-bottom:8px;padding:12px 10px;display:flex}.scene-tab.chosen{color:#225b51;background:#e8f0e5;border-color:#ccddcb}.scene-tab>span{font-size:24px}.scene-tab div{flex:1}.scene-tab b,.scene-tab small{display:block}.scene-tab b{font-size:14px}.scene-tab small{color:#96a59f;margin-top:2px;font-size:10px}.scene-tab svg{color:#6aa276}.sticker{text-align:center;border-top:1px dashed #cfc5b2;margin-top:70px;padding-top:20px;font-size:38px}.sticker small{color:#9ba49b;margin-top:6px;font-size:11px;display:block}.stage-column{min-width:0}.story-stage{background:#f2d27d;border:2px solid #ded4c3;border-radius:22px;height:340px;position:relative;overflow:hidden}.story-stage.tomato{background:#f2cf83}.story-stage.blue{background:#b8d9de}.story-stage.green{background:#b8d8ad}.paper-grain{opacity:.18;background-image:radial-gradient(#a57b4e .6px,#0000 .7px);background-size:10px 10px;position:absolute;inset:0}.stage-label{z-index:3;color:#617e6d;background:#fffaf0dd;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:800;position:absolute;top:17px;left:21px}.clouds{opacity:.6;font-size:31px;position:absolute;top:22px;right:27px}.bear{filter:drop-shadow(0 9px 1px #8c704533);z-index:2;font-size:145px;position:absolute;bottom:35px;left:43%}.speech-bubble{z-index:4;color:#285a5b;background:#fffdf7;border:2px solid #d9ceba;border-radius:16px 16px 16px 4px;padding:15px 18px;font-size:17px;font-weight:800;position:absolute;top:82px;left:51%;box-shadow:4px 4px #d7c6a744}.speech-bubble:after{content:"";border-top:9px solid #d9ceba;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:9px solid #0000;position:absolute;bottom:-9px;left:16px}.speech-bubble small{color:#9aa29a;margin-top:5px;font-size:11px;font-weight:600;display:block}.ground{opacity:.8;justify-content:space-around;font-size:26px;display:flex;position:absolute;bottom:16px;left:0;right:0}.prompt-row{align-items:center;gap:18px;margin:20px 2px 13px;display:flex}.replay{color:#47755f;cursor:pointer;background:#fffdf8;border:1px solid #d7dfd1;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:800;display:flex}.prompt-copy{flex:1}.prompt-copy span{color:#9aa49e;font-size:11px;display:block}.prompt-copy b{color:#24515a;margin-top:3px;font-size:16px;display:block}.object-row{gap:12px;margin-bottom:17px;display:flex}.object{cursor:pointer;color:#355d5e;background:#fffdf8;border:2px solid #dfd8cb;border-radius:15px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:87px;transition:all .18s;display:flex}.object:hover{background:#f4f8ef;border-color:#8eb18d;transform:translateY(-3px)}.object span{font-size:31px}.object small{font-size:11px}.voice-controls{align-items:center;gap:12px;display:flex}.mic{color:#fffdf8;cursor:pointer;background:#df6249;border:0;border-radius:13px;align-items:center;gap:9px;padding:13px 18px;font-weight:800;display:flex;box-shadow:0 3px #b94e3b}.mic.listening{background:#b84f44}.pulse{background:#fff;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse}.support{color:#47775e;cursor:pointer;background:#eef5ea;border:1px solid #cadbc9;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;font-weight:700;display:flex}.continue{color:#518361;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin:18px 0 0 auto;font-weight:800;display:flex}.model-line{color:#668579;background:#edf4e9;border-radius:10px;align-items:center;gap:6px;margin-top:12px;padding:9px 12px;font-size:12px;display:flex}.finished{text-align:center;padding:38px}.finished>div{font-size:48px}.finished h2{color:#24555a;margin:8px 0}.finished p{color:#82928a;font-size:13px}.finished .continue{margin:15px auto}.report{max-width:900px;margin:60px auto;padding:0 28px}.report-head{justify-content:space-between;align-items:flex-start;display:flex}.kicker{letter-spacing:1.5px;color:#a06d58;font-size:11px;font-weight:800}.report h1{color:#1c4c55;margin:10px 0 7px;font-size:35px}.report-head p{color:#7d8e88;margin:0}.report-date{text-align:right;color:#8da097;font-size:12px}.report-date b{color:#4a8569;font-size:27px}.report-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:40px 0 20px;display:grid}.metric,.report-card{background:#fffdf8;border:1px solid #e3dbcd;border-radius:17px;padding:20px}.metric span,.metric small{color:#89978f;font-size:12px}.metric strong{color:#db694f;margin:9px 5px 0 0;font-size:37px}.report-card{margin-top:14px}.report-card h3{color:#38615d;margin:0 0 15px;font-size:16px}.task{border-top:1px solid #eee8dc;align-items:center;gap:10px;padding:12px 0;display:flex}.task:first-of-type{border-top:0}.task span{color:#6da078;font-size:17px}.task b{flex:1;font-size:13px}.task small{color:#99a39c;font-size:11px}.practice-home p{color:#87958f;font-size:12px}.practice-home button{color:#47765e;cursor:pointer;background:#edf5e9;border:1px solid #d5dfd1;border-radius:10px;align-items:center;gap:6px;margin-right:8px;padding:9px 12px;font-size:12px;font-weight:700;display:inline-flex}@keyframes pulse{50%{opacity:.45;transform:scale(1.35)}}@media (width<=800px){.topbar{gap:12px;padding:0 18px}.logo{min-width:auto}.logo b{display:none}.story-layout{grid-template-columns:1fr;gap:12px;margin:18px auto}.map-panel{gap:6px;display:flex;overflow:auto}.map-title,.sticker{display:none}.scene-tab{min-width:155px;margin:0}.story-stage{height:290px}.bear{font-size:112px;left:33%}.speech-bubble{font-size:14px;left:47%}.object-row{flex-wrap:wrap}.object{min-width:29%}.report{margin:35px auto}.report-grid{gap:8px}.metric{padding:13px 10px}}