.character-stage{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);isolation:isolate;border-radius:24px;justify-content:center;padding:30px 16px 22px;display:flex;position:relative;overflow:hidden}.character-stage:before{content:"";background:radial-gradient(circle, var(--color-primary-soft) 0%, var(--color-accent-soft) 55%, transparent 75%);opacity:.8;z-index:-1;border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.character{flex-direction:column;align-items:center;gap:10px;display:flex}.teacher-voice-picker__trigger{z-index:5;border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:border-color .15s,background .15s,transform .15s;display:flex;position:absolute;top:14px;right:14px}.teacher-voice-picker__trigger:hover{border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-1px)}.teacher-voice-picker__panel{z-index:100;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:16px;max-height:min(70vh,520px);padding:14px;overflow-y:auto}.teacher-voice-picker__panel h3{color:var(--color-heading);margin:0 0 8px;font-size:.85rem}.teacher-voice-picker__panel h3+.voice-options,.teacher-voice-picker__panel h3:not(:first-child){margin-top:14px}.speed-options{flex-wrap:wrap;gap:8px;display:flex}.speed-option{overflow-wrap:break-word;border:1px solid var(--color-border);background:var(--color-surface-soft);min-width:0;color:var(--color-text);border-radius:10px;flex:1;padding:8px 10px;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s}.speed-option:hover{border-color:var(--color-primary)}.speed-option--selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.speed-option-wrap{flex:140px;min-width:0;position:relative}.speed-option-wrap .speed-option{width:100%}.speed-option__info{border:1px solid var(--color-border);background:var(--color-surface);width:22px;height:22px;color:var(--color-muted);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.72rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.speed-option__info:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.speed-option__badge{color:var(--color-primary-dark);font-weight:600}.speed-options__info-text{color:var(--color-muted);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:10px;margin-top:8px;padding:8px 10px;font-size:.82rem}.character__avatar{aspect-ratio:1;transform-origin:50% 60%;width:210px;position:relative}.character--idle .character__avatar{animation:4s ease-in-out infinite breathe}.character--listening .character__avatar{filter:drop-shadow(0 0 14px #2ab7ac8c);animation:1.6s ease-in-out infinite breathe}.character--thinking .character__avatar,.character--transcribing .character__avatar{animation:2.2s ease-in-out infinite think-sway}.character--speaking .character__avatar{animation:.5s ease-in-out infinite bob}.character--connecting .character__avatar{opacity:.9;animation:1.1s ease-in-out infinite breathe}.character--live .character__avatar{filter:drop-shadow(0 0 var(--glow-radius,8px) #2ab7acbf);transition:filter 90ms linear}.character--live.character--connecting .character__avatar{filter:drop-shadow(0 0 6px #2ab7ac59)}.character--glow .character__avatar{filter:drop-shadow(0 0 var(--glow-radius,10px) #ff6f4d99);transition:filter 90ms linear}.character--praising .character__avatar{filter:drop-shadow(0 0 20px #ffb020bf);animation:.45s ease-in-out 2 praise-hop}.character--praising .character__status{color:var(--color-primary-dark);font-weight:700}.character__sparkles{pointer-events:none;position:absolute;inset:0}.character__sparkles .sparkle{opacity:0;font-size:1.15rem;animation:1.1s ease-out forwards sparkle-rise;position:absolute}.sparkle--1{top:18%;left:12%}.sparkle--2{animation-delay:.15s;top:6%;left:50%}.sparkle--3{animation-delay:.3s;top:22%;right:10%}@keyframes praise-hop{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-10px)scale(1.04)}}@keyframes sparkle-rise{0%{opacity:0;transform:translateY(6px)scale(.6)}30%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-22px)scale(.9)}}.character__avatar-layer{opacity:0;transition:opacity .14s;position:absolute;inset:0}.character__avatar-layer--visible{opacity:1}.character__avatar-layer--blink{transition:none}.character__avatar-layer svg{width:100%;height:100%;display:block}.character__ground{filter:blur(2px);background:#3a2a2224;border-radius:50%;width:130px;height:16px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.character--speaking .character__ground{animation:.5s ease-in-out infinite ground-pulse}@keyframes ground-pulse{0%,to{opacity:.14;transform:translate(-50%)scale(1)}50%{opacity:.09;transform:translate(-50%)scale(.88)}}.character__thinking-dots{gap:4px;display:flex;position:absolute;top:6px;right:-6px}.character__thinking-dots .dot{background:var(--color-muted,#8a7368);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dot-bounce}.dot--1{animation-delay:0s}.dot--2{animation-delay:.15s}.dot--3{animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.character__mic-indicator{background:var(--color-success);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-12px;font-size:1.2rem;transition:opacity .15s,transform .15s;display:flex;position:relative;transform:scale(.8)}.character__mic-indicator--active{opacity:1;animation:1s ease-in-out infinite mic-pulse;transform:scale(1)}@keyframes mic-pulse{0%,to{box-shadow:0 0 #3fa66a80}50%{box-shadow:0 0 0 8px #3fa66a00}}.character__status{color:var(--color-muted);text-align:center;min-height:1.2em;font-size:.9rem;font-weight:600}@keyframes breathe{0%,to{transform:translate(0)scale(1)}50%{transform:translate(1px)scale(1.03)}}@keyframes think-sway{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.015)rotate(-6deg)}}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}}@media (prefers-reduced-motion:reduce){.character--praising .character__avatar{animation:none}.character__sparkles .sparkle{opacity:1;animation:none}}:root{--color-bg:#fff6ec;--color-bg-alt:#ffe9d6;--color-surface:#fffdfb;--color-surface-soft:#fff3e6;--color-primary:#ff6f4d;--color-primary-dark:#b8390f;--color-primary-strong:#c9401d;--color-primary-strong-hover:#a83415;--color-on-bright:#2b1c14;--color-primary-soft:#ffe0d3;--color-accent:#2ab7ac;--color-accent-strong:#0a736a;--color-accent-soft:#d6f3ef;--color-gold:#ffb020;--color-heading:#c9401d;--color-text:#3a2a22;--color-muted:#786153;--color-border:#f3e3d3;--color-success:#3fa66a;--color-error:#e2583f;--color-error-strong:#c2402b;--color-success-strong:#2f8552;--color-chart-bar:#0f9488;--shadow-soft:0 10px 26px #b4602a1a;--shadow-card:0 4px 14px #b4602a14;--font-heading:"Baloo 2", "Segoe UI", system-ui, sans-serif;--font-body:"Nunito", "Segoe UI", system-ui, sans-serif;font-family:var(--font-body)}:root[data-theme=dark]{--color-bg:#141312;--color-bg-alt:#1b1917;--color-surface:#221f1d;--color-surface-soft:#2c2825;--color-primary:#f2825f;--color-primary-dark:#f0785a;--color-primary-soft:#332924;--color-accent:#46d6c8;--color-accent-strong:#46d6c8;--color-accent-soft:#17332f;--color-gold:#f5c15c;--color-heading:#ffb492;--color-text:#efe9e4;--color-muted:#a9a29c;--color-border:#383431;--color-success:#5fc98a;--color-error:#ff7d68;--color-chart-bar:#38b9ac;--shadow-soft:0 10px 26px #0000008c;--shadow-card:0 4px 14px #00000073}:root[data-theme=dark] .character-stage:before{background:radial-gradient(circle,#f2825f4d 0%,#46d6c83d 55%,#0000 75%)}*{box-sizing:border-box}input,textarea,select{color:var(--color-text)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:radial-gradient(720px 420px at 12% -8%, var(--color-primary-soft) 0%, transparent 60%), radial-gradient(640px 380px at 108% 12%, var(--color-accent-soft) 0%, transparent 55%), var(--color-bg);min-height:100vh;color:var(--color-text);margin:0;transition:background-color .2s,color .2s}h1,h2,h3{font-family:var(--font-heading);font-weight:700}button{cursor:pointer;font-family:inherit}.spinner-wrap{align-items:center;gap:10px;display:inline-flex}.spinner{border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:.7s linear infinite spinner-spin;display:inline-block}.spinner-wrap__label{color:var(--color-muted)}@keyframes spinner-spin{to{transform:rotate(360deg)}}.app-loading-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}.scenario-select{text-align:center;max-width:760px;margin:0 auto;padding:56px 24px}.scenario-select h1{color:var(--color-heading);margin-bottom:10px;font-size:2rem}.wordmark{flex-direction:column;align-items:center;gap:6px;margin-bottom:6px;display:flex}.wordmark__badge{background:linear-gradient(135deg, var(--color-primary), var(--color-gold));width:56px;height:56px;box-shadow:var(--shadow-soft);border-radius:20px;justify-content:center;align-items:center;font-size:1.6rem;line-height:1;display:inline-flex}.wordmark__name{letter-spacing:-.02em;background:linear-gradient(100deg, var(--color-primary), var(--color-gold));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.4rem;line-height:1.1}.wordmark__tagline{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:.82rem;font-weight:700}.scenario-select p{color:var(--color-muted);margin-bottom:36px;font-size:1.02rem}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;display:grid}.scenario-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.scenario-card:hover{box-shadow:var(--shadow-soft);border-color:var(--color-primary);transform:translateY(-4px)}.scenario-card__icon{background:linear-gradient(150deg, var(--color-primary-soft), var(--color-accent-soft));border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:inline-flex;box-shadow:inset 0 0 0 1px #fff9}.scenario-card__title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600}.scenario-card__desc{color:var(--color-muted);font-size:.88rem;line-height:1.45}.scenario-card__note{color:var(--color-accent-strong);margin-top:4px;font-size:.75rem;font-weight:700}.scenario-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft), var(--shadow-soft)}.scenario-card__button{width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;padding:0;display:flex}.access-code-form{flex-direction:column;gap:8px;width:100%;margin-top:14px;display:flex}.quick-actions{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:560px;box-shadow:var(--shadow-card);border-radius:16px;margin:0 auto 22px;overflow:hidden}.quick-action-row{text-align:left;border:none;border-bottom:1px solid var(--color-border);background:0 0;align-items:center;gap:12px;width:100%;padding:12px 16px;transition:background .15s;display:flex}.quick-action-row:last-child{border-bottom:none}.quick-action-row:hover{background:var(--color-surface-soft)}.quick-action-row--assignment{background:var(--color-primary-soft)}.quick-action-row--start{background:var(--color-accent-soft)}.quick-action-row--start:hover{background:var(--color-accent-soft);filter:brightness(.97)}.quick-action-row--assignment:hover{background:var(--color-primary-soft);filter:brightness(.97)}.quick-action-row__icon{flex-shrink:0;font-size:1.4rem}.quick-action-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quick-action-row__title{font-family:var(--font-heading);color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;font-weight:700;display:-webkit-box;overflow:hidden}.quick-action-row__desc{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.quick-action-row__arrow{color:var(--color-accent-strong);flex-shrink:0;font-size:1.05rem}.streak-badge{background:var(--color-surface-soft);border:1px solid var(--color-border);width:fit-content;color:var(--color-text);border-radius:999px;align-items:center;gap:4px;margin:4px auto 18px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.streak-badge--milestone{background:linear-gradient(135deg, var(--color-gold), var(--color-accent));color:var(--color-on-bright);border-color:#0000;box-shadow:0 4px 10px #ffb02059}.streak-celebration{width:100%;max-width:560px;margin:0 auto 22px}.placement-card{border:1px solid var(--color-gold);background:var(--color-primary-soft);width:100%;max-width:560px;box-shadow:var(--shadow-card);text-align:left;border-radius:16px;align-items:center;gap:14px;margin:0 auto 22px;padding:14px 18px;display:flex}.placement-card__icon{flex-shrink:0;font-size:1.6rem}.placement-card__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.placement-card__title{font-family:var(--font-heading);color:var(--color-text);font-size:.95rem;font-weight:700}.placement-card__desc{color:var(--color-muted);font-size:.78rem;line-height:1.45}.placement-card__actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.placement-card__start{padding:8px 18px;font-size:.85rem}.placement-card__skip{color:var(--color-muted);background:0 0;border:none;padding:4px 8px;font-size:.75rem;text-decoration:underline}.placement-card--picker-open{text-align:center;flex-direction:column;align-items:stretch}.placement-card--picker-open .placement-card__icon{align-self:center}.level-picker{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.level-picker__options{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.level-option{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);border-radius:10px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s}.level-option:hover{border-color:var(--color-primary)}.level-option--selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}@media (width<=640px){.placement-card{text-align:center;flex-direction:column;align-items:stretch;gap:10px}.placement-card__icon{align-self:center}.placement-card__actions{flex-direction:row;justify-content:center;align-items:center;gap:14px}}.scenario-grid--modes{max-width:560px;margin:0 auto}.curriculum-level{text-align:left;margin-top:34px}.curriculum-level__title{color:var(--color-heading);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:1.1rem;display:flex}.curriculum-level__progress{color:var(--color-muted);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:700}.curriculum-card--locked{opacity:.45;cursor:not-allowed}.curriculum-card--locked:hover{box-shadow:var(--shadow-card);border-color:var(--color-border);transform:none}.curriculum-card--done{border-color:var(--color-success)}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:26px;display:grid}.progress-stat{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;gap:4px;padding:16px 12px;display:flex}.progress-stat--streak{border-color:var(--color-gold)}.progress-stat__value{font-family:var(--font-heading);color:var(--color-heading);font-size:1.35rem;font-weight:700}.progress-stat__label{color:var(--color-muted);font-size:.78rem}.progress-section{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;margin-top:30px;padding:18px 20px}.progress-section h2{color:var(--color-heading);margin:0 0 16px;font-size:.98rem}.progress-section__subtitle{color:var(--color-muted);margin:16px 0 8px;font-size:.8rem;font-weight:700}.progress-section__subtitle:first-of-type{margin-top:0}.activity-chart{align-items:flex-end;gap:4px;height:140px;display:flex}.activity-chart__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.activity-chart__bar{background:var(--color-chart-bar);border-radius:4px 4px 0 0;width:100%;max-width:26px;transition:opacity .15s}.activity-chart__col:hover .activity-chart__bar{opacity:.75}.activity-chart__bar--empty{background:var(--color-border)}.activity-chart__value{color:var(--color-text);font-size:.72rem;font-weight:700}.activity-chart__day{color:var(--color-muted);font-size:.68rem}.progress-levels{flex-direction:column;gap:10px;display:flex}.progress-level-row{align-items:center;gap:12px;display:flex}.progress-level-row__name{flex:0 0 170px;font-size:.85rem;font-weight:600}.progress-level-row__track{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-level-row__fill{background:linear-gradient(90deg, var(--color-primary), var(--color-gold));border-radius:999px;height:100%;transition:width .3s}.progress-level-row__count{text-align:right;color:var(--color-muted);font-variant-numeric:tabular-nums;flex:0 0 38px;font-size:.8rem}@media (width<=560px){.progress-level-row__name{flex-basis:110px;font-size:.78rem}}.vocab-chips{flex-wrap:wrap;gap:6px;display:flex}.vocab-chip{background:var(--color-surface-soft);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:4px 10px;font-size:.8rem}.vocab-goal-editor{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vocab-goal-editor__input{border:1px solid var(--color-border);background:var(--color-surface);width:70px;color:var(--color-text);border-radius:10px;padding:8px 10px;font-size:.9rem}.lesson-goal{background:var(--color-accent-soft);border:1px solid var(--color-accent);border-radius:12px;margin:0;padding:10px 14px;font-size:.88rem;line-height:1.45}.lesson-complete{background:var(--color-primary-soft);border:1px solid var(--color-gold);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 14px;display:flex}.lesson-complete p{margin:0;font-size:.92rem}.lesson-complete button,.placement-card__start,.custom-scenario-form__actions button[type=submit],.access-code-form button,.auth-form button,.text-form button,.admin-assignment-form button[type=button]:not(.change-scenario-button){background:var(--color-primary-strong);color:#fff;border:none;border-radius:12px;min-height:44px;padding:10px 18px;font-weight:700;transition:background .15s,transform .15s}.lesson-complete button:hover,.placement-card__start:hover,.custom-scenario-form__actions button[type=submit]:hover:not(:disabled),.access-code-form button:hover:not(:disabled),.auth-form button:hover:not(:disabled),.text-form button:hover:not(:disabled),.admin-assignment-form button[type=button]:not(.change-scenario-button):hover:not(:disabled){background:var(--color-primary-strong-hover);transform:translateY(-1px)}.custom-scenario-form__actions button[type=submit]:disabled,.access-code-form button:disabled,.auth-form button:disabled,.text-form button:disabled{opacity:.5;cursor:not-allowed}.custom-scenario-form{flex-direction:column;gap:8px;width:100%;max-width:480px;margin:0 auto;display:flex}.custom-scenario-form textarea{border:1px solid var(--color-border);background:var(--color-surface-soft);resize:vertical;border-radius:14px;min-height:100px;padding:14px 16px;font-family:inherit;font-size:.95rem}.custom-scenario-form textarea:focus{border-color:var(--color-primary);background:var(--color-surface);outline:none}.custom-scenario-form__counter{color:var(--color-muted);align-self:flex-end;font-size:.78rem}.custom-scenario-form__actions{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.custom-scenario-form__actions button[type=submit]{padding:12px 22px}.access-code-form input{border:1px solid var(--color-border);text-align:center;background:var(--color-surface-soft);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:.92rem}.access-code-form input:focus{border-color:var(--color-primary);outline:none}.access-code-form button{padding:10px 14px}.access-code-error{color:var(--color-error);margin:0;font-size:.8rem}.auth-form{flex-direction:column;gap:10px;width:100%;max-width:320px;margin:0 auto;display:flex}.auth-form input{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;padding:12px 16px;font-family:inherit;font-size:.95rem}.auth-form input:focus{border-color:var(--color-primary);background:var(--color-surface);outline:none}.auth-form button{padding:12px 16px}.auth-switch{min-height:44px;color:var(--color-primary-dark);background:0 0;border:none;margin:18px auto 0;padding:10px 14px;font-size:.88rem;font-weight:600;text-decoration:underline;display:block}.scenario-select__nav-row{justify-content:center;gap:20px;margin-top:18px;display:flex}.scenario-select__nav-row .auth-switch{margin-top:0}.theme-toggle,.messages-fab{z-index:100;border:1px solid var(--color-border);background:var(--color-surface);width:42px;height:42px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;top:16px}.theme-toggle{right:16px}.theme-toggle.language-toggle{right:66px}.messages-fab{left:16px}.theme-toggle:hover,.messages-fab:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.messages-fab__badge{background:var(--color-error-strong);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.modal-overlay{z-index:50;background:#3a2a2266;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);text-align:center;border-radius:20px;width:100%;max-width:360px;max-height:calc(100vh - 40px);padding:28px;overflow-y:auto}.modal-card h2{margin-top:0}.modal-card--wide{text-align:left;max-width:480px}.modal-card--wide h2{text-align:center}.whats-new-modal{flex-direction:column;max-width:420px;display:flex}.whats-new-modal__entries{overflow-y:auto}.whats-new-modal__close{background:var(--color-surface);flex-shrink:0;margin-top:18px;position:sticky;bottom:0}.whats-new-modal__entry{text-align:left}.whats-new-modal__entry--divider{border-top:1px solid var(--color-border);margin-top:18px;padding-top:18px}.whats-new-modal__body{white-space:pre-line;color:var(--color-text);line-height:1.5}.messages-panel__log{max-height:320px;margin:14px 0}.messages-panel__form textarea{resize:vertical;min-height:44px}.settings-section{text-align:left;margin-bottom:22px}.settings-section h3{color:var(--color-heading);margin:0 0 10px;font-size:.95rem}.settings-section__desc{color:var(--color-muted);margin:-4px 0 10px;font-size:.82rem;line-height:1.45}.voice-options{flex-direction:column;gap:6px;display:flex}.voice-option{border:1px solid var(--color-border);background:var(--color-surface-soft);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.voice-option:hover{border-color:var(--color-primary)}.voice-option--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.voice-option__text{flex-direction:column;flex:1;min-width:0;display:flex}.voice-option__label{font-size:.88rem;font-weight:700}.voice-option__desc{color:var(--color-muted);font-size:.76rem}.voice-option__preview{border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;transition:border-color .15s,transform .15s;display:flex}.voice-option__preview:hover:not(:disabled){border-color:var(--color-accent);transform:scale(1.08)}.voice-option__preview:disabled{opacity:.5;cursor:not-allowed}.app-layout{flex-direction:column;gap:26px;max-width:1080px;min-height:100vh;margin:0 auto;padding:28px 24px 40px;display:flex}.app-header{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;display:flex}.app-header h1{color:var(--color-heading);margin:0;font-size:1.3rem}.app-header__scenario{color:var(--color-muted);font-size:.9rem}.app-header__right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-menu{position:relative}.account-menu__trigger{background:var(--color-surface-soft);border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.account-menu__trigger:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.account-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.account-menu__chevron{color:var(--color-muted);font-size:.7rem}.account-menu__dropdown{background:var(--color-surface);border:1px solid var(--color-border);min-width:170px;box-shadow:var(--shadow-soft);z-index:60;border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.account-menu__item{text-align:left;width:100%;color:var(--color-text);background:0 0;border:none;border-radius:8px;padding:9px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.account-menu__item:hover{background:var(--color-surface-soft)}.settings-menu{position:relative}.settings-menu__dropdown{background:var(--color-surface);border:1px solid var(--color-border);min-width:200px;box-shadow:var(--shadow-soft);z-index:60;border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.settings-menu__username{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;padding:8px 12px 4px;font-size:.8rem;font-weight:800;overflow:hidden}.settings-menu__toggle{align-items:center;gap:8px;display:flex}.settings-menu__divider{background:var(--color-border);height:1px;margin:6px 4px}.change-scenario-button{background:var(--color-surface-soft);border:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.change-scenario-button__icon{line-height:1}.change-scenario-button:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.change-scenario-button--end{border-color:var(--color-error);color:var(--color-error)}.change-scenario-button--end:hover{background:var(--color-error-strong);border-color:var(--color-error-strong);color:#fff}.level-badge{background:linear-gradient(135deg, var(--color-primary), var(--color-gold));color:var(--color-on-bright);border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:700;box-shadow:0 4px 10px #ff6f4d59}.app-main{grid-template-columns:300px 1fr;align-items:start;gap:24px;display:grid}.character-stage,.chat-panel{min-width:0}@media (width<=720px){.app-main{grid-template-columns:1fr}}.chat-panel{background:var(--color-surface);border:1px solid var(--color-border);min-height:420px;box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:16px;padding:18px;display:flex}.chat-log{flex-direction:column;flex:1;gap:10px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.chat-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:420px;margin:auto;padding:20px 16px;display:flex}.chat-empty__title{font-family:var(--font-heading);color:var(--color-heading);margin:0;font-size:1.05rem;font-weight:700}.chat-empty__hint{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.5}.chat-empty__starters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.chat-empty__starter{border:1px solid var(--color-border);background:var(--color-surface-soft);min-height:40px;color:var(--color-text);border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s,transform .15s}.chat-empty__starter:hover{border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-1px)}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.chat-bubble{overflow-wrap:anywhere;border-radius:16px;max-width:75%;padding:11px 16px;font-size:.95rem;line-height:1.45}.chat-bubble--user{background:linear-gradient(135deg, var(--color-primary-strong), var(--color-primary-strong-hover));color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble--assistant{background:var(--color-surface-soft);border:1px solid var(--color-border);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble--interim{opacity:.55;font-style:italic}.chat-bubble--pending{opacity:.5}.chat-bubble__sentence--active{background:var(--color-primary-soft);box-shadow:0 0 0 2px var(--color-primary-soft);border-radius:6px}.typing-dots{gap:4px;display:inline-flex}.chat-bubble__voice-hint{color:var(--color-muted);margin-left:8px;font-size:.72rem;font-style:italic}.typing-dots span{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-dot-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.auto-corrected-tag{cursor:help;margin-left:6px;font-size:.8rem}.chat-controls{align-items:center;gap:12px;display:flex}.hint-row{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.hint-button{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:.85rem;font-weight:700;transition:border-color .15s,background .15s,transform .15s}.hint-button:hover:not(:disabled){border-color:var(--color-gold);background:var(--color-primary-soft);transform:translateY(-1px)}.hint-button:disabled{opacity:.5;cursor:not-allowed}.hint-panel{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;width:100%;padding:10px 12px}.hint-panel__header{color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;display:flex}.hint-panel__close{width:24px;height:24px;color:var(--color-muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;font-size:.85rem;line-height:1}.hint-panel__close:hover{background:var(--color-border)}.hint-panel__suggestions{flex-direction:column;gap:6px;display:flex}.hint-panel__suggestion{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:10px;padding:10px 12px;font-size:.9rem;transition:border-color .15s,background .15s}.hint-panel__suggestion:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.mic-button{background:linear-gradient(135deg, var(--color-accent), #1f9d92);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.4rem;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 14px #2ab7ac59}.mic-button:hover:not(:disabled){transform:translateY(-2px)}.mic-button--active{background:linear-gradient(135deg, var(--color-error), #b8391f);transform:scale(1.08);box-shadow:0 6px 14px #e2583f66}.mic-button--arming{background:var(--color-muted)}.mic-button--arming span,.mic-button--arming{animation:1s linear infinite spin-arming}.mic-button--interrupt{animation:1.6s ease-in-out infinite mic-interrupt-pulse}@keyframes mic-interrupt-pulse{0%,to{box-shadow:0 6px 14px #2ab7ac59}50%{box-shadow:0 6px 14px #2ab7ac59,0 0 0 6px #2ab7ac2e}}.mic-button:disabled{opacity:.4;cursor:not-allowed}.live-button{background:linear-gradient(135deg, var(--color-primary), var(--color-gold));color:var(--color-on-bright);font-family:var(--font-heading);border:none;border-radius:999px;flex-shrink:0;padding:15px 24px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 16px #ff6f4d59}.live-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff6f4d73}.live-button--active{background:linear-gradient(135deg, var(--color-error), #b8391f);animation:1.6s ease-in-out infinite live-pulse}.live-button--connecting{opacity:.75}.live-button:disabled{cursor:not-allowed}.stt-hint--live{color:var(--color-success)}@keyframes live-pulse{0%,to{box-shadow:0 0 #e2583f73}50%{box-shadow:0 0 0 10px #e2583f00}}@keyframes spin-arming{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-form{flex:1;gap:8px;min-width:0;display:flex}.text-form input{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;flex:1;min-width:0;padding:12px 16px;font-family:inherit;font-size:.95rem}.text-form input:focus,.text-form textarea:focus{border-color:var(--color-primary);background:var(--color-surface);outline:none}.text-form textarea{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;flex:1;min-width:0;padding:12px 16px;font-family:inherit;font-size:.95rem}.stt-warning{color:var(--color-muted);margin:0;font-size:.8rem}.stt-hint{color:var(--color-error);margin:0;font-size:.85rem;font-weight:700;animation:1.4s ease-in-out infinite pulse-hint}.stt-hint--arming{color:var(--color-primary-dark)}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.55}}.stt-warning--error{color:var(--color-error)}.feedback-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:20px;padding:18px 20px}.feedback-panel__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.feedback-panel h2{color:var(--color-heading);margin-top:0;font-size:1.05rem}.feedback-panel__close{border:1px solid var(--color-border);background:var(--color-surface-soft);width:28px;height:28px;color:var(--color-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:none}.feedback-toggle-button{display:none;position:relative}.feedback-toggle-button__badge{background:var(--color-error);border:1.5px solid var(--color-surface);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.feedback-empty{color:var(--color-muted);font-size:.9rem}.feedback-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.feedback-item{border-left:3px solid var(--color-accent);background:var(--color-surface-soft);border-radius:0 10px 10px 0;padding:8px 12px;font-size:.9rem}.feedback-item__original{color:var(--color-error);text-decoration:line-through}.feedback-item__corrected{color:var(--color-success);font-weight:700}.feedback-item__explanation{color:var(--color-muted);margin-top:2px;font-size:.82rem}.session-summary{background:linear-gradient(150deg, var(--color-primary-soft), var(--color-accent-soft));border:1px solid var(--color-gold);border-radius:12px;margin-bottom:14px;padding:12px 16px}.session-summary h3{color:var(--color-heading);margin:0 0 6px;font-size:.95rem}.session-summary p{margin:0;font-size:.9rem;line-height:1.55}.session-summary-button{border:1px solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-text);border-radius:12px;margin-bottom:14px;padding:10px 16px;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:block}.session-summary-button:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}.pronunciation-note{background:var(--color-surface-soft);border-left:3px solid var(--color-gold);border-radius:12px;margin-bottom:14px;padding:12px 16px}.pronunciation-note--good{border-left-color:var(--color-success)}.pronunciation-note h3{color:var(--color-heading);margin:0 0 6px;font-size:.92rem}.pronunciation-note p{margin:0;font-size:.88rem;line-height:1.5}.pronunciation-note__list{margin:8px 0 0;padding-left:18px;font-size:.85rem;line-height:1.55}.feedback-past__intro{color:var(--color-muted);margin:0 0 10px;font-size:.85rem}.feedback-item--past{border-left-color:var(--color-gold);opacity:.85}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border);padding:10px 12px}.admin-table th{color:var(--color-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:700}.admin-reset-info{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:10px;margin-top:16px;padding:12px 14px;font-size:.9rem}.admin-filter-row{margin-bottom:12px;font-size:.88rem}.admin-filter-row select{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);border-radius:8px;padding:6px 10px;font-family:inherit}.admin-summary{color:var(--color-muted);margin:0 0 14px;font-size:.85rem}.admin-bulk-bar{background:var(--color-primary-soft);border:1px solid var(--color-primary);border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;font-size:.88rem;display:flex}.admin-bulk-bar__btn{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s}.admin-bulk-bar__btn:hover:not(:disabled){border-color:var(--color-primary)}.admin-bulk-bar__btn:disabled{opacity:.5;cursor:not-allowed}.admin-bulk-bar__btn--danger{border-color:var(--color-error)}.admin-bulk-bar__btn--danger:hover:not(:disabled){background:var(--color-error-strong);color:#fff}.admin-table__group-input{border:1px solid var(--color-border);background:var(--color-surface-soft);width:90px;color:var(--color-text);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:.85rem}.admin-table__group-input:focus{border-color:var(--color-primary);outline:none}.admin-table__actions{gap:8px;display:flex}.admin-table__icon-btn{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;line-height:1;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.admin-table__icon-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-1px)}.admin-table__icon-btn:disabled{opacity:.5;cursor:not-allowed}.admin-table__icon-btn--danger{border-color:var(--color-error)}.admin-table__icon-btn--danger:hover:not(:disabled){background:var(--color-error)}.admin-detail__name{margin:18px 0 4px}.admin-assignment-form{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.admin-assignment-form__toggle{gap:6px;display:flex}.admin-assignment-form select,.admin-assignment-form input[type=text]{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:.88rem}.admin-assignment-form input[type=text]{flex:1;min-width:200px}.admin-assignment-form button[type=button]:not(.change-scenario-button){padding:9px 18px}.change-scenario-button--active{border-color:var(--color-primary);background:var(--color-primary-soft)}.admin-role-badge{white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.admin-role-badge--founder{color:var(--color-gold)}.admin-role-badge__toggle{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);border-radius:8px;padding:3px 9px;font-size:.72rem;font-weight:700;transition:border-color .15s,background .15s}.admin-role-badge__toggle:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.admin-role-badge__toggle:disabled{opacity:.5;cursor:not-allowed}.admin-realtime-toggle input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.error-log-list{flex-direction:column;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.error-log-item{border:1px solid var(--color-border);border-left:3px solid var(--color-error);background:var(--color-surface-soft);border-radius:0 12px 12px 0;overflow:hidden}.error-log-item--warn{border-left-color:var(--color-gold)}.error-log-item__header{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;display:flex}.error-log-item__source{font-family:var(--font-heading);color:var(--color-heading);font-size:.82rem;font-weight:700}.error-log-item__message{color:var(--color-text);overflow-wrap:anywhere;font-size:.88rem}.error-log-item__meta{color:var(--color-muted);font-size:.72rem}.error-log-item__detail{color:var(--color-muted);white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--color-border);margin:0;padding:10px 14px 14px;font-size:.76rem;line-height:1.5}@media (width<=640px){.theme-toggle,.messages-fab{width:36px;height:36px;font-size:1rem;top:10px}.theme-toggle{right:10px}.messages-fab{left:10px}.app-layout{gap:8px;height:calc(100dvh - 48px);min-height:calc(100dvh - 48px);padding:8px 10px 12px;overflow-y:auto}.app-main{background:var(--color-surface);border:1px solid var(--color-border);min-height:0;box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;flex:1;display:flex;overflow:hidden}.character-stage{border:none;border-bottom:1px solid var(--color-border);box-shadow:none;background:0 0;border-radius:0;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:10px;display:flex}.chat-panel{min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1}.app-header{border-radius:14px;gap:6px;padding:8px 10px}.app-header h1{font-size:.95rem}.app-header__scenario{font-size:.74rem}.app-header__right{gap:5px}.change-scenario-button{border-radius:10px;justify-content:center;width:44px;height:44px;padding:0;font-size:.95rem}.button-label{display:none}.level-badge{padding:5px 10px;font-size:.7rem}.account-menu__name{max-width:60px;font-size:.72rem}.account-menu__trigger{min-height:38px;padding:9px 10px}.app-main{gap:8px}.character-stage{padding:10px 12px}.character-stage:before{width:160px;height:160px;top:50%;left:62px;transform:translate(-50%,-50%)}.character{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.character__avatar{flex-shrink:0;width:88px}.character__status{text-align:left;padding:0;font-size:.78rem;line-height:1.3}.character__mic-indicator{flex-shrink:0;width:26px;height:26px;margin-top:0;font-size:.75rem}.teacher-voice-picker{flex-shrink:0;margin-left:auto}.teacher-voice-picker__trigger{width:34px;height:34px;font-size:.9rem;position:relative}.chat-panel{gap:8px;padding:10px}.chat-log{flex:1;min-height:100px;max-height:none}.chat-bubble{max-width:80%;padding:8px 12px;font-size:.87rem}.mic-button{width:40px;height:40px;font-size:1.05rem}.live-button{white-space:normal;width:100%;padding:12px 10px;font-size:.85rem}.chat-controls{gap:6px;min-width:0}.chat-controls--realtime{flex-direction:column;align-items:stretch}.text-form{gap:5px}.text-form input{min-width:56px;padding:10px;font-size:.85rem}.text-form button{flex-shrink:0;padding:9px 10px;font-size:.8rem}.scenario-select{padding:20px 14px 40px}.scenario-select h1{font-size:1.45rem}.wordmark__badge{border-radius:16px;width:46px;height:46px;font-size:1.3rem}.wordmark__name{font-size:1.9rem}.wordmark__tagline{letter-spacing:.1em;font-size:.72rem}.scenario-select p{margin-bottom:22px;font-size:.92rem}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.scenario-grid--stt{grid-template-columns:1fr}.scenario-card{border-radius:16px;gap:8px;padding:16px 10px}.scenario-card__icon{width:46px;height:46px;font-size:1.35rem}.scenario-card__title{font-size:.92rem}.scenario-card__desc{font-size:.78rem}.feedback-panel{display:none}.feedback-panel--mobile-open{max-height:72vh;box-shadow:var(--shadow-soft);z-index:80;border-radius:18px;flex-direction:column;padding:14px 16px;display:flex;position:fixed;bottom:10px;left:10px;right:10px;overflow-y:auto}.feedback-panel__backdrop{z-index:75;background:#140e0a73;position:fixed;inset:0}.feedback-toggle-button{display:inline-flex}.feedback-panel__close{display:flex}.modal-card{padding:20px 16px}.progress-section{padding:14px}.activity-chart{height:110px}.curriculum-level__title{font-size:.95rem}.lesson-goal,.session-summary p{font-size:.84rem}}.bottom-nav__alert{background:var(--color-danger,#e04a3f);color:#fff;text-align:center;min-width:15px;height:15px;box-shadow:0 0 0 2px var(--color-surface);border-radius:999px;padding:0 3px;font-size:.62rem;font-weight:800;line-height:15px;position:absolute;top:-2px;right:50%;transform:translate(190%)}.quest-alert{z-index:60;background:var(--color-surface);border:1px solid var(--color-border);max-width:min(92vw,460px);box-shadow:var(--shadow-soft);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:.86rem;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.quest-alert__text{flex:1}.quest-alert__action{border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.82rem;font-weight:700}.quest-alert__close{color:var(--color-text-soft,inherit);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:.9rem;line-height:1}@media (prefers-reduced-motion:no-preference){.quest-alert{animation:.22s ease-out quest-alert-in}}@keyframes quest-alert-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.admin-setting{margin:0 0 14px}.admin-setting__label{margin-bottom:4px;font-size:.86rem;font-weight:700;display:block}.admin-setting__row{align-items:center;gap:8px;display:flex}.admin-setting__row input{width:140px}.admin-setting__hint{opacity:.75;margin:4px 0 0;font-size:.76rem}.admin-setting__section{margin:22px 0 6px;font-size:.95rem}.settings-badge{color:var(--color-gold);background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:999px;margin-bottom:8px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-block}.settings-credit{border-top:1px solid var(--color-border);color:var(--color-muted);text-align:center;margin:18px 0 0;padding-top:14px;font-size:.76rem;line-height:1.6}@media (width>=768px){.quick-actions,.placement-card,.streak-celebration{max-width:640px}.scenario-grid--modes{max-width:720px}}@media (width>=1024px){.scenario-select{max-width:1040px;padding:72px 40px}.scenario-select h1{font-size:2.4rem}.scenario-select>p{max-width:620px;margin-bottom:44px;margin-left:auto;margin-right:auto;font-size:1.08rem}.scenario-grid--modes{max-width:860px}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.curriculum-level{margin-top:44px}.app-layout{max-width:1200px;padding:36px 32px 48px}.app-main{grid-template-columns:320px 1fr;gap:28px}.chat-panel{min-height:540px}.app-main .chat-log{max-height:58vh}.app-header{box-shadow:var(--shadow-soft);border-radius:22px;padding:18px 26px}.app-header h1{font-size:1.45rem}.app-header__right{gap:14px}.character-stage,.chat-panel,.feedback-panel{border-radius:26px}.chat-panel{padding:24px}.feedback-panel{padding:24px 26px}.scenario-card{border-radius:22px;transition:transform .2s,box-shadow .2s,border-color .2s}.scenario-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #b4602a24}:root[data-theme=dark] .scenario-card:hover{box-shadow:0 16px 32px #00000073}.change-scenario-button,.account-menu__trigger{transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.change-scenario-button:hover,.account-menu__trigger:hover{box-shadow:var(--shadow-card);transform:translateY(-1px)}}.student-avatar{justify-content:center;align-items:center;display:inline-flex}.student-avatar svg{width:100%;height:100%}.signup-avatar{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.signup-avatar__preview{flex-direction:column;align-items:center;gap:2px;display:flex}.signup-avatar__hint{font-family:var(--font-heading);color:var(--color-heading);font-size:.9rem;font-weight:700}.scenario-select .signup-avatar__note{color:var(--color-muted);text-align:center;margin:0;font-size:.78rem;line-height:1.45}.avatar-builder{text-align:left;flex-direction:column;gap:12px;display:flex}.avatar-builder__row{flex-direction:column;gap:6px;display:flex}.avatar-builder__label{color:var(--color-muted);font-size:.78rem;font-weight:700}.avatar-builder__chips{flex-wrap:wrap;gap:6px;display:flex}.option-chip{border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-text);border-radius:10px;padding:6px 10px;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s}.option-chip:hover{border-color:var(--color-primary)}.option-chip--selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.color-swatch{border:2px solid var(--color-border);border-radius:50%;width:30px;height:30px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.daily-reward-card{border:1px solid var(--color-gold);background:linear-gradient(120deg, var(--color-primary-soft), var(--color-accent-soft));width:100%;max-width:560px;box-shadow:var(--shadow-card);text-align:left;border-radius:16px;align-items:center;gap:14px;margin:0 auto 22px;padding:14px 18px;display:flex}.daily-reward-card__icon{flex-shrink:0;font-size:1.8rem}.daily-reward-card__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.daily-reward-card__title{font-family:var(--font-heading);color:var(--color-text);font-size:.95rem;font-weight:700}.daily-reward-card__desc{color:var(--color-muted);font-size:.78rem;line-height:1.45}.daily-reward-card__claim{background:var(--color-gold);color:#5c3a00;border:none;border-radius:12px;flex-shrink:0;padding:10px 16px;font-size:.9rem;font-weight:800;transition:transform .15s,filter .15s}.daily-reward-card__claim:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.daily-reward-card__claim:disabled{opacity:.6}.daily-reward-card--claimed{border-color:var(--color-success);justify-content:center}.scenario-card__icon--avatar{overflow:hidden}.profile-view .auth-switch{margin-bottom:18px}.profile-header{border:1px solid var(--color-border);background:var(--color-surface);max-width:560px;box-shadow:var(--shadow-card);text-align:left;border-radius:20px;align-items:center;gap:18px;margin:0 auto 22px;padding:18px;display:flex}.profile-header__avatar{background:linear-gradient(150deg, var(--color-primary-soft), var(--color-accent-soft));border-radius:50%;flex-shrink:0;overflow:hidden}.profile-header__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile-header__name{font-family:var(--font-heading);color:var(--color-heading);overflow-wrap:anywhere;font-size:1.2rem;font-weight:700}.profile-header__level{color:var(--color-muted);font-size:.85rem;font-weight:600}.profile-header__badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.coin-badge{background:var(--color-gold);color:#5c3a00;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.streak-badge--inline{margin:0}.coin-flash{font-family:var(--font-heading);color:var(--color-success);font-weight:800;animation:.4s coin-flash-pop}@keyframes coin-flash-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.profile-header__edit{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;flex-shrink:0;padding:8px 14px;font-size:.82rem;font-weight:700;transition:border-color .15s,background .15s}.profile-header__edit:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.profile-section{border:1px solid var(--color-border);background:var(--color-surface);max-width:560px;box-shadow:var(--shadow-card);text-align:left;border-radius:20px;margin:0 auto 22px;padding:18px}.profile-section h2{color:var(--color-heading);margin:0 0 4px;font-size:1.05rem}.profile-section h3{color:var(--color-text);margin:14px 0 8px;font-size:.9rem}.profile-view .profile-section__desc{color:var(--color-muted);margin:0 0 12px;font-size:.8rem}.quest-list{flex-direction:column;gap:10px;display:flex}.quest-row{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.quest-row--claimed{opacity:.65}.quest-row__icon{flex-shrink:0;font-size:1.3rem}.quest-row__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.quest-row__title{font-size:.85rem;font-weight:700}.quest-row__progress-track{background:var(--color-border);border-radius:999px;height:6px;display:block;overflow:hidden}.quest-row__progress-fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width .3s;display:block}.quest-row__progress-label{color:var(--color-muted);font-size:.72rem}.quest-row__reward{color:var(--color-muted);flex-shrink:0;font-size:.82rem;font-weight:800}.quest-row__reward--done{font-size:1.1rem}.quest-row__claim{background:var(--color-gold);color:#5c3a00;border:none;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:.8rem;font-weight:800;transition:transform .15s,filter .15s;animation:.3s coin-flash-pop}.quest-row__claim:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.shop-item{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex}.shop-item__preview{background:var(--color-surface);border-radius:50%;overflow:hidden}.shop-item__label{text-align:center;font-size:.72rem;font-weight:700;line-height:1.25}.shop-item__buy{background:var(--color-gold);color:#5c3a00;border:none;border-radius:10px;min-height:38px;padding:9px 14px;font-size:.8rem;font-weight:800;transition:transform .15s,filter .15s}.shop-item__buy:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.shop-item__buy:disabled{opacity:.45;cursor:not-allowed}@media (width<=640px){.profile-header{text-align:center;flex-direction:column}.profile-header__info{align-items:center}.daily-reward-card{text-align:center;flex-direction:column}}.daily-reward-modal{max-width:420px}.daily-reward-modal__desc{color:var(--color-muted);margin:-6px 0 16px;font-size:.85rem}.daily-reward-modal__calendar{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.reward-day{border:1px solid var(--color-border);background:var(--color-surface-soft);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.reward-day__label{color:var(--color-muted);font-size:.68rem;font-weight:700}.reward-day__icon{font-size:1.3rem}.reward-day__amount{font-size:.78rem;font-weight:800}.reward-day--today{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 0 0 2px var(--color-primary-soft)}.reward-day--done{opacity:.55}.daily-reward-modal__claim{background:var(--color-gold);color:#5c3a00;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:12px 18px;font-size:.92rem;font-weight:800;transition:transform .15s,filter .15s}.daily-reward-modal__claim:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.daily-reward-modal__claim:disabled{opacity:.6}.daily-reward-modal__note{color:var(--color-muted);margin-bottom:10px;font-size:.85rem}.daily-reward-modal__success p{font-family:var(--font-heading);color:var(--color-success);margin-bottom:12px;font-size:1.05rem;font-weight:700}@media (width<=640px){.daily-reward-modal__calendar{grid-template-columns:repeat(4,1fr);gap:6px}.reward-day{padding:8px 4px}}.top-status-bar{z-index:40;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;display:flex;position:sticky;top:0}.top-status-bar__home{border:1px solid var(--color-border);background:var(--color-surface-soft);min-height:38px;color:var(--color-text);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.top-status-bar__home:hover{border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-1px)}.top-status-bar__right{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.top-status-bar__icon-btn{border:1px solid var(--color-border);background:var(--color-surface-soft);width:38px;height:38px;color:inherit;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:inline-flex;position:relative}.top-status-bar__icon-btn:hover{border-color:var(--color-primary);background:var(--color-primary-soft);transform:translateY(-1px)}.top-status-bar__badge{background:var(--color-error-strong);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;line-height:18px;position:absolute;top:-3px;right:-3px}.top-status-bar__avatar{border:2px solid var(--color-primary-soft);background:var(--color-surface-soft);border-radius:50%;flex-shrink:0;width:32px;height:32px;padding:0;transition:transform .15s,border-color .15s}.top-status-bar__avatar:hover{border-color:var(--color-primary);transform:scale(1.08)}.top-status-bar__stat{color:var(--color-text);white-space:nowrap;font-size:.85rem;font-weight:800}.avatar-quick-edit__preview{justify-content:center;margin-bottom:12px;display:flex}@media (width<=640px){.top-status-bar{gap:6px;height:48px;padding:4px 8px}.top-status-bar__home-label{display:none}.top-status-bar__home{justify-content:center;width:38px;padding:0;font-size:1rem}.top-status-bar__right{gap:6px}.top-status-bar__icon-btn{width:38px;height:38px;font-size:.92rem}.top-status-bar__avatar{width:38px;height:38px}.top-status-bar__stat{font-size:.78rem}}.usage-cards{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.usage-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;flex:180px;padding:14px 16px}.usage-card__title{color:var(--color-muted);margin:0;font-size:.85rem}.usage-card__total{color:var(--color-primary-dark);margin:4px 0 2px;font-size:1.8rem;font-weight:800}.usage-card__split{color:var(--color-muted);flex-wrap:wrap;gap:6px;margin:0;font-size:.8rem;display:flex}.usage-card__sep{opacity:.5}.usage-card__est{opacity:.85;font-style:italic}.usage-card__hint{color:var(--color-muted);margin:6px 0 0;font-size:.78rem}.usage-disclaimer{border-left:3px solid var(--color-primary);background:var(--color-surface);color:var(--color-muted);border-radius:8px;margin:12px 0;padding:10px 14px;font-size:.82rem;line-height:1.5}.usage-budget{border-left:3px solid var(--color-success);background:var(--color-surface);border-radius:8px;margin:4px 0 12px;padding:10px 14px}.usage-budget--degraded{border-left-color:var(--color-gold)}.usage-budget--blocked{border-left-color:var(--color-error)}.usage-budget__line{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.85rem;display:flex}.usage-budget__badge{background:var(--color-success-strong);color:#fff;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.usage-budget--degraded .usage-budget__badge{background:var(--color-gold)}.usage-budget--blocked .usage-budget__badge{background:var(--color-error)}.usage-section{margin:20px 0}.usage-section h3{margin:0 0 8px;font-size:1rem}.usage-table-wrap{margin-bottom:10px;overflow-x:auto}.usage-table{border-collapse:collapse;width:100%;font-size:.85rem}.usage-table th,.usage-table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:7px 10px}.usage-table th{color:var(--color-muted);font-size:.78rem;font-weight:700}.usage-table__num{text-align:right;font-variant-numeric:tabular-nums}.usage-table__strong{font-weight:700}.usage-table__env{color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.usage-chart{justify-content:flex-start;align-items:flex-end;gap:3px;height:90px;padding-top:4px;display:flex}.usage-chart__col{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;max-width:34px;height:100%;display:flex}.usage-chart__bar{background:var(--color-chart-bar);opacity:.75;border-radius:3px 3px 0 0;width:100%}.usage-chart__label{color:var(--color-muted);margin-top:3px;font-size:.62rem}.top-status-bar__home,.top-status-bar__avatar,.hint-panel__close,.voice-option__preview,.mic-button,.admin-table__icon-btn{position:relative}.top-status-bar__home:after,.top-status-bar__icon-btn:after,.theme-toggle:after,.messages-fab:after,.teacher-voice-picker__trigger:after,.hint-panel__close:after,.top-status-bar__avatar:after,.mic-button:after,.voice-option__preview:after,.admin-table__icon-btn:after,.speed-option__info:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.account-menu__item,.change-scenario-button,.hint-button,.placement-card__skip,.daily-reward-card__claim,.profile-header__edit,.shop-item__buy,.chat-empty__starter,.speed-option,.vocab-goal-editor__input{min-height:44px}.top-status-bar__avatar .student-avatar{border-radius:50%;overflow:hidden}.bottom-nav{z-index:45;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #b4602a0f}:root[data-theme=dark] .bottom-nav{box-shadow:0 -2px 12px #0006}.bottom-nav__tab{min-width:0;min-height:56px;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;font-size:.7rem;font-weight:700;transition:color .15s;display:flex;position:relative;overflow:hidden}.bottom-nav__icon{font-size:1.15rem;line-height:1;position:relative}.bottom-nav__tab--active{color:var(--color-primary-dark)}.bottom-nav__tab--active:before{content:"";background:var(--color-primary-strong);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.scenario-select{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.screen-transition{animation:.22s cubic-bezier(.2,.8,.2,1) backwards screen-in-forward}.screen-transition[data-direction=back]{animation-name:screen-in-back}@keyframes screen-in-forward{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes screen-in-back{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen-transition{animation:none}}.collapsible{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:560px;box-shadow:var(--shadow-card);text-align:left;border-radius:16px;margin:0 auto 14px;overflow:hidden}.collapsible__header{width:100%;min-height:52px;color:var(--color-heading);font-family:var(--font-heading);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:1.02rem;font-weight:700;transition:background .15s;display:flex}.collapsible__header:hover{background:var(--color-surface-soft)}.collapsible__icon{font-size:1.1rem;line-height:1}.collapsible__title{flex:1;min-width:0}.collapsible__chevron{color:var(--color-muted);flex-shrink:0;font-size:.9rem;transition:transform .2s}.collapsible--open .collapsible__chevron{transform:rotate(180deg)}.collapsible__body{padding:0 16px 16px;animation:.18s both collapsible-open}@keyframes collapsible-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.collapsible__body>.profile-section,.collapsible__body>.progress-section{box-shadow:none;background:0 0;border:none;margin:0;padding:0}@media (prefers-reduced-motion:reduce){.collapsible__body{animation:none}.collapsible__chevron{transition:none}}@media (width>=1024px){.top-status-bar{height:56px}.bottom-nav{width:auto;height:56px;box-shadow:none;z-index:46;background:0 0;border-top:none;padding:0 0 0 10px;inset:0 auto auto 0}:root[data-theme=dark] .bottom-nav{box-shadow:none}.bottom-nav__tab{flex-direction:row;flex:none;gap:7px;min-height:56px;padding:0 14px;font-size:.85rem}.bottom-nav__icon{font-size:1rem}.bottom-nav__tab--active:before{border-radius:3px 3px 0 0;width:100%;top:auto;bottom:0}.scenario-select{padding-bottom:56px}}