:root{--bg: #f5f6fa;--bg-board: #f7f8fb;--bg-card: #ffffff;--bg-card-hover: #f7f8fb;--bg-teacher: #ffffff;--border: #e5e6eb;--border-light: #d8d9df;--text: #1d1d1f;--text-dim: #4a4a52;--text-faint: #86868b;--accent: #5b6cff;--accent-deep: #4754e6;--accent-light: #eef0ff;--accent-dim: rgba(91, 108, 255, .08);--accent-glow: rgba(91, 108, 255, .16);--mint: #2bb673;--mint-dim: rgba(43, 182, 115, .1);--butter: #e8a33d;--butter-dim: rgba(232, 163, 61, .1);--lavender: #5b6cff;--lavender-dim: rgba(91, 108, 255, .1);--berry: #e0584f;--berry-dim: rgba(224, 88, 79, .08);--sky: #5b8def;--sky-dim: rgba(91, 141, 239, .1);--teacher-gradient: linear-gradient(135deg, #5b6cff, #4754e6);--card-shadow: 0 6px 20px rgba(20, 22, 40, .06), 0 2px 6px rgba(20, 22, 40, .04);--card-shadow-hover: 0 14px 40px rgba(20, 22, 40, .08), 0 6px 16px rgba(20, 22, 40, .05);--radius: 28px;--radius-sm: 16px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Nunito,-apple-system,Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 700px 500px at 20% 10%,rgba(91,108,255,.03),transparent),radial-gradient(ellipse 600px 400px at 90% 90%,rgba(91,108,255,.02),transparent);pointer-events:none;z-index:0}#root{height:100vh;position:relative;z-index:1}.topbar{height:52px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-logo{width:32px;height:32px;border-radius:10px;background:var(--teacher-gradient);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px #f48fb140}.topbar-title{font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;color:var(--text);letter-spacing:.01em}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-info{font-size:.75rem;color:var(--text-dim);display:flex;align-items:center;gap:6px;font-weight:600}.topbar-streak{color:var(--butter);font-weight:700}.main{display:flex;height:calc(100vh - 52px)}.blackboard{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 28px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.blackboard::-webkit-scrollbar{width:6px}.blackboard::-webkit-scrollbar-track{background:transparent}.blackboard::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:3px;opacity:.5}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin-bottom:18px;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:cardSlideIn .5s ease-out backwards;box-shadow:var(--card-shadow)}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.19s}.card:nth-child(4){animation-delay:.26s}.card:nth-child(5){animation-delay:.33s}.card:nth-child(6){animation-delay:.4s}.card:nth-child(7){animation-delay:.47s}.card:nth-child(8){animation-delay:.54s}.card:nth-child(9){animation-delay:.61s}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card:hover{border-color:var(--border-light);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-type-badge{display:inline-flex;align-items:center;gap:5px;font-family:Fredoka,sans-serif;font-size:.68rem;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.02em}.badge-word{background:var(--accent-dim);color:var(--accent-deep)}.badge-quiz{background:var(--sky-dim);color:var(--sky)}.badge-spelling{background:var(--butter-dim);color:var(--butter)}.badge-story{background:var(--lavender-dim);color:var(--lavender)}.badge-report{background:var(--mint-dim);color:var(--mint)}.card-drag-handle{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--text-faint);transition:all .25s;touch-action:none}.card-drag-handle:hover{background:var(--accent-dim);color:var(--accent);transform:scale(1.08)}.drag-dots{width:14px;height:14px;background-image:radial-gradient(circle,currentColor 1.5px,transparent 1.5px);background-size:5px 5px;background-position:2px 2px;opacity:.5}.word-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.word-title{font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.01em;line-height:1.2;cursor:pointer}.word-play-btn{font-size:1.1rem;cursor:pointer;opacity:.5;transition:all .2s;line-height:1;padding:2px;background:none;border:none}.word-play-btn:hover{opacity:1;transform:scale(1.15)}.word-meaning{font-size:1rem;color:var(--text-dim);margin-top:4px;margin-bottom:18px;font-weight:600}.word-emoji{font-size:2rem;line-height:1;margin-right:8px;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(244,143,177,.2))}.phonics-rule{background:linear-gradient(135deg,#fff8e1,#fff3cd);border-left:3px solid #ffcc80;padding:8px 12px;border-radius:6px;font-size:.85rem;color:#6b5d3f;margin-bottom:14px;line-height:1.5}.pron-test-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1.5px dashed var(--border)}.pron-phones{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pron-phone{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:8px;font-family:monospace}.pron-phone.good{background:#e8f5e9;color:#2e7d32}.pron-phone.ok{background:#fff8e1;color:#f57c00}.pron-phone.low{background:#ffebee;color:#c62828}.pron-btn{font-family:Nunito,sans-serif;font-size:.88rem;font-weight:700;padding:9px 18px;border-radius:20px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px var(--accent-glow)}.pron-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.pron-btn.recording{background:linear-gradient(135deg,#ef5350,#c62828);animation:pulse-rec 1.2s infinite}@keyframes pulse-rec{0%,to{box-shadow:0 0 #ef535080}50%{box-shadow:0 0 0 8px #ef535000}}.pron-score{font-weight:800;font-size:.9rem;padding:4px 12px;border-radius:12px}.pron-score.good{background:#e8f5e9;color:#2e7d32}.pron-score.ok{background:#fff8e1;color:#f57c00}.pron-score.low{background:#ffebee;color:#c62828}.example-sentences{margin-top:18px;padding-top:16px;border-top:1.5px dashed var(--border);display:flex;flex-direction:column;gap:12px}.example-item{background:linear-gradient(135deg,var(--accent-dim),var(--lavender-dim));border-radius:var(--radius-sm);padding:12px 16px;border:1px solid rgba(244,143,177,.06);transition:all .25s}.example-item:hover{border-color:#f48fb126;transform:translate(4px)}.example-en{font-size:.9rem;color:var(--text);line-height:1.5;cursor:pointer;display:flex;align-items:flex-start;gap:8px;transition:color .2s;font-weight:600}.example-en:hover{color:var(--accent-deep)}.example-play{font-size:.82rem;flex-shrink:0;margin-top:2px;opacity:.5;transition:all .2s}.example-en:hover .example-play{opacity:1;transform:scale(1.15)}.word-actions{margin-top:18px;padding-top:16px;border-top:1.5px dashed var(--border);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.word-action-btn{font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;padding:10px 6px;border-radius:var(--radius-sm);border:1.5px solid transparent;background:#fff;color:var(--text);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2;box-shadow:0 2px 6px #f48fb114}.word-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f48fb12e}.word-action-btn:active{transform:translateY(0)}.word-action-btn.wa-next{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff}.word-action-btn.wa-next:hover{background:var(--accent-deep)}.word-action-btn.wa-know{background:var(--accent);color:#fff}.word-action-btn.wa-know:hover{background:var(--accent-deep)}.word-action-btn.wa-hard{background:var(--accent-deep);color:#fff}.word-action-btn.wa-hard:hover{background:var(--accent-deep);filter:brightness(.92)}.word-action-btn.wa-quiz{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff}.word-action-btn.wa-quiz:hover{background:var(--accent-deep)}@media (max-width: 768px){.word-actions{grid-template-columns:repeat(2,1fr)}}.syllable-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}.syllable-box{background:linear-gradient(135deg,var(--accent-dim),rgba(248,187,208,.06));border:1px solid rgba(244,143,177,.15);border-radius:var(--radius-sm);padding:12px 18px;text-align:center;min-width:68px}.syllable-letters{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text)}.syllable-phoneme{font-size:.76rem;color:var(--accent);margin-top:4px;font-weight:600}.story-inline{margin-top:14px;padding:10px 14px;background:linear-gradient(135deg,var(--lavender-dim),rgba(206,147,216,.04));border:1px solid rgba(206,147,216,.1);border-radius:var(--radius-sm);font-size:.82rem;color:var(--text-dim);line-height:1.6;cursor:pointer;font-weight:600}.story-inline:hover{color:var(--lavender)}.example-zh{font-size:.78rem;color:var(--text-dim);margin-top:5px;margin-left:24px;cursor:pointer;line-height:1.4;font-weight:600}.example-zh:hover{color:var(--lavender)}.quiz-question{font-size:.92rem;color:var(--text);margin-bottom:16px;font-weight:600}.quiz-audio-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--sky-dim),rgba(129,212,250,.05));border:1px solid rgba(129,212,250,.2);border-radius:var(--radius-sm);padding:10px 20px;cursor:pointer;margin-bottom:16px;transition:all .25s}.quiz-audio-btn:hover{background:#81d4fa1f;transform:scale(1.03)}.quiz-audio-btn .icon{font-size:1.1rem}.quiz-audio-btn .label{font-family:Fredoka,sans-serif;font-size:.8rem;color:var(--sky);font-weight:600}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px}.quiz-option:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.quiz-option.selected{border-color:var(--accent);background:var(--accent-dim)}.quiz-option.correct{border-color:var(--mint);background:var(--mint-dim)}.quiz-option.wrong{border-color:var(--berry);background:var(--berry-dim)}.quiz-option .opt-key{width:26px;height:26px;border-radius:8px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:600;color:var(--text-dim);flex-shrink:0}.quiz-option.correct .opt-key{background:var(--mint);color:#fff}.quiz-option.wrong .opt-key{background:var(--berry);color:#fff}.spelling-slots{display:flex;gap:7px;justify-content:center;margin:18px 0;flex-wrap:wrap}.spell-slot{width:42px;height:52px;border:2.5px solid var(--border-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600;background:var(--bg);color:var(--text);transition:all .25s;text-align:center;padding:0}.spell-slot:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.spell-slot.filled{border-color:var(--accent)}.spell-slot.correct{border-color:var(--mint);color:var(--mint);background:var(--mint-dim)}.spell-slot.wrong{border-color:var(--berry);color:var(--berry);background:var(--berry-dim)}.spell-space{width:18px;height:52px;display:flex;align-items:flex-end;justify-content:center;font-size:1.6rem;color:var(--text-light);-webkit-user-select:none;user-select:none}.spell-submit-row{text-align:center;margin-top:6px}.spell-submit-btn{font-family:Fredoka,sans-serif;font-size:.8rem;font-weight:600;padding:8px 22px;background:var(--teacher-gradient);border:none;border-radius:16px;color:#fff;cursor:pointer;transition:all .25s;box-shadow:0 3px 10px #f48fb14d}.spell-submit-btn:hover{transform:scale(1.05)}.spell-result{text-align:center;font-size:.82rem;margin-top:8px;font-weight:700}.spell-result.ok{color:var(--mint)}.spell-result.no{color:var(--berry)}.story-content{font-size:.9rem;color:var(--text);line-height:1.8;padding:16px 18px;background:linear-gradient(135deg,var(--lavender-dim),rgba(206,147,216,.04));border:1px solid rgba(206,147,216,.1);border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.story-content:hover{border-color:#ce93d833}.report-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.report-stat{text-align:center;padding:14px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);transition:transform .25s}.report-stat:hover{transform:translateY(-2px)}.report-stat .num{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700}.report-stat .label{font-size:.68rem;color:var(--text-dim);margin-top:3px;font-weight:600}.report-stat.good .num{color:var(--mint)}.report-stat.warn .num{color:var(--butter)}.report-stat.bad .num{color:var(--berry)}.report-suggestion{font-size:.82rem;color:var(--text-dim);padding:14px 16px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);line-height:1.6;font-weight:600}.report-suggestion strong{color:var(--accent-deep)}.card.dragging{opacity:.5;transform:scale(.95)}.card.drag-hint{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.9;transform:rotate(-3deg) scale(.92);box-shadow:0 6px 20px #14162826;border:2px solid var(--accent);border-radius:var(--radius);background:var(--bg-card);padding:14px 18px;max-width:240px;font-size:.78rem;color:var(--text);display:none}.drag-ghost .ghost-label{font-family:Fredoka,sans-serif;font-size:.65rem;color:var(--accent-deep);font-weight:600;text-transform:uppercase;margin-bottom:4px}.teacher-drop-zone{position:absolute;top:0;right:0;bottom:0;left:0;background:#f48fb10f;border:2.5px dashed var(--accent);display:none;align-items:center;justify-content:center;z-index:10;pointer-events:none}.teacher-panel.drag-over .teacher-drop-zone{display:flex}.teacher-drop-zone .drop-text{font-family:Fredoka,sans-serif;font-size:.92rem;color:var(--accent-deep);font-weight:600;text-align:center}.msg-context-card{align-self:flex-end;max-width:88%;margin-bottom:2px}.context-card-preview{background:var(--bg-card);border:1.5px solid var(--accent-light);border-radius:var(--radius-sm);padding:8px 12px;font-size:.72rem;color:var(--text-dim);display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #f48fb114}.context-card-preview .ctx-icon{font-size:.9rem}.context-card-preview .ctx-text{flex:1}.context-card-preview .ctx-remove{width:20px;height:20px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-faint);cursor:pointer;transition:all .2s}.context-card-preview .ctx-remove:hover{background:var(--berry-dim);color:var(--berry);border-color:var(--berry)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-card);border:1px solid var(--accent-light);border-radius:14px;padding:10px 22px;font-size:.82rem;font-weight:700;color:var(--accent-deep);z-index:10000;transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #f48fb126}.toast.show{transform:translate(-50%) translateY(0)}.msg .tts-en{cursor:pointer;color:var(--accent-deep);font-weight:700;text-decoration:underline dotted var(--accent);text-underline-offset:3px;transition:color .2s}.msg .tts-en:hover{color:var(--lavender)}.ws-status{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700}.ws-status .dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.ws-status.connected .dot{background:var(--mint);box-shadow:0 0 6px #80cbc499}.ws-status.disconnected .dot{background:var(--berry)}.typing-indicator{align-self:flex-start;font-size:.78rem;color:var(--text-faint);font-weight:600;padding:6px 4px}.typing-indicator .dots span{animation:blink 1.4s infinite both;display:inline-block}.typing-indicator .dots span:nth-child(2){animation-delay:.2s}.typing-indicator .dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.welcome-card{text-align:center;padding:36px 24px;background:linear-gradient(135deg,var(--accent-dim),var(--lavender-dim));border-color:#f48fb11f;position:relative;overflow:hidden}.welcome-card:before{content:"✿";position:absolute;top:12px;right:18px;font-size:3rem;color:#f48fb10f;pointer-events:none}.welcome-card .emoji{font-size:2.8rem;margin-bottom:14px}.welcome-card h2{font-family:Caveat,cursive;font-size:1.6rem;margin-bottom:8px;color:var(--accent-deep);font-weight:700}.welcome-card p{font-size:.85rem;color:var(--text-dim);font-weight:600;line-height:1.6}.teacher-panel{width:350px;background:var(--bg-teacher);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.teacher-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0;background:linear-gradient(135deg,var(--accent-dim),var(--lavender-dim))}.teacher-avatar{width:42px;height:42px;border-radius:50%;background:var(--teacher-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;flex-shrink:0;box-shadow:0 3px 10px #f48fb140}.teacher-avatar:after{content:"";position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;background:var(--mint);border:2.5px solid var(--bg-teacher);border-radius:50%;box-shadow:0 0 6px #80cbc480}.teacher-info{flex:1}.teacher-name{font-family:Fredoka,sans-serif;font-size:.92rem;font-weight:600;color:var(--text)}.teacher-status{font-size:.68rem;color:var(--mint);font-weight:700}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.msg{max-width:88%;font-size:.83rem;line-height:1.6;animation:msgIn .35s ease-out;font-weight:600}@keyframes msgIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-teacher{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:16px 16px 16px 4px;padding:10px 15px;box-shadow:0 2px 8px #f48fb10a}.msg-student{align-self:flex-end;background:var(--teacher-gradient);border:none;border-radius:16px 16px 4px;padding:10px 15px;color:#fff;box-shadow:0 3px 10px #f48fb133}.quick-actions{padding:10px 14px;border-top:1px solid var(--border);display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0}.quick-btn{font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:500;padding:7px 16px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:20px;color:var(--text-dim);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.quick-btn:hover{color:var(--accent-deep);border-color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.chat-input-area{padding:12px 16px 16px;border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;flex-shrink:0}.chat-input{flex:1;background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:10px 15px;color:var(--text);font-size:.83rem;font-weight:600;resize:none;max-height:80px;min-height:42px;font-family:inherit;line-height:1.5;transition:border-color .2s}.chat-input:focus{outline:none;border-color:var(--accent)}.chat-input::placeholder{color:var(--text-faint);font-weight:500}.chat-send{width:42px;height:42px;background:var(--teacher-gradient);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 10px #f48fb14d}.chat-send:hover{transform:scale(1.08)}.loading,.error-state{padding:40px;text-align:center;color:var(--text-dim);font-weight:600}.error-state{color:var(--berry)}@media (max-width: 1024px){.teacher-panel{width:310px}}@media (max-width: 768px){.main{flex-direction:column}.blackboard{flex:1}.teacher-panel{width:100%;height:280px;border-left:none;border-top:1px solid var(--border)}}.agent-switcher{display:flex;align-items:center;gap:4px;margin-left:16px;background:var(--accent-dim);padding:4px;border-radius:14px}.agent-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:.78rem;font-weight:600;color:var(--text-dim);transition:all .2s;font-family:inherit}.agent-tab:hover:not(.disabled):not(.active){background:#fff9;color:var(--text)}.agent-tab.active{background:var(--bg-card);color:var(--accent-deep);box-shadow:0 2px 8px #f48fb126}.agent-tab.disabled{opacity:.4;cursor:not-allowed}.agent-tab-icon{font-size:.9rem}.examiner-panel .teacher-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.examiner-panel .msg-examiner{background:var(--mint-dim);border-color:var(--mint)}.examiner-panel .placeholder{font-style:italic;color:var(--text-dim)}.msg-feedback{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:14px;font-size:.85rem;line-height:1.5;border:1px solid}.msg-feedback.correct{background:#80cbc41f;border-color:var(--mint);color:#2d7a73}.msg-feedback.wrong{background:var(--butter-dim);border-color:var(--butter);color:#b87619}.feedback-icon{flex-shrink:0;font-size:1rem}.exam-progress-bar{position:relative;height:22px;margin:8px 16px;background:var(--accent-dim);border-radius:11px;overflow:hidden}.exam-progress-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--mint),var(--accent));border-radius:11px;transition:width .4s ease}.exam-progress-text{position:relative;display:block;text-align:center;line-height:22px;font-size:.72rem;font-weight:700;color:var(--text)}.exam-actions{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}.exam-action-btn{flex:1;padding:12px;border:none;border-radius:14px;background:var(--accent-dim);color:var(--accent-deep);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit}.exam-action-btn:hover:not(:disabled){background:var(--accent-light)}.exam-action-btn.primary{background:var(--teacher-gradient);color:#fff}.exam-action-btn:disabled{opacity:.5;cursor:not-allowed}.exam-card .exam-word-display{font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;color:var(--accent-deep);text-align:center;margin:12px 0;letter-spacing:.02em}.exam-card .exam-word-display.exam-meaning{color:var(--text);font-size:1.5rem}.exam-card .exam-sentence{background:var(--accent-dim);border-radius:var(--radius-sm);padding:14px 16px;font-size:1.05rem;line-height:1.6;color:var(--text);margin:8px 0 12px;text-align:center}.exam-card .exam-sentence-zh{font-size:.8rem;color:var(--text-dim);margin-top:6px}.exam-report-card .exam-score-row{display:flex;align-items:center;gap:20px;padding:16px;background:var(--accent-dim);border-radius:var(--radius-sm);margin-bottom:14px}.exam-report-card .exam-score{text-align:center;flex-shrink:0}.exam-report-card .exam-score .num{font-family:Fredoka,sans-serif;font-size:2.6rem;font-weight:700;line-height:1}.exam-report-card .exam-score.good .num{color:var(--mint)}.exam-report-card .exam-score.warn .num{color:var(--butter)}.exam-report-card .exam-score.bad .num{color:var(--berry)}.exam-report-card .exam-score .label{font-size:.72rem;color:var(--text-dim);font-weight:600;margin-top:2px}.exam-score-detail{flex:1}.exam-score-detail .big{font-size:1rem;font-weight:700;color:var(--text)}.exam-score-detail .emoji-row{font-size:1.2rem;margin-top:4px}.exam-wrong-words{margin-bottom:14px;font-size:.88rem;color:var(--text);line-height:2}.exam-wrong-words.all-correct{color:var(--mint);font-weight:600;text-align:center}.wrong-word-chip{display:inline-block;background:var(--butter-dim);color:#b87619;padding:3px 12px;border-radius:10px;margin-left:6px;font-weight:600;font-size:.82rem}.exam-by-type{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.by-type-row{display:flex;align-items:center;gap:10px;font-size:.78rem}.by-type-name{width:72px;color:var(--text-dim);flex-shrink:0}.by-type-bar{flex:1;height:8px;background:var(--accent-dim);border-radius:4px;overflow:hidden}.by-type-fill{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--accent));border-radius:4px;transition:width .5s}.by-type-num{width:40px;text-align:right;color:var(--text-dim);font-weight:600}.reviewer-period-row{display:flex;gap:6px;padding:8px 14px;border-bottom:1px solid var(--accent-dim)}.period-btn{flex:1;padding:6px 8px;border:1px solid var(--accent-dim);background:var(--bg);color:var(--text-dim);border-radius:16px;font-size:13px;font-family:inherit;cursor:pointer;transition:all .2s}.period-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.period-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.period-btn:disabled{opacity:.5;cursor:not-allowed}.review-report-card .review-extra-stats{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.extra-chip{display:inline-block;padding:3px 10px;background:var(--accent-dim);color:var(--accent);border-radius:12px;font-size:12px;font-weight:600}.extra-chip.warn-chip{background:#fff0f3;color:var(--berry)}.review-skipped-wrong{margin:8px 0;padding:8px 10px;background:#fff0f3;border-radius:10px;font-size:13px;color:var(--berry)}.review-skipped-wrong strong{display:block;margin-bottom:4px}.review-report-card .exam-by-type{margin:8px 0}.review-trend{margin:8px 0;font-size:13px}.trend-row{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.trend-chip{display:inline-block;min-width:32px;text-align:center;padding:3px 6px;border-radius:8px;font-weight:700;font-size:12px;background:var(--accent-dim);color:var(--text-dim)}.trend-chip.good{background:#e6f7f0;color:var(--mint)}.trend-chip.warn{background:#fff8e6;color:var(--butter)}.trend-chip.bad{background:#fff0f3;color:var(--berry)}.report-summary{margin:10px 0;padding:10px 12px;background:linear-gradient(135deg,#fff5f9,#f3eaff);border-radius:12px;font-size:14px;line-height:1.6;color:var(--text)}.report-summary strong{display:block;margin-bottom:4px;color:var(--accent)}.review-plan-card{border:2px solid var(--lavender, #ce93d8)}.review-plan-reason{padding:8px 10px;background:var(--accent-dim);border-radius:10px;font-size:13px;color:var(--text-dim);margin-bottom:8px}.review-plan-words{display:flex;flex-direction:column;gap:8px}.review-plan-word{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--bg);border-radius:10px;border:1px solid var(--accent-dim)}.rpw-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--lavender, #ce93d8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.rpw-body{flex:1}.rpw-canonical{font-weight:700;font-size:16px;color:var(--text)}.rpw-reason{font-size:12px;color:var(--text-dim);margin-top:2px}.review-plan-empty{padding:12px;text-align:center;color:var(--text-dim)}.history-board{flex:1}.history-intro-card{text-align:center}.history-intro-card .emoji{font-size:40px;margin-bottom:8px}.history-item{display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .15s,box-shadow .15s}.history-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f48fb12e}.history-item-icon{font-size:28px;flex-shrink:0}.history-item-body{flex:1;min-width:0}.history-item-title{font-weight:700;color:var(--text);font-size:15px}.history-item-meta{font-size:12px;color:var(--text-dim);margin-top:3px}.status-chip{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600}.status-chip.done{background:#e6f7f0;color:var(--mint)}.status-chip.active{background:#fff8e6;color:var(--butter)}.history-item-summary{font-size:12px;color:var(--accent);margin-top:3px;font-weight:600}.history-item-arrow{font-size:22px;color:var(--text-dim);flex-shrink:0}.history-replay-wrap{margin-top:12px}.plan-meta-card{font-size:14px;color:var(--text-dim)}.plan-meta-card strong{color:var(--text)}.plan-item{display:flex;align-items:center;gap:12px}.plan-item-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.plan-item-body{flex:1}.plan-item-canonical{font-weight:700;font-size:16px;color:var(--text)}.plan-item-meaning{font-weight:400;font-size:13px;color:var(--text-dim);margin-left:8px}.plan-item-steps{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.step-chip{display:inline-block;padding:2px 9px;background:var(--accent-dim);color:var(--accent);border-radius:10px;font-size:11px;font-weight:600}.step-chip.warn-chip{background:#fff0f3;color:var(--berry)}.whole-ipa{font-family:Fredoka,sans-serif;font-size:1.05rem;color:var(--lavender);font-weight:600;margin:6px 0 10px;letter-spacing:.5px}.sentence-repeat-text{font-size:.95rem;color:var(--text);font-weight:600;line-height:1.6;padding:12px 16px;background:linear-gradient(135deg,var(--lavender-dim),rgba(206,147,216,.04));border:1px solid rgba(206,147,216,.12);border-radius:var(--radius-sm);margin-bottom:12px}.pic-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pic-match-cell{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:14px 10px;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-align:center}.pic-match-cell:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}.pic-match-cell.selected{border-color:var(--accent);background:var(--accent-dim)}.pic-match-cell.correct{border-color:var(--mint);background:var(--mint-dim)}.pic-match-cell.wrong{border-color:var(--berry);background:var(--berry-dim)}.pic-match-emoji{font-size:2.2rem;line-height:1.2}.pic-match-word{font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;color:var(--text);margin-top:4px}.magnet-slots{display:flex;gap:7px;justify-content:center;margin:14px 0;flex-wrap:wrap}.magnet-slot{width:42px;height:52px;border:2.5px dashed var(--border-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600;background:var(--bg);color:var(--text);transition:all .25s;cursor:pointer}.magnet-slot.filled{border-style:solid;border-color:var(--accent);background:var(--bg-card)}.magnet-slot.correct{border-color:var(--mint);color:var(--mint);background:var(--mint-dim)}.magnet-slot.wrong{border-color:var(--berry);color:var(--berry);background:var(--berry-dim)}.magnet-tray{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px;background:linear-gradient(135deg,var(--butter-dim),rgba(255,204,128,.04));border:1px solid rgba(255,204,128,.18);border-radius:var(--radius-sm);margin-top:6px}.magnet-tile{width:44px;height:50px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text);background:linear-gradient(145deg,#fff,var(--bg-card-hover));border:1.5px solid var(--border-light);border-radius:8px;box-shadow:0 2px 6px #f48fb11f;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.magnet-tile:hover{transform:translateY(-3px) rotate(-2deg);box-shadow:0 5px 12px #f48fb133}.magnet-tile.used{opacity:.35;pointer-events:none;box-shadow:none}.pop-game-progress{font-size:.8rem;color:var(--text-dim);font-weight:600;margin-bottom:10px}.pop-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:10px;margin-top:6px}.pop-game-emoji{font-size:2.4rem;text-align:center;padding:12px 6px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.pop-game-emoji:hover{border-color:var(--accent);background:var(--accent-dim);transform:scale(1.08)}.pop-game-emoji.correct{border-color:var(--mint);background:var(--mint-dim);transform:scale(1.12)}.pop-game-emoji.wrong{border-color:var(--berry);background:var(--berry-dim);opacity:.7}.pop-game-result{text-align:center;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700;color:var(--accent-deep);padding:20px 10px}.badge-phonics{background:var(--lavender-dim);color:var(--lavender)}.badge-pattern{background:var(--mint-dim);color:var(--mint)}.split-ipa-slots{display:flex;gap:7px;justify-content:center;margin:14px 0;flex-wrap:wrap}.split-ipa-slot{min-width:48px;height:52px;padding:0 8px;border:2.5px dashed var(--border-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.3rem;font-weight:600;background:var(--bg);color:var(--text);transition:all .25s;cursor:pointer}.split-ipa-slot.filled{border-style:solid;border-color:var(--lavender);background:var(--bg-card)}.split-ipa-slot.correct{border-color:var(--mint);color:var(--mint);background:var(--mint-dim)}.split-ipa-slot.wrong{border-color:var(--berry);color:var(--berry);background:var(--berry-dim)}.split-ipa-pool{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px;background:linear-gradient(135deg,var(--lavender-dim),rgba(206,147,216,.04));border:1px solid rgba(206,147,216,.18);border-radius:var(--radius-sm);margin-top:6px}.split-ipa-tile{min-width:48px;height:50px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text);background:linear-gradient(145deg,#fff,var(--bg-card-hover));border:1.5px solid var(--border-light);border-radius:8px;box-shadow:0 2px 6px #ce93d824;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.split-ipa-tile:hover{transform:translateY(-3px);box-shadow:0 5px 12px #ce93d838}.split-ipa-tile.used{opacity:.35;pointer-events:none;box-shadow:none}.blend-sounds{display:flex;gap:6px;justify-content:center;margin:12px 0;flex-wrap:wrap}.blend-sound{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;color:var(--lavender);background:var(--lavender-dim);padding:6px 14px;border-radius:10px}.blend-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.blend-option{font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;color:var(--text);background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.blend-option:hover:not(:disabled){border-color:var(--lavender);background:var(--lavender-dim);transform:translateY(-2px)}.blend-option.correct{border-color:var(--mint);background:var(--mint-dim);color:var(--mint)}.blend-option.wrong{border-color:var(--berry);background:var(--berry-dim);color:var(--berry)}.blend-option:disabled{cursor:default}.pattern-drill-skeleton{font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text);background:linear-gradient(135deg,var(--mint-dim),rgba(128,203,196,.04));border-left:3px solid var(--mint);padding:12px 14px;border-radius:6px;margin:10px 0;line-height:1.6}.pattern-drill-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.pattern-drill-chip{font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;color:var(--text);background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:999px;padding:8px 16px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.pattern-drill-chip:hover{border-color:var(--mint);background:var(--mint-dim);transform:translateY(-2px)}.pattern-drill-chip.active{border-color:var(--mint);background:var(--mint-dim);color:var(--mint)}.scramble-slots{display:flex;gap:8px;justify-content:center;margin:14px 0;flex-wrap:wrap;min-height:52px}.scramble-slot{min-width:56px;height:50px;padding:0 10px;border:2.5px dashed var(--border-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;background:var(--bg);color:var(--text);transition:all .25s;cursor:pointer}.scramble-slot.filled{border-style:solid;border-color:var(--mint);background:var(--bg-card)}.scramble-tray{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px;background:linear-gradient(135deg,var(--mint-dim),rgba(128,203,196,.04));border:1px solid rgba(128,203,196,.18);border-radius:var(--radius-sm);margin-top:6px}.scramble-tile{min-width:56px;height:48px;padding:0 12px;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text);background:linear-gradient(145deg,#fff,var(--bg-card-hover));border:1.5px solid var(--border-light);border-radius:8px;box-shadow:0 2px 6px #80cbc424;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.scramble-tile:hover{transform:translateY(-3px);box-shadow:0 5px 12px #80cbc438}.scramble-tile.used{opacity:.35;pointer-events:none;box-shadow:none}.badge-usage{background:var(--sky-dim);color:var(--sky)}.badge-pron{background:var(--mint-dim);color:var(--mint)}.dialogue-scene{font-size:.9rem;color:var(--lavender);font-weight:600;margin:6px 0 10px}.dialogue-npc{display:flex;align-items:center;gap:8px;background:var(--accent-dim);border-radius:14px;padding:10px 14px;margin-bottom:12px}.dialogue-npc-label{font-weight:700;color:var(--accent-deep);flex-shrink:0}.dialogue-npc-line{flex:1;font-size:1rem}.dialogue-options{display:flex;flex-direction:column;gap:8px}.dialogue-option{background:var(--accent-light);color:#5a3d4a;border:2px solid transparent;border-radius:12px;padding:10px 14px;font-size:.95rem;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.dialogue-option:hover{transform:translateY(-2px);box-shadow:0 4px 10px var(--accent-glow)}.dialogue-option.correct{background:var(--mint-dim);border-color:var(--mint);color:var(--mint);font-weight:700}.dialogue-option.wrong{background:var(--berry-dim);border-color:var(--berry);color:var(--berry)}.roleplay-role{font-size:.95rem;color:var(--lavender);margin:6px 0 10px}.roleplay-turns{display:flex;flex-direction:column;gap:8px}.roleplay-turn{display:flex;align-items:center;gap:8px;background:var(--lavender-dim);border-radius:12px;padding:10px 14px}.roleplay-turn-text{flex:1;font-size:1rem}.picture-talk-emoji{font-size:4rem;text-align:center;margin:8px 0 12px;line-height:1.2}.picture-talk-cues{display:flex;flex-direction:column;gap:8px}.picture-talk-cue{display:flex;align-items:center;gap:8px;background:var(--sky-dim);border-radius:12px;padding:9px 14px;font-size:.95rem;color:#2d5566}.picture-talk-cue-icon{flex-shrink:0}.storybook-progress{font-size:.8rem;color:var(--accent);text-align:center;margin-bottom:8px}.storybook-page{background:linear-gradient(135deg,var(--accent-dim),var(--lavender-dim));border-radius:16px;padding:18px 14px;text-align:center;margin-bottom:12px}.storybook-emoji{font-size:3.4rem;line-height:1.2;margin-bottom:10px}.storybook-hl{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.storybook-hl-word{background:var(--accent-light);color:var(--accent-deep);font-weight:700;border-radius:10px;padding:4px 12px;cursor:pointer;transition:transform .2s}.storybook-hl-word:hover{transform:scale(1.06)}.storybook-nav{display:flex;justify-content:space-between;gap:10px}.storybook-nav-btn{flex:1;background:var(--mint-dim);color:var(--mint);border:none;border-radius:12px;padding:9px 12px;font-size:.9rem;cursor:pointer;transition:all .2s}.storybook-nav-btn:hover{background:var(--mint);color:#fff}.card-feedback-row{display:flex;gap:8px;margin-top:14px}.card-feedback-btn{flex:1;background:var(--berry-dim);color:var(--berry);border:1px solid rgba(224,88,79,.18);border-radius:12px;padding:8px 6px;font-size:.82rem;font-family:Fredoka,sans-serif;font-weight:600;cursor:pointer;transition:all .2s}.card-feedback-btn:hover:not(:disabled){background:var(--berry);color:#fff;transform:scale(1.03)}.card-feedback-btn:disabled{opacity:.45;cursor:not-allowed}.chant-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.chant-line{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--mint-dim);border-radius:12px;padding:10px 14px}.chant-line-text{flex:1;font-size:1rem;cursor:pointer;font-weight:600;color:#2d5a55}.chant-line-rhyme{font-size:.8rem;color:var(--accent-deep);background:var(--accent-dim);border-radius:8px;padding:3px 9px;flex-shrink:0}.workspace{display:grid;grid-template-columns:248px 1fr 376px;height:100vh;width:100vw;gap:0}.agent-list{background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.agent-list-header{padding:22px 20px 18px;flex-shrink:0}.agent-list-header .logo{font-family:Fredoka,sans-serif;font-size:15px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:9px;letter-spacing:-.01em}.agent-list-header .logo .mark{width:28px;height:28px;border-radius:9px;background:var(--teacher-gradient);display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 3px 10px #5b6cff40}.agent-list-header .sub{font-size:11.5px;color:var(--text-faint);margin-top:5px;padding-left:37px}.agent-items{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.agent-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .18s ease,box-shadow .18s ease;position:relative;border:1px solid transparent;background:transparent;text-align:left;width:100%;font-family:inherit}.agent-item:hover{background:var(--bg-board)}.agent-item.active{background:var(--accent-light);border-color:#5b6cff2e}.agent-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:22px;background:var(--accent);border-radius:0 3px 3px 0}.agent-avatar{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;background:var(--bg-board)}.agent-item.active .agent-avatar{background:var(--bg-card);box-shadow:0 2px 8px #5b6cff2e}.agent-meta{flex:1;min-width:0;display:flex;flex-direction:column}.agent-name{font-weight:600;font-size:13.5px;color:var(--text)}.agent-last{font-size:11.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.agent-list-footer{padding:16px 20px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-faint);line-height:1.6;flex-shrink:0}.stage{display:flex;flex-direction:column;overflow:hidden;min-width:0;background:var(--bg-board)}.stage-header{padding:18px 28px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.stage-title-wrap{min-width:0}.stage-title{font-family:Fredoka,sans-serif;font-size:17px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:9px;letter-spacing:-.01em}.stage-title .emoji{font-size:20px}.stage-sub{font-size:12.5px;color:var(--text-faint);margin-top:3px}.stage-tabs{display:flex;gap:6px;flex-shrink:0}.stage-tab{padding:7px 15px;border-radius:999px;font-size:12.5px;font-weight:500;cursor:pointer;color:var(--text-faint);background:var(--bg-board);border:1px solid transparent;transition:all .2s ease;font-family:inherit}.stage-tab:hover{background:var(--border-light);color:var(--text-dim)}.stage-tab.active{background:var(--text);color:#fff;box-shadow:0 2px 8px #1416281f}.stage-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;min-height:0}.chat-panel{background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;min-width:0}.stage-body>.blackboard{flex:none;width:100%;height:100%;padding:24px 28px;max-width:none}.chat-panel>.teacher-panel{width:100%;flex:1;min-height:0;border-left:none;background:var(--bg-card)}.chat-panel>.teacher-panel .teacher-header{background:linear-gradient(135deg,var(--accent-dim),var(--accent-glow))}.panel-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;color:var(--text-faint);gap:8px}.panel-placeholder-emoji{font-size:36px;opacity:.7}.panel-placeholder-title{font-size:14px;font-weight:600;color:var(--text-dim)}.panel-placeholder-text{font-size:12.5px;line-height:1.6;max-width:240px}.history-detail-card{margin-top:12px;background:var(--bg-card)}.history-detail-title{font-weight:700;color:var(--text);margin-bottom:10px;font-size:14px}.replay-board{flex:1}.replay-empty{text-align:center;color:var(--text-faint);font-size:14px;padding:28px 20px}.replay-error{color:var(--berry)}.replay-empty-sub{margin-top:6px;font-size:12.5px;color:var(--text-faint)}.replay-summary-card{background:linear-gradient(135deg,var(--accent-dim),var(--accent-glow));border:1px solid var(--accent-light)}.replay-summary-head{display:flex;align-items:center;gap:14px}.replay-summary-emoji{font-size:34px;flex-shrink:0}.replay-summary-title{font-weight:700;color:var(--text);font-size:17px}.replay-summary-meta{font-size:13px;color:var(--text-dim);margin-top:3px}.replay-summary-time{font-size:12px;color:var(--text-faint);margin-top:2px}.replay-round{display:flex;flex-direction:column;gap:8px}.replay-round-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:2px}.replay-round-index{font-weight:700;color:var(--accent);font-size:13.5px}.replay-round-time{font-size:11.5px;color:var(--text-faint)}.replay-line{display:flex;align-items:baseline;gap:10px;font-size:13.5px;line-height:1.5}.replay-label{flex-shrink:0;font-size:12px;color:var(--text-faint);font-weight:600;min-width:56px}.replay-card-label{font-weight:600;color:var(--text);background:var(--accent-dim);color:var(--accent-deep);padding:2px 10px;border-radius:10px;font-size:12.5px}.replay-answer-text{font-weight:700;color:var(--text)}.replay-correct{font-weight:700}.replay-correct.unknown{color:var(--text-faint);font-weight:500}.replay-feedback-text{color:var(--text-dim)}.replay-duration-text{color:var(--text-faint);font-size:12.5px}@media (max-width: 1024px){.workspace{grid-template-columns:220px 1fr 340px}.chat-panel>.teacher-panel{width:100%}}@media (max-width: 768px){.workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:100vh;min-height:0;overflow:hidden}.agent-list{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.agent-list-header,.agent-list-footer{display:none}.agent-items{flex-direction:row;padding:8px}.agent-item{flex-shrink:0}.agent-last{display:none}.stage{min-height:0}.chat-panel{border-left:none;border-top:1px solid var(--border);height:320px}.stage-body>.blackboard{height:auto}}.trend-chart{display:flex;align-items:flex-end;gap:10px;height:180px;padding:12px 6px 4px;margin-top:8px;border-radius:14px;background:linear-gradient(180deg,var(--bg, #fef7f9) 0%,#fff 100%);border:1px dashed var(--petal-light, #f8bbd0)}.trend-bar-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.trend-bar-score{font-size:12px;font-weight:700;color:var(--petal-deep, #ec407a)}.trend-bar{width:70%;max-width:36px;min-height:8px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--petal, #f48fb1) 0%,var(--petal-deep, #ec407a) 100%);transition:height .4s ease}.trend-bar-date{font-size:11px;color:var(--ink-soft, #8a8a8a);white-space:nowrap}.vocab-setup-card{max-width:560px;margin:24px auto;padding:28px 32px;display:flex;flex-direction:column;gap:14px}.vocab-setup-title{font-size:22px;font-weight:700;color:var(--accent-deep, #4754e6)}.vocab-setup-desc{font-size:14px;line-height:1.7;color:var(--ink-soft, #6b7280);background:var(--accent-light, #eef0ff);border-radius:12px;padding:12px 16px}.vocab-form-row{display:flex;align-items:center;gap:12px}.vocab-form-row label{width:64px;font-size:14px;font-weight:600;color:var(--ink, #2d2d2d)}.vocab-form-row select{flex:1;padding:9px 12px;border:1.5px solid var(--accent-light, #eef0ff);border-radius:10px;font-size:14px;background:#fff;color:var(--ink, #2d2d2d);cursor:pointer}.vocab-form-row select:focus{outline:none;border-color:var(--accent, #5b6cff)}.vocab-start-btn{margin-top:8px;padding:13px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent, #5b6cff),var(--accent-deep, #4754e6));color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px var(--accent-glow, rgba(91, 108, 255, .16));transition:transform .15s}.vocab-start-btn:hover{transform:translateY(-1px)}.vocab-error{color:var(--berry, #e0584f);font-size:13px}.vocab-test-board{display:flex;flex-direction:column;gap:16px}.vocab-progress{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--accent-light, #eef0ff);border-radius:12px;font-size:14px;font-weight:600;color:var(--accent-deep, #4754e6)}.vocab-progress-round{display:flex;align-items:center;gap:6px}.vocab-progress-pos{font-size:13px;color:var(--ink-soft, #6b7280);font-weight:500}.vocab-card-wrap{display:flex;justify-content:center;animation:vocab-card-in .25s ease}.vocab-card-wrap .card{width:100%;max-width:520px}@keyframes vocab-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vocab-nav{display:flex;justify-content:space-between;gap:12px}.vocab-nav-btn{padding:11px 22px;border:1.5px solid var(--accent-light, #eef0ff);border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:var(--ink, #2d2d2d);cursor:pointer;transition:all .15s}.vocab-nav-btn:hover:not(:disabled){border-color:var(--accent, #5b6cff);color:var(--accent-deep, #4754e6)}.vocab-nav-btn:disabled{opacity:.4;cursor:not-allowed}.vocab-nav-next{background:var(--accent, #5b6cff);color:#fff;border-color:var(--accent, #5b6cff)}.vocab-nav-next:hover:not(:disabled){background:var(--accent-deep, #4754e6);border-color:var(--accent-deep, #4754e6);color:#fff}.vocab-reveal-btn{margin-top:10px;padding:7px 14px;border:1px dashed var(--berry, #e0584f);border-radius:8px;background:transparent;font-size:12px;color:var(--berry, #e0584f);cursor:pointer}.vocab-regen-btn{margin-top:8px;padding:7px 14px;border:1px solid var(--sky, #5b8def);border-radius:8px;background:var(--sky-dim, rgba(91, 141, 239, .1));font-size:12px;font-weight:600;color:var(--sky, #5b8def);cursor:pointer;transition:all .15s ease}.vocab-regen-btn:hover:not(:disabled){background:var(--sky, #5b8def);color:#fff}.vocab-regen-btn:disabled{opacity:.6;cursor:progress}.vocab-ipa-missing{opacity:.4}.vocab-denied{margin-top:8px;font-size:12px;color:var(--ink-soft, #6b7280)}.vocab-console{padding:18px 18px 22px;display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.vocab-console-title{font-size:16px;font-weight:700;color:var(--accent-deep, #4754e6)}.vocab-console-desc{font-size:12.5px;line-height:1.6;color:var(--ink-soft, #6b7280)}.vocab-console-info{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-soft, #6b7280);background:var(--bg-board, #f7f8fb);border-radius:10px;padding:10px 12px}.vocab-console-hint{font-size:12px;color:var(--accent-deep, #4754e6);background:var(--accent-light, #eef0ff);border-radius:10px;padding:10px 12px}.vocab-console-stat{text-align:center;background:var(--accent-light, #eef0ff);border-radius:12px;padding:12px}.vocab-stat-num{font-size:24px;font-weight:800;color:var(--accent-deep, #4754e6)}.vocab-stat-label{font-size:11px;color:var(--ink-soft, #6b7280);margin-top:2px}.vocab-console-group{display:flex;flex-direction:column;gap:6px}.vocab-console-sub{font-size:12px;font-weight:600;color:var(--ink, #2d2d2d)}.vocab-console-word{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:5px 10px;background:var(--bg-board, #f7f8fb);border-radius:8px}.vocab-console-word-name{font-weight:600;color:var(--ink, #2d2d2d)}.vocab-console-word-dots{color:var(--accent, #5b6cff);letter-spacing:2px;font-size:12px}.vocab-console-actions{display:flex;gap:8px;margin-top:auto}.vocab-abort-btn{padding:10px 14px;border:1px solid var(--berry, #e0584f);border-radius:10px;background:#fff;color:var(--berry, #e0584f);font-size:13px;cursor:pointer}.vocab-summary{display:flex;flex-direction:column;gap:8px;margin:8px 0 16px;padding:16px;background:var(--accent-light, #eef0ff);border-radius:12px}.vocab-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink, #2d2d2d)}.vocab-summary-row b{color:var(--accent-deep, #4754e6);font-size:15px}.vocab-resume-banner{background:linear-gradient(135deg,#fff8e1,#fff3c4);border:1.5px solid #ffcc80;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.vocab-resume-info{font-size:13px;color:var(--ink, #2d2d2d);line-height:1.6}.vocab-resume-info b{color:var(--accent-deep, #4754e6)}.vocab-resume-actions{display:flex;gap:10px}.vocab-resume-btn{flex:1;padding:10px;border:none;border-radius:10px;background:var(--accent, #5b6cff);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.vocab-resume-btn:hover{background:var(--accent-deep, #4754e6)}.vocab-resume-discard{padding:10px 14px;border:1px solid var(--ink-soft, #8a8a8a);border-radius:10px;background:#fff;color:var(--ink-soft, #6b7280);font-size:13px;cursor:pointer}.vocab-wall-board{padding:20px 22px 28px}.vocab-wall-config{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.vocab-wall-config-label{font-size:13px;font-weight:700;color:var(--text-dim);margin-right:4px}.vocab-chip{min-width:38px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.vocab-chip:hover{border-color:var(--accent);color:var(--accent)}.vocab-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.vocab-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.vocab-topic-card{display:flex;flex-direction:column;gap:12px;padding:16px 16px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--card-shadow);transition:box-shadow .18s ease,border-color .18s ease}.vocab-topic-card:hover{box-shadow:var(--card-shadow-hover)}.vocab-topic-card.cleared{border-color:var(--butter);background:linear-gradient(180deg,var(--butter-dim),var(--bg-card) 60%)}.vocab-topic-header{display:flex;align-items:center;gap:8px}.vocab-topic-name{flex:1;min-width:0;font-size:16px;font-weight:800;color:var(--text);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-topic-name:hover{color:var(--accent)}.vocab-topic-total{flex-shrink:0;font-size:12px;font-weight:600;color:var(--text-faint);background:var(--bg-board);padding:3px 8px;border-radius:8px}.vocab-topic-go{flex-shrink:0;height:30px;padding:0 12px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease}.vocab-topic-go:hover{background:var(--accent-deep)}.vocab-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vocab-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 4px 8px;border:1px solid var(--border);border-radius:12px;background:var(--bg-board);cursor:pointer;transition:all .15s ease}.vocab-badge:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-1px)}.vocab-badge.full{background:var(--mint-dim);border-color:var(--mint)}.vocab-badge-emoji{font-size:20px;line-height:1}.vocab-badge-label{font-size:12px;font-weight:700;color:var(--text-dim)}.vocab-badge.full .vocab-badge-label{color:var(--mint)}.vocab-badge-count{font-size:11px;font-weight:600;color:var(--text-faint);font-variant-numeric:tabular-nums}.vocab-badge.full .vocab-badge-count{color:var(--mint)}@media (max-width: 640px){.vocab-wall{grid-template-columns:1fr}.vocab-wall-board{padding:16px}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-light),#fde7f1 60%,var(--lavender-dim, #f3e8ff));padding:24px}.login-card{width:100%;max-width:380px;background:var(--bg-card);border-radius:20px;box-shadow:0 12px 40px #5b6cff2e;padding:36px 32px 32px;display:flex;flex-direction:column;align-items:center}.login-logo{font-size:48px;line-height:1;margin-bottom:8px}.login-title{margin:0;font-size:22px;font-weight:700;color:var(--accent-deep)}.login-subtitle{margin:4px 0 24px;font-size:13px;color:#8a8fa3;letter-spacing:.5px}.login-field{width:100%;display:flex;flex-direction:column;margin-bottom:16px}.login-label{font-size:13px;font-weight:600;color:#5a6072;margin-bottom:6px}.login-input{width:100%;height:44px;padding:0 14px;border:1.5px solid #e3e5ef;border-radius:12px;font-size:15px;color:#2c3040;background:#fbfbfe;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login-pwd-wrap{position:relative;width:100%}.login-pwd-wrap .login-input{padding-right:44px}.login-pwd-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;background:transparent;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.login-pwd-toggle:hover{background:var(--accent-dim)}.login-error{width:100%;margin:-4px 0 14px;padding:8px 12px;background:#fff0f3;color:#d6336a;border-radius:10px;font-size:13px;text-align:center}.login-submit{width:100%;height:46px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);transition:transform .1s,box-shadow .15s}.login-submit:hover{box-shadow:0 6px 18px var(--accent-glow)}.login-submit:active{transform:translateY(1px)}.logout-btn{margin-top:12px;width:100%;padding:8px 12px;border:1px solid #e3e5ef;border-radius:10px;background:var(--bg-card);color:#6a7080;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.logout-btn:hover{background:var(--accent-dim);color:var(--accent-deep)}.settings-view{grid-column:2 / -1;overflow-y:auto;background:var(--bg);padding:32px 40px;display:flex;justify-content:center}.settings-card{width:100%;max-width:640px;background:var(--bg-card);border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:32px;height:fit-content}.settings-title{margin:0 0 24px;font-size:22px;font-weight:700;color:#2c3040}.settings-section{margin-bottom:28px}.settings-section:last-child{margin-bottom:0}.settings-section-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#3a3f50}.settings-section-desc{margin:0 0 16px;font-size:13px;line-height:1.6;color:#7a8090}.provider-options{display:flex;flex-direction:column;gap:12px}.provider-option{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:1.5px solid #e3e5ef;border-radius:12px;background:var(--bg-card);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,background .15s}.provider-option:hover:not(.disabled){border-color:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.provider-option.active{border-color:var(--accent);background:var(--accent-light)}.provider-option.disabled{opacity:.5;cursor:not-allowed}.provider-radio{flex-shrink:0;width:20px;height:20px;border:2px solid #c5c9d6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.provider-option.active .provider-radio{border-color:var(--accent)}.provider-radio-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.provider-meta{flex:1;min-width:0}.provider-name{font-size:15px;font-weight:600;color:#2c3040;margin-bottom:3px}.provider-hint{font-size:12px;color:#8a8fa3}.settings-error{margin-top:14px;padding:10px 14px;background:#fff0f3;color:#d6336a;border-radius:10px;font-size:13px}.settings-toast{margin-top:14px;padding:10px 14px;background:#eafbf0;color:#1a9d54;border-radius:10px;font-size:13px}.settings-hint{margin-top:12px;font-size:13px;color:#8a8fa3}.settings-loading{padding:60px 0;text-align:center;color:#8a8fa3;font-size:14px}.settings-notes{margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.8;color:#6a7080}.settings-notes li{margin-bottom:4px}.settings-notes b{color:var(--accent-deep)}