.hq-mode-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.hq-mode-tabs button[aria-pressed=true]{background:#234d43;color:#fff}.gt-workspace{min-width:0}.gt-intro,.gt-lesson,.gt-camera-panel,.gt-input,.gt-history{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}.gt-intro{background:#edf3e8}.gt-intro p{font-size:12px;line-height:1.8;margin:9px 0}.gt-work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.gt-camera-panel video{width:100%;aspect-ratio:4/3;min-height:180px;max-height:380px;display:block;border-radius:12px;background:#16382f;object-fit:contain;margin:14px 0}.gt-camera-actions{display:flex;gap:8px;flex-wrap:wrap}.gt-camera-actions .button{min-height:40px;font-size:11px}.gt-camera-status,.gt-camera-panel .muted{font-size:11px;line-height:1.7;margin-top:10px}.gt-input label{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:14px}.gt-input select,.gt-input textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbf8;color:var(--ink)}.gt-input textarea{min-height:100px;resize:vertical}.gt-input>form>p{font-size:11px;line-height:1.7}.gt-input .hq-form-grid{grid-template-columns:1fr}.gt-preview{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.gt-preview img{height:145px}.gt-lesson>header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:15px}.gt-lesson>header>div{flex:1;min-width:180px}.gt-lesson h2{font-size:17px;margin:8px 0}.gt-lesson>header>b{font-size:12px;color:#486c40}.gt-lesson details{font-size:12px;line-height:1.8;background:#f5f7f1;padding:12px;border-radius:10px}.gt-lesson summary{cursor:pointer;font-weight:650}.gt-lesson ol{padding-left:24px}.gt-conversation{display:flex;flex-direction:column;gap:14px;margin:18px 0;max-height:650px;overflow-y:auto;overscroll-behavior:contain}.gt-message{border-radius:15px;padding:18px;max-width:94%;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.gt-message strong{display:block;font-size:11px;margin-bottom:8px}.gt-teacher{background:#f0f5e9;align-self:flex-start;width:94%}.gt-student{background:#f1f4f7;align-self:flex-end;min-width:45%}.gt-next{border-top:1px solid #d5dfc9;margin-top:12px;padding-top:12px}.gt-next>b{font-size:11px;color:#526c45}.gt-text{white-space:pre-wrap}.gt-practice{background:#fff6db;border:1px solid #ebdfac;border-radius:14px;padding:18px;font-size:13px;line-height:1.8}.gt-practice h3{margin-bottom:12px}.gt-practice details{margin-top:14px}.gt-history-row{display:flex;flex-direction:column;gap:6px;width:100%;padding:14px;text-align:left;background:#f7f9f4;border:1px solid var(--line);border-radius:10px;margin-top:9px;color:var(--ink);cursor:pointer}.gt-history-row small{color:var(--muted);font-size:10px}.gt-history-row:hover{border-color:#a8b89c}.gt-input button:disabled,.gt-camera-actions button:disabled{opacity:.5;cursor:default}@media(max-width:850px){.gt-work-grid{grid-template-columns:1fr}.gt-camera-panel,.gt-input,.gt-lesson,.gt-intro,.gt-history{padding:16px}.gt-conversation{max-height:520px}.gt-message{max-width:100%;width:100%}.gt-lesson>header .button{width:100%}}@supports not (aspect-ratio:4/3){.gt-camera-panel video{height:260px}}
.gt-teacher-stage{display:flex;gap:28px;align-items:center;padding:24px 28px;margin-bottom:18px;background:#fffaf0;border:1px solid #e8dfc9;border-radius:18px}.gt-avatar-scene{flex:0 0 185px;text-align:center;position:relative}.gt-avatar{width:176px;height:192px;display:block;margin:auto;overflow:visible}.gt-teacher-badge{display:inline-block;background:#e5efdf;color:#365c42;padding:5px 12px;border-radius:30px;font-size:11px;margin-top:6px}.gt-teacher-body{flex:1;min-width:0}.gt-teacher-eyebrow{font-size:11px;color:#8b7048;letter-spacing:.15em;margin:0 0 8px}.gt-teacher-body h2{font-size:21px;margin:0 0 10px;color:#234d43}.gt-teacher-body h2 span{font-size:14px;font-weight:500}.gt-teacher-welcome{font-size:13px;line-height:1.8;max-width:680px;margin:0 0 15px}.gt-teacher-controls,.gt-teacher-settings{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gt-teacher-controls .button,.gt-teacher-settings .button{min-height:38px;font-size:11px;padding:9px 13px}.gt-teacher-settings{margin-top:12px;gap:12px}.gt-teacher-settings label{display:flex;gap:8px;align-items:center;font-size:11px;color:#66765c}.gt-teacher-settings select{max-width:210px;background:#fff;border:1px solid #d9decf;border-radius:8px;padding:8px;color:#32473a;font-size:11px;min-height:36px}.gt-teacher-settings button[aria-pressed=true]{background:#234d43;color:#fff}.gt-teacher-status{font-size:11px;line-height:1.7;margin:12px 0 0;color:#4d6a44;min-height:19px}.gt-teacher-help{font-size:10px;line-height:1.7;margin:5px 0 0;color:#7d8272}.gt-teacher-stage button:disabled{opacity:.5;cursor:default}.gt-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.gt-message-head strong{margin:0}.gt-turn-play{border:1px solid #d3dfc6;border-radius:20px;color:#426039;background:#fbfff8;padding:4px 10px;font-size:10px;cursor:pointer}@media(max-width:650px){.gt-teacher-stage{padding:18px 16px;gap:12px;align-items:flex-start}.gt-avatar-scene{flex-basis:92px}.gt-avatar{width:90px;height:100px}.gt-teacher-badge{font-size:9px;padding:4px 6px}.gt-teacher-body h2{font-size:18px}.gt-teacher-body h2 span{display:block;font-size:11px;margin-top:4px}.gt-teacher-welcome{font-size:12px}.gt-teacher-settings label{flex-wrap:wrap}.gt-teacher-settings select{max-width:160px}.gt-teacher-controls .button{padding:8px 10px}.gt-teacher-settings{gap:8px}.gt-teacher-help{font-size:10px}}/* Original 3D-rendered portrait atlas: listening, two speaking expressions, blink. */
.gt-avatar-scene{flex-basis:210px}.gt-avatar-3d{width:208px;height:208px;position:relative;border-radius:22px;background:radial-gradient(ellipse at 50% 36%,#fafcf7 0%,#e6eee3 65%,#d9e5d4 100%);overflow:hidden;box-shadow:inset 0 0 0 1px #dce5d6}
.gt-avatar-frame{position:absolute;inset:0;display:block;background-image:url('/assets/teachers/doujia-teacher-3d-atlas.png');background-size:200% 200%;background-position:0 0;background-repeat:no-repeat;animation:gt-3d-blink 8s steps(1,end) infinite}
.gt-teacher-stage[data-state=speaking] .gt-avatar-frame{animation:gt-3d-speak .85s steps(1,end) infinite}.gt-teacher-stage[data-state=speaking] .gt-avatar-3d{animation:gt-3d-breathe 3.4s ease-in-out infinite}.gt-teacher-stage[data-state=thinking] .gt-teacher-badge{animation:gt-3d-think 1.8s ease-in-out infinite}
@keyframes gt-3d-blink{0%,94%,100%{background-position:0 0}96%,98%{background-position:100% 100%}}
@keyframes gt-3d-speak{0%,100%{background-position:0 0}18%,62%{background-position:100% 0}38%,80%{background-position:0 100%}}
@keyframes gt-3d-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes gt-3d-think{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:650px){.gt-avatar-scene{flex-basis:110px}.gt-avatar-3d{width:108px;height:108px;border-radius:16px}.gt-teacher-stage{gap:12px}.gt-teacher-badge{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.gt-avatar-3d,.gt-avatar-frame,.gt-teacher-badge{animation:none!important}.gt-avatar-frame{background-position:0 0}}

.gt-camera-picker{border:0;padding:0;margin:16px 0 0;min-width:0}.gt-camera-picker legend{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.7}.gt-camera-picker:disabled{opacity:.5}.gt-camera-panel .gt-upload-hint{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0}

.tc-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}.tc-panel>header{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.tc-panel h3{font-size:17px;margin:0 0 8px}.tc-panel header p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.tc-messages{max-height:360px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;margin:18px 0}.tc-messages article{max-width:94%;font-size:13px;line-height:1.9;padding:14px 18px;border-radius:14px;overflow-wrap:break-word}.tc-messages strong{display:block;font-size:11px;margin-bottom:6px}.tc-student{align-self:flex-end;background:#f1f4f7;min-width:32%}.tc-teacher{align-self:flex-start;background:#edf3e8}.tc-empty,.tc-wait{font-size:12px;color:var(--muted);line-height:1.8}.tc-queued{border:1px dashed #a8b89c}.tc-panel form>label,.tc-history{display:flex;flex-direction:column;gap:8px;font-size:12px}.tc-panel textarea,.tc-history select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbf8;color:var(--ink)}.tc-panel textarea{min-height:90px;resize:vertical}.tc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.tc-actions .button{min-height:40px}.tc-read{display:inline-flex;align-items:center;gap:6px;font-size:12px}.tc-status,.tc-help{font-size:11px;line-height:1.8;margin:10px 0;color:var(--muted)}.tc-status{color:var(--green)}.tc-history{margin-top:14px;max-width:600px}.tc-panel button:disabled{opacity:.5;cursor:default}@media(max-width:650px){.tc-panel{padding:16px}.tc-messages article{max-width:100%}.tc-actions .button{flex:1;min-width:120px}.tc-read{width:100%}}

.tc-quick{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tc-quick button{font:inherit;padding:7px 12px;border:1px solid #c5d8cf;border-radius:16px;background:#f2f7f1;color:#24594d;cursor:pointer}.tc-teaching-focus{font-size:12px;color:#526c62;margin:8px 0}.tc-teaching-focus span{display:inline-block;border-radius:5px;background:#e2eee5;padding:2px 6px}
