*{box-sizing:border-box}:root{color-scheme:dark;--frame-h: 480px}body{margin:0;font-family:Segoe UI,Noto Sans TC,system-ui,sans-serif;background:#0d1424;color:#e8ecf5}.app{max-width:1200px;margin:0 auto;padding:16px 24px 32px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.header h1{font-size:22px;margin:8px 0;letter-spacing:.2px}.badges{display:flex;gap:8px}.badge{font-size:13px;padding:5px 14px;border-radius:999px;border:1px solid transparent;white-space:nowrap;font-weight:600}.badge-ok{background:#0f3524;border-color:#1f7a4c;color:#6fe3a5}.badge-busy{background:#3a2f10;border-color:#8a6d1f;color:#ecd07a}.badge-bad{background:#3a1418;border-color:#8a2634;color:#f090a0}.badge-neutral{background:#14213c;border-color:#2c4270;color:#8fb2ee}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 14px;border-radius:8px;background:#3a1418;border:1px solid #8a2634;color:#f0b0ba}.error-banner .dismiss{background:none;border:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;padding:2px 6px}.main{display:flex;gap:20px;margin-top:16px;align-items:stretch}.stage{flex:1 1 560px;max-width:720px;min-width:0}.stage>*{width:100%}.topics{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.topics .topic{font-size:13px;padding:7px 14px;border-radius:999px;border:1px solid #2c3a5e;background:#131c30;color:#9fb0d0;cursor:pointer}.topics .topic:hover{border-color:#4681f4;color:#e8ecf5}.topics .topic-active{background:#2f6fed;border-color:#2f6fed;color:#fff}.avatar-stack{position:relative}.avatar-bg{position:absolute;top:0;left:0;width:100%;height:var(--frame-h);object-fit:cover;border-radius:16px}.avatar-frame{position:relative;height:var(--frame-h);overflow:hidden;border-radius:16px;outline:1px solid #2c3a5e;outline-offset:-1px}.avatar-frame iframe{position:absolute;left:-128px;width:calc(100% + 256px);height:100%;border:0;background:transparent}.mic-area{text-align:center;margin-top:18px}.mic-button{width:64px;height:64px;border-radius:50%;border:none;background:#2f6fed;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #2f6fed24;transition:background .15s}.mic-button:hover:enabled{background:#4681f4}.mic-button:disabled{background:#263250;color:#7a86a8;cursor:default;box-shadow:none}.mic-button.mic-stop{background:#d64545;box-shadow:0 0 0 8px #d6454524}.mic-button.mic-stop:hover:enabled{background:#e35c5c}.mic-label{margin-top:10px;font-size:18px;font-weight:700}.mic-caption{margin-top:4px;font-size:13px;color:#93a0bd}.transcript{flex:1 1 280px;min-width:260px;max-width:460px;display:flex;flex-direction:column;background:#131c30;border:1px solid #26314d;border-radius:14px;padding:14px 16px;max-height:74vh}.transcript h2{font-size:15px;margin:0 0 10px;color:#c9d4ea}.transcript-body{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.transcript-empty{color:#5e6b8a;font-size:13px}.msg{display:flex;flex-direction:column;gap:4px}.msg-role{font-size:12px;color:#8492b3;font-weight:600}.msg-user{align-items:flex-end}.msg-coach{align-items:flex-start}.msg-row{display:flex;align-items:center;gap:6px;max-width:92%}.mark{flex:none;font-size:14px;line-height:1}.bubble{padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:#fff}.msg-coach .bubble{background:#2f9e55;border-bottom-left-radius:4px}.msg-system{align-self:center;font-size:12px;color:#8492b3;background:#1a2340;border:1px solid #2c3a5e;border-radius:999px;padding:4px 14px}.msg-user .bubble{background:#3b82f6;border-bottom-right-radius:4px}.chat-input{display:flex;gap:8px;margin-top:12px}.chat-input input{flex:1;min-width:0;padding:9px 12px;border-radius:10px;border:1px solid #2c3a5e;background:#0e1626;color:#e8ecf5;font-size:14px}.chat-input input::placeholder{color:#5e6b8a}.chat-input input:disabled{opacity:.55}.chat-input button{flex:none;padding:9px 18px;border-radius:10px;border:none;background:#2f6fed;color:#fff;font-size:14px;cursor:pointer}.chat-input button:hover:enabled{background:#4681f4}.chat-input button:disabled{background:#263250;color:#7a86a8;cursor:default}@media(max-width:880px){.main{flex-direction:column}.stage{flex:1 1 auto;max-width:100%}.transcript{max-width:none;max-height:40vh}}@media(max-width:600px){:root{--frame-h: 300px}.app{padding:10px 12px 24px}.header{gap:8px}.header h1{font-size:17px;margin:4px 0}.badges{flex-wrap:wrap}.badge{font-size:11px;padding:4px 10px}.topics{gap:6px;margin-bottom:8px}.topics .topic{font-size:12px;padding:6px 10px}.mic-area{margin-top:12px}.mic-button{width:56px;height:56px;box-shadow:0 0 0 6px #2f6fed24}.mic-label{font-size:16px;margin-top:8px}.mic-caption{font-size:12px}.transcript{padding:10px 12px;max-height:45vh}.bubble{font-size:13px;padding:8px 11px}.chat-input input,.chat-input button{font-size:16px}}