:root{font-family:Noto Sans TC,system-ui,sans-serif;color:#233c36;background:#f7f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;transition:background .2s,transform .2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b77c4f;outline-offset:4px}main{max-width:1280px;margin:auto;padding:0 44px 24px}header{height:88px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #dce2d7}.brand{display:flex;align-items:center;gap:12px;font-size:24px;color:inherit;text-decoration:none}.brand>span{font-size:18px;font-weight:700}.brand-light{font-weight:400}.beta{font-size:11px;border:1px solid #cbd7c9;border-radius:30px;padding:5px 10px;color:#59705e}header .quiet{margin-left:auto;background:transparent;color:#6c756b;font-size:13px}.intro{padding:34px 0 24px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#819282;margin:0 0 10px}h1{font-size:36px;letter-spacing:-1px;margin:0;font-weight:600;line-height:1.45}h1 span{color:#788e76}.intro>p:last-child{font-size:14px;color:#788175;margin:10px 0 0}nav{display:flex;gap:8px;margin-bottom:22px}nav button{background:transparent;color:#7b8376;padding:11px 20px;border-radius:30px;font-size:13px}nav button span{font-size:10px;margin-right:9px;opacity:.6}nav .selected{background:#244c3f;color:#fff}.studio{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,1fr);gap:24px}.coach-stage{position:relative;background:#e8ede3;border-radius:24px;overflow:hidden;border:1px solid #dfe5d9}.stage-top{position:absolute;z-index:2;top:22px;left:24px;right:24px;display:flex;align-items:center;gap:8px;font-size:12px;color:#4e6755}.live-dot{width:7px;height:7px;border-radius:50%;background:#76976e}.focus{margin-left:auto;font-size:11px;background:#f8faf4a6;padding:5px 10px;border-radius:16px}.stage-scene{height:410px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#f2f3e9,transparent 65%)}.scene-ring{position:absolute;border:1px solid #cfd8c63d;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-one{width:330px;height:330px}.ring-two{width:470px;height:470px}.avatar{position:relative;margin:auto;width:440px;max-width:100%;height:100%}.avatar svg{width:100%;height:100%;overflow:visible}.mouth{transform-box:fill-box;transform-origin:center}.speaking .mouth{animation:talk var(--tempo) infinite}.mouth-round{transform:scaleX(.65)}.mouth-wide{transform:scaleY(1.25)}.mouth-rest{transform:scaleY(.25)}.head{transform-origin:300px 340px}.speaking .head{animation:nod 4s ease-in-out infinite}.right-arm{transform-origin:388px 395px;transform:rotate(18deg)}.speaking .right-arm,.gesture-offer .right-arm{animation:offer 4s ease-in-out infinite}.gesture-listen:not(.speaking) .head{transform:rotate(-4deg)}.eyes{transform-origin:300px 229px;animation:blink 7s infinite}.mouth-guide{position:absolute;bottom:17px;left:18px;font-size:10px;color:#64745d;background:#f9faf1c9;padding:5px 10px;border-radius:15px}.stage-label{position:absolute;right:22px;bottom:20px;font-size:11px;color:#64745d}.caption{padding:21px 28px;background:#fbfcf6e8;min-height:115px;display:flex;gap:14px}.caption>span{font-size:11px;color:#70816c;margin-top:4px;white-space:nowrap}.caption p{font-size:17px;line-height:1.85;margin:0}.illustration-note{font-size:10px;color:#81907c;padding:10px 28px;margin:0;background:#fbfcf6e8}.practice-panel{display:flex;flex-direction:column;gap:18px}.your-camera{border:1px solid #e1e4da;background:#fffef9;border-radius:22px;padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h2{font-size:13px;margin:0;font-weight:500}.panel-title>span{font-size:10px;color:#9aa08f}.camera-window{position:relative;height:174px;background:#efeee7;border-radius:12px;overflow:hidden}.camera-window video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-window:not(.on) video{visibility:hidden}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-placeholder>span{font-size:27px;color:#a8b39f}.camera-placeholder p{font-size:11px;color:#8a9482;margin:9px}.camera-placeholder button{font-size:11px;padding:8px 15px;border-radius:20px;color:#506447;background:#fffdf4}.camera-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.camera-meta small,.tracking{font-size:10px;color:#8b9583}.text-button{font-size:10px;color:#65755d;background:transparent}.tracking{display:block;margin-top:7px}.lesson-card{background:#eeede3;border-radius:22px;padding:22px;flex:1}.lesson-card .eyebrow{letter-spacing:1px}.lesson-card h2{font-size:18px;font-weight:500;line-height:1.6;margin:0 0 15px}.lesson-card blockquote{font-size:15px;margin:0;padding-left:13px;border-left:2px solid #abb497;line-height:1.9}.lesson-card>p:last-child{color:#7e8373;font-size:12px;line-height:1.8;margin-bottom:0}.conversation{padding:22px 0}.status-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:30px}.status-line p{font-size:12px;color:#7b8675;margin:0}.state-dot{width:6px;height:6px;background:#a4b09a;border-radius:50%}.state-dot.listening{background:#cb7a53;animation:pulse 1s infinite}.controls{display:flex;justify-content:center;gap:12px;margin:17px 0}.controls button{padding:14px 22px;border-radius:30px;font-size:13px}.secondary{background:#eaece2;color:#5f7057}.talk{background:#244c3f;color:#fff;min-width:175px;box-shadow:0 7px 18px #244c3f20}.talk.listening{background:#b96e4e}.voice-consent{max-width:650px;margin:20px auto;color:#839079}.voice-consent label{font-size:11px;display:flex;justify-content:center;gap:7px;align-items:center}.voice-consent p{font-size:10px;text-align:center;line-height:1.7;margin:7px 0}.heard{max-width:720px;margin:20px auto;padding:16px 20px;border-left:3px solid #9aaa8e;background:#ecefe5;border-radius:0 10px 10px 0}.heard span{font-size:10px;color:#7c8a72}.heard p{font-size:15px;margin:7px 0}.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center}.suggestions>span{font-size:10px;color:#94a088;margin-right:5px}.suggestions button{font-size:11px;color:#7b876e;background:transparent;border:1px solid #dde2d3;padding:6px 12px;border-radius:20px}details{max-width:720px;margin:18px auto;font-size:12px;color:#7a8472}summary{cursor:pointer;text-align:center}form{margin-top:15px}form label{font-size:11px;display:block;margin-bottom:6px}.text-entry{display:flex;gap:8px}.text-entry input{min-width:0;flex:1;border:1px solid #d6decd;border-radius:12px;padding:12px;background:#fffdf8;font-size:13px}.text-entry button{border-radius:12px;padding:10px 18px;background:#244c3f;color:#fff}.history{list-style:none;padding:0}.history li{display:flex;gap:12px;padding:10px;border-bottom:1px solid #e1e4d8;line-height:1.8}.history b{white-space:nowrap;font-size:11px}.history span{font-size:12px}footer{border-top:1px solid #e0e4d6;text-align:center;padding-top:15px;font-size:10px;color:#929b86}footer p{margin:5px 0;line-height:1.7}@keyframes talk{0%,to{scale:1 .5}50%{scale:1 1}}@keyframes nod{0%,to{rotate:-1deg}50%{rotate:2deg}}@keyframes offer{0%,to{rotate:15deg}45%,70%{rotate:-7deg}}@keyframes blink{0%,44%,48%,to{scale:1 1}46%{scale:1 .1}}@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.avatar *{animation:none!important}.controls button{transition:none}}@media(max-width:800px){main{padding:0 20px 25px}header{height:72px;gap:9px}.brand>span{font-size:13px}.beta{font-size:9px;padding:4px 6px}header .quiet{font-size:11px}.intro{padding:26px 0 20px}h1{font-size:29px}.studio{grid-template-columns:1fr;gap:16px}.practice-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px}.your-camera{padding:12px}.camera-window{height:150px}.lesson-card{padding:16px}.lesson-card h2{font-size:15px}.stage-scene{height:340px}.caption{padding:18px;min-height:110px}.caption p{font-size:15px}.stage-top{left:18px;right:18px}.controls{gap:8px}.controls button{font-size:11px;padding:12px 14px}.talk{min-width:130px}nav button{padding:9px 13px;font-size:12px}}@media(max-width:430px){.practice-panel{grid-template-columns:1fr}.camera-window{height:190px}.stage-scene{height:300px}.controls{flex-wrap:wrap}.intro>p:last-child{font-size:12px}.focus{font-size:9px}.illustration-note{padding:8px 18px}.brand-light{display:none}}@media(min-width:801px)and (max-height:800px){header{height:62px}.intro{padding:15px 0 12px}.intro h1{font-size:28px}.intro>p:last-child{display:none}.intro .eyebrow{margin-bottom:5px}nav{margin-bottom:14px}nav button{padding:8px 17px}.stage-scene{height:238px}.caption{min-height:80px;padding:14px 22px}.caption p{font-size:14px;line-height:1.65}.illustration-note{padding:7px 22px}.your-camera{padding:13px}.camera-window{height:128px}.lesson-card{padding:15px}.lesson-card h2{font-size:15px;margin-bottom:9px}.lesson-card blockquote{font-size:13px}.lesson-card>p:last-child{font-size:11px}.practice-panel{gap:12px}.conversation{padding-top:12px}.controls{margin:10px 0}.controls button{padding:12px 22px}.stage-top{top:14px}.avatar{width:330px}.mouth-guide{bottom:8px}.stage-label{bottom:10px}}.mouth-spread{transform:scale(1.4,.25)}.focus-toggle{font-size:10px;color:#48633d;padding:5px 9px;border:1px solid #b8c5ac;border-radius:15px;background:#f8faf1}.focus-toggle[aria-pressed=true]{background:#476740;color:#fff}