.lesson-panel{width:285px;max-height:calc(100dvh - 255px);top:18px;right:18px;background:#faf6edea;backdrop-filter:blur(18px);border-color:#fff8e7a0}.lesson-panel summary{padding:13px 16px}.lesson-panel ol{font-size:12px;line-height:1.65;margin:10px 0}.mia-guide{display:none}.lesson-panel #before p{font-size:11px;line-height:1.45}.lesson-panel .record-choice{margin:9px 0}.lesson-panel #words{margin:8px 0;gap:3px}.lesson-panel #words button{min-height:32px;font-size:12px;padding:5px 8px}.lesson-panel label{font-size:12px}.lesson-panel select{min-height:34px}.lesson-panel #status{line-height:1.5;font-size:11px}.lesson-panel #show-menu,.lesson-panel #music{font-size:12px;padding:6px 9px;min-height:36px}.lesson-panel #order{line-height:1.5}.lesson-panel #missions{display:none}.lesson-panel details[open] summary::after{content:' · 查看 / 收起';font-size:10px;font-weight:400}.mia-companion{position:fixed;left:22px;bottom:160px;width:132px;padding:6px;background:#f6eddaeb;border:1px solid #fff9;border-radius:24px;box-shadow:0 10px 35px #102b2940;overflow:hidden;color:#284d40;text-align:center}.mia-companion img{width:100%;height:148px;object-fit:cover;border-radius:18px;display:block}.mia-companion span{display:block;font-size:11px;padding:6px 0 2px}.mia-companion.speaking{box-shadow:0 0 0 3px #d6efbc,0 10px 35px #102b2940}.lesson-scaffold{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(700px,calc(100vw - 350px));padding:15px 20px;background:#183c32ef;border:1px solid #e5efd353;backdrop-filter:blur(14px);color:#fff7df;border-radius:18px;box-shadow:0 10px 35px #001b1830}.lesson-scaffold small{font-size:11px;letter-spacing:.03em;color:#c6d8bc}.lesson-scaffold strong{display:block;font:20px Georgia,serif;line-height:1.4;margin:6px 0 12px}.tour-phrases{display:flex;gap:6px;flex-wrap:wrap}.tour-phrases button{min-height:34px;border-color:#b8c9ad61;font-size:11px;padding:5px 10px;color:#fff3d6}.live-caption{bottom:182px;max-width:min(660px,calc(100vw - 380px));font-size:16px;background:#15382fe8}.lesson-picture{left:172px;bottom:190px;width:165px;pointer-events:none;padding:8px}.lesson-picture button{pointer-events:auto}.lesson-picture img{max-height:130px}.lesson-picture figcaption{font-size:12px}.diner-receipt{position:fixed;inset:15% auto auto 50%;transform:translateX(-50%);margin:0;width:335px;max-height:68dvh;overflow:auto;border-radius:4px 4px 20px 20px;background:#fff9e9;color:#24463a;padding:24px;box-shadow:0 25px 80px #0007;border-top:5px solid #c5a66c;z-index:25}.diner-receipt>button{float:right;font-size:11px;min-height:28px;padding:4px 9px}.diner-receipt h2{clear:both;font:28px Georgia;margin:16px 0 24px}.diner-receipt p{display:flex;justify-content:space-between;font-size:16px;padding:10px 0;border-bottom:1px dashed #b9b59f;gap:12px}.diner-receipt .receipt-note{font-size:11px;line-height:1.6;border:0;display:block}.diner-receipt blockquote{font:17px Georgia;margin:18px 0 0;line-height:1.5}.diner-receipt p:has(span):last-of-type{font-weight:bold}body>footer{display:none}header{top:25px}h1{font-size:27px}#npc-caption{bottom:190px;z-index:10}#npc-caption p{font-size:15px}
@media(max-width:900px){.lesson-panel{width:245px;right:12px}.lesson-scaffold{width:calc(100vw - 36px);bottom:14px}.live-caption{bottom:182px;max-width:calc(100vw - 310px);left:44%}.mia-companion{bottom:190px;width:100px;left:15px}.mia-companion img{height:115px}.lesson-picture{left:125px;width:145px;bottom:235px}.lesson-panel{max-height:calc(100dvh - 250px)}}
@media(max-width:600px){header{max-width:calc(100vw - 195px);left:12px;top:16px}header small{font-size:8px}h1{font-size:19px;line-height:1.4}.lesson-panel{width:185px;top:10px;right:10px;max-height:48dvh}.lesson-inner{padding:0 10px 10px}.lesson-panel summary{padding:10px;font-size:12px}.lesson-panel select{max-width:110px}.lesson-panel #before p{display:none}.lesson-panel button.primary{min-height:42px;font-size:12px}.lesson-panel .record-choice{font-size:10px}.lesson-scaffold strong{font-size:17px}.lesson-scaffold{padding:12px;width:calc(100vw - 20px)}.tour-phrases{gap:4px}.tour-phrases button{font-size:10px;padding:4px 7px}.mia-companion{width:78px;bottom:245px;left:12px}.mia-companion img{height:90px}.mia-companion span{font-size:9px}.live-caption{left:50%;bottom:171px;max-width:94vw;width:94vw;font-size:13px;padding:9px 12px}.lesson-picture{width:125px;left:100px;bottom:248px}.lesson-picture img{max-height:90px}.lesson-picture figcaption{font-size:10px}.diner-receipt{top:12%;width:min(335px,94vw)}.lesson-panel #status{font-size:10px}}
.lesson-panel .mission-list #missions{display:block}.lesson-panel .mission-list summary{padding:9px 0;font-size:11px}.lesson-panel .mission-list summary::after{content:''}
.mia-companion{width:170px;background:linear-gradient(150deg,#f7f0deed,#bdc9b9d9)}.mia-companion .mia-avatar-canvas{width:100%;height:182px;touch-action:auto}.mia-companion:has(.mia-avatar-canvas){padding:0 3px 5px}.lesson-picture{left:205px}@media(max-width:900px){.mia-companion{width:128px}.mia-companion .mia-avatar-canvas{height:143px}.lesson-picture{left:155px}}@media(max-width:600px){.mia-companion{width:96px}.mia-companion .mia-avatar-canvas{height:105px}.lesson-picture{left:117px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.mia-companion,.mia-companion.speaking,.mia-companion:has(.mia-avatar-canvas){background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;pointer-events:none}.mia-companion .mia-avatar-canvas{border-radius:0}
.nearby-places{margin-top:8px;font-size:12px}.nearby-places summary{cursor:pointer;padding:5px 0;color:#ddd6b8}.nearby-places .tour-phrases{margin-top:8px}.nearby-places[open]{max-height:110px;overflow:auto}.discovery-reward{position:fixed;top:100px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);padding:13px 22px;background:#183c32ed;color:#f3dc9e;border:1px solid #d2b878;border-radius:24px;font:15px Georgia,serif;z-index:30;pointer-events:none}.discovery-reward[hidden]{display:none}#recover{font-size:12px}
.live-caption{bottom:var(--lesson-caption-bottom,182px)}

.camera-tools{margin-top:7px}.music-volume{display:flex;align-items:center;gap:8px;margin-top:8px}.music-volume input{min-width:0;width:120px}#music-status{font-size:11px;line-height:1.4;color:#47604d}