:root{color:#19334d;font-synthesis:none;--starlight:#f4f2ff;--orbit-purple:#6765a6;--orbit-deep:#4c4a82;--apricot:#f1b7a9;--visor:#19334d;--robot-white:#fffdfc;--sound-cyan:#61c6d3;--muted:#6f7890;--line:#6765a62e;--shadow:0 20px 55px #44417721;background:#f4f2ff;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 12% 8%,#f1b7a954 0 9px,#0000 10px),radial-gradient(circle at 88% 17%,#61c6d338 0 6px,#0000 7px),linear-gradient(165deg,#f9f7ff 0%,#eff2ff 58%,#fff7f3 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #61c6d3cc}.screen{width:min(100%,520px);min-height:100svh;padding:calc(env(safe-area-inset-top) + 24px) 22px calc(env(safe-area-inset-bottom) + 28px);margin:0 auto;overflow:hidden}h1{color:var(--visor);letter-spacing:-.04em;margin:0;font-size:clamp(29px,8vw,42px);line-height:1.12}p{line-height:1.65}.eyebrow{color:var(--orbit-purple);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:18px;min-height:54px;padding:14px 20px;font-weight:800}.primary-button{color:#fff;background:var(--orbit-deep);box-shadow:0 10px 24px #4c4a8240}.primary-button:disabled{color:#8d91a7;box-shadow:none;background:#e2e3eb}.secondary-button{color:var(--orbit-deep);background:#e9e7f7}.button-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.bobo-frame{box-shadow:var(--shadow);background:#dadcf5;border:1px solid #fffc;position:relative;overflow:hidden}.bobo-frame img{object-fit:cover;width:100%;height:100%;display:block}.bobo-frame--large{border-radius:54px 54px 70px 70px;width:172px;height:172px;margin:6px auto 22px;transform:rotate(-2deg)}.bobo-frame--small{border-radius:70px 70px 42px 42px;flex:none;width:132px;height:150px}.bobo-status{color:var(--visor);background:#fffdfce6;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;position:absolute;bottom:9px;right:10px}.setup-screen{flex-direction:column;justify-content:center;display:flex}.setup-copy{text-align:center;margin-bottom:20px}.setup-copy p:last-child{max-width:310px;color:var(--muted);margin:10px auto 0}.profile-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #ffffffd6;border-radius:28px;padding:22px}.profile-card>label,.profile-card legend{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.profile-card input[type=text],.profile-card input:not([type]){border:1px solid var(--line);width:100%;height:52px;color:var(--visor);background:#fff;border-radius:16px;padding:0 15px}.fixed-grade{background:#f2f1f9;border-radius:16px;justify-content:space-between;align-items:center;margin:14px 0;padding:13px 15px;display:flex}.fixed-grade span{color:var(--muted);font-size:12px}fieldset{border:0;margin:0 0 16px;padding:0}.avatar-options{gap:12px;display:flex}.avatar-options label{cursor:pointer}.avatar-options input{opacity:0;pointer-events:none;position:absolute}.avatar{color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.avatar--orbit{background:var(--orbit-purple)}.avatar--wave{background:var(--sound-cyan)}.avatar--nova{background:var(--apricot)}.avatar-options input:checked+.avatar{outline:3px solid var(--visor);outline-offset:3px}.profile-card .primary-button{width:100%}.privacy-note{color:var(--muted);text-align:center;margin:11px 0 0;font-size:11px}.form-error{color:#b43c52;min-height:20px;margin:0 0 8px;font-size:12px}.topbar,.lesson-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-chip{align-items:center;gap:10px;display:flex}.profile-chip .avatar{border-radius:14px;width:44px;height:44px}.profile-chip span:last-child{flex-direction:column;display:flex}.profile-chip small{color:var(--muted);font-size:10px}.star-count{color:#6d5819;background:#fff2b9;border-radius:999px;padding:9px 12px;font-weight:900}.mission-hero{align-items:center;gap:14px;margin:28px 0 30px;display:flex}.mission-hero>div:first-child{flex:1}.mission-hero h1{font-size:clamp(28px,8vw,38px)}.mission-hero mark{color:var(--visor);background:#61c6d36b;border-radius:.2em;padding:0 .18em}.mission-hero p:not(.eyebrow){color:var(--muted)}.mission-hero .primary-button{width:100%;margin-top:5px;padding-inline:13px;font-size:15px}.planet-map{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;display:grid;position:relative}.orbit-line{background:repeating-linear-gradient(90deg, var(--sound-cyan) 0 7px, transparent 7px 13px);opacity:.55;height:2px;position:absolute;top:50%;left:11%;right:11%}.planet{z-index:1;text-align:center;border:0;border-radius:50% 48% 46% 54%;flex-direction:column;justify-content:center;align-items:center;min-height:116px;padding:12px 8px;display:flex;position:relative}button.planet{cursor:pointer}.planet span{font-size:11px;font-weight:900}.planet strong{margin:2px 0}.planet small{max-width:80px;font-size:9px}.planet--current{color:var(--visor);background:var(--apricot);box-shadow:0 14px 30px #c9827338}.planet--locked{color:#9498ab;background:#e7e7ef}.home-note{color:var(--muted);text-align:center;margin-top:18px;font-size:12px}.lesson-topbar{min-height:44px}.icon-button{width:44px;height:44px;color:var(--orbit-deep);background:#ffffffb8;border:0;border-radius:15px;font-size:22px}.lesson-progress{background:#6765a624;border-radius:99px;flex:1;height:9px;overflow:hidden}.lesson-progress span{border-radius:inherit;background:var(--sound-cyan);height:100%;transition:width .4s;display:block}.lesson-topbar>strong{color:var(--muted);font-size:12px}.coach-line{grid-template-columns:78px 1fr;align-items:center;gap:12px;margin:20px 0;display:grid}.coach-line img{object-fit:cover;border-radius:28px;width:78px;height:78px}.coach-line div{background:#fff;border-radius:4px 20px 20px;padding:12px 14px;box-shadow:0 10px 30px #373a6917}.coach-line p{margin:0;font-size:13px;line-height:1.55}.activity-card{min-height:560px;box-shadow:var(--shadow);background:#ffffffc2;border:1px solid #ffffffd9;border-radius:34px;padding:25px 20px}.activity-card h1{font-size:29px}.instruction{color:var(--muted);margin:8px 0 14px}.word-orbit{text-align:center;background:#f1f3ff;border-radius:28px;margin:26px 0 20px;padding:24px 10px 16px;position:relative}.sound-track{border-bottom:3px solid var(--sound-cyan);border-radius:0 0 50% 50%;height:18px;position:absolute;top:52px;left:16%;right:16%}.sound-track i{background:var(--sound-cyan);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;right:-3px;box-shadow:0 0 0 7px #61c6d32b}.sound-letters{justify-content:center;gap:24px;display:flex;position:relative}.sound-letter{width:54px;height:58px;color:var(--orbit-deep);background:var(--robot-white);border-radius:18px;place-items:center;font:800 36px/1 Avenir Next,sans-serif;display:grid;box-shadow:0 8px 20px #47457e1c}.sound-letter--target{color:var(--visor);background:#bdeaf0;transform:translateY(-5px)}.whole-word{color:var(--visor);letter-spacing:.08em;margin-top:28px;font-size:38px;display:block}.letter-choice{justify-content:center;gap:15px;margin:20px 0;display:flex}.letter-choice button{border:2px solid var(--line);width:64px;height:64px;color:var(--orbit-deep);background:#fff;border-radius:20px;font-size:30px;font-weight:800}.letter-choice button.is-correct{background:#c9eef1;border-color:#3ca4ae}.letter-choice button.is-wrong{background:#ffe4e7;border-color:#ce7282}.mistake-card{background:#fff2f3;border:2px dashed #b43c5252;border-radius:22px;flex-direction:column;align-items:center;padding:17px;display:flex}.mistake-card strong{color:#a7354a;font-size:30px}.mistake-card small{color:var(--muted)}.check-count{color:var(--orbit-purple);text-align:right;font-weight:900}.mic-zone{flex-direction:column;align-items:center;margin-top:20px;display:flex}.mic-button{color:#fff;background:var(--orbit-deep);-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:148px;height:148px;display:flex;box-shadow:0 16px 35px #4c4a824d,inset 0 0 0 8px #ffffff1a}.mic-button strong{margin-top:6px}.mic-button small{opacity:.7;margin-top:2px}.mic-button.is-recording{background:#b44359;transform:scale(.97)}.mic-icon{border:3px solid #fff;border-radius:14px;width:24px;height:32px;position:relative}.mic-icon:after{content:"";border:3px solid #fff;border-top:0;border-radius:0 0 18px 18px;width:34px;height:16px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.recording-status{min-height:44px;color:var(--muted);text-align:center;margin-top:14px;font-size:12px}.waveform{opacity:0;justify-content:center;align-items:center;gap:4px;height:21px;display:flex}.waveform i{background:#b44359;border-radius:5px;width:3px;height:7px}.mic-button.is-recording+.recording-status .waveform{opacity:1}.mic-button.is-recording+.recording-status .waveform i{animation:.7s ease-in-out infinite alternate wave}.waveform i:nth-child(2n){animation-delay:-.25s!important}.waveform i:nth-child(3n){animation-delay:-.45s!important}.speech-feedback{min-height:28px;color:var(--visor);text-align:center;margin:6px 0 0;font-size:13px}.is-coach-speaking .mic-button{opacity:.48}.check-finished{text-align:center;margin:70px 0 35px}.check-finished strong{font-size:26px}.check-finished p{color:var(--muted)}.report-screen{text-align:center;flex-direction:column;justify-content:center;align-items:stretch;display:flex}.report-star{color:#795f13;background:#ffe78a;border-radius:48% 52% 46% 54%;place-items:center;width:116px;height:116px;margin:0 auto 22px;font-size:62px;display:grid;transform:rotate(-5deg);box-shadow:0 18px 50px #bf98263d}.report-message{color:var(--muted)}.report-grid{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 12px;display:grid}.report-grid div,.review-card{background:#fffc;border-radius:22px;padding:18px;box-shadow:0 10px 28px #46437817}.report-grid span,.review-card span{color:var(--muted);font-size:12px;display:block}.report-grid strong{color:var(--orbit-deep);font-size:38px;display:block}.report-grid small{font-size:15px}.review-card{margin-bottom:20px}.review-card strong{margin-top:6px;display:block}@keyframes wave{0%{height:5px}to{height:20px}}@media (width<=380px){.screen{padding-left:16px;padding-right:16px}.mission-hero .bobo-frame{width:105px;height:126px}.sound-letters{gap:15px}.sound-letter{width:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}