.app-header{display:flex;align-items:center;height:48px;padding:0 8px;gap:6px;border-bottom:1px solid var(--chat-border-subtle);flex-shrink:0;background:var(--app-bg, #1a1a1a)}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.header-menu-btn,.header-user-btn,.header-avatar-btn,.header-logo-btn,.header-icon-btn,.header-notify-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 6px;color:var(--header-icon, #c9a24d);flex-shrink:0}.header-text{font-size:12px;color:var(--header-icon, #c9a24d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.header-text.avatarname{opacity:.85;font-style:italic}.header-spacer{flex:1}.clone-logo{height:24px;max-height:24px;width:auto;object-fit:contain}.header-mode-icon{color:var(--accent-gold, #c9a24d);height:40px;padding:0 4px}.header-mode-icon .icon{filter:drop-shadow(0 0 2px rgba(201,162,77,.3))}.header-mode-stack{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1}.header-mode-label{font-size:9px;margin-top:1px;color:var(--accent-gold);white-space:nowrap;letter-spacing:.02em}.header-mode-icon.mode-lesson{color:var(--accent-gold, #c9a24d);background:#c9a24d1f;border-radius:8px}@keyframes header-bell-shake{0%,to{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%,60%{transform:rotate(12deg)}70%,80%,90%{transform:rotate(-4deg)}}.header-notify-btn.is-shake{animation:header-bell-shake 1.6s ease-in-out infinite;transform-origin:50% 30%}.header-notify-badge{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e74c3c;color:#fff;font-size:10px;line-height:16px;font-weight:700;text-align:center;pointer-events:none}.header-notify-badge[data-count="0"]{display:none}@media (prefers-reduced-motion: reduce){.header-notify-btn.is-shake{animation:none}}.header-menu-btn:active,.header-user-btn:active,.header-avatar-btn:active,.header-icon-btn:active,.header-notify-btn:active,.header-logo-btn:active{opacity:.6}@media (pointer: coarse) and (max-width: 599.98px){.app-header{gap:0;padding:0 4px}.app-header .header-menu-btn,.app-header .header-user-btn,.app-header .header-avatar-btn,.app-header .header-logo-btn,.app-header .header-icon-btn,.app-header .header-notify-btn{min-width:44px;height:44px}.app-header .header-user-btn,.app-header .header-avatar-btn{flex-shrink:1}.app-header .header-mode-icon{min-width:36px;height:40px;margin:0 4px;position:relative}.app-header .header-mode-icon:after{content:"";position:absolute;top:-2px;right:-4px;bottom:-2px;left:-4px}.app-header .clone-logo{max-width:44px}.app-header .header-logo-btn{padding:0}.app-header .header-text{max-width:none;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.1;max-height:2.2em;text-align:center}.app-header .header-user-btn,.app-header .header-avatar-btn{padding:0 3px}}.app-header{padding-top:var(--sa-t);padding-left:max(8px,var(--sa-l));padding-right:max(8px,var(--sa-r))}@media (pointer: coarse) and (max-width: 599.98px){.app-header{padding-left:max(4px,var(--sa-l));padding-right:max(4px,var(--sa-r))}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:150;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-overlay.is-open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;left:0;bottom:0;width:220px;z-index:151;background:var(--app-bg, #1a1a1a);border-right:1px solid var(--chat-border-subtle);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s ease}.drawer-panel.is-open{transform:translate(0)}.drawer-header{padding:24px 16px 16px;border-bottom:1px solid var(--chat-border-subtle)}.drawer-header-row{display:flex;align-items:center;justify-content:space-between}.drawer-user-name{font-size:15px;font-weight:600;color:var(--accent-gold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.drawer-header-pro{font-size:10px;font-weight:700;color:#b8960c;background:#c9a24d26;border:1px solid rgba(201,162,77,.35);border-radius:999px;padding:1px 8px;letter-spacing:.05em}.drawer-header-days{font-weight:400;opacity:.8}.drawer-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;color:#c9a24d99;cursor:pointer;border-radius:50%;transition:color .15s,background .15s}.drawer-close-btn:active{color:#c9a84c;background:#c9a24d1a}.drawer-menu{flex:1;overflow-y:auto;padding:8px 0}.drawer-item{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;background:transparent;border:none;color:#c9a84c;font-size:13px;text-align:left;cursor:pointer;white-space:pre-line}.drawer-item:active{background:var(--chat-surface)}.drawer-item-icon{width:18px;text-align:center;flex-shrink:0}.drawer-item-label{flex:1;text-align:left}.drawer-item.is-danger{color:#dc5050d9}.drawer-primary-wrap{padding:4px 8px 6px}.drawer-item-primary{min-height:48px;border-radius:10px;font-size:14px;font-weight:600;background:#c9a84c24;border:1px solid rgba(201,168,76,.45)}.drawer-item-primary:active{background:#c9a84c42}.drawer-item-primary.is-disabled,.drawer-item-primary:disabled{opacity:.45;cursor:default;background:transparent;border-style:dashed}.drawer-item-note{padding:4px 10px 0;font-size:11px;line-height:1.35;color:#c9a84c;opacity:.7}.drawer-sep{height:1px;margin:4px 16px;background:var(--chat-border-subtle)}.drawer-item-badge{margin-left:auto;font-size:11px;color:#c9a84c;opacity:.85}.drawer-item-badge-bold{font-weight:700;opacity:1}.drawer-lang-panel{padding:8px 0}.drawer-lang-back{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;color:#c9a84c;font-size:13px;cursor:pointer;opacity:.75}.drawer-lang-back:active{opacity:1}.drawer-lang-title{padding:8px 16px 12px;font-size:12px;color:#c9a84c;opacity:.6;letter-spacing:.05em;text-transform:uppercase}.drawer-lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}.drawer-lang-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:transparent;border:1px solid rgba(201,168,76,.2);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.drawer-lang-item:active{background:#c9a84c1a}.drawer-lang-item.is-active{background:#c9a84c26;border-color:#c9a84c}.drawer-lang-flag{font-size:24px;line-height:1}.drawer-lang-label{font-size:11px;color:#c9a84c;text-align:center}.drawer-version{padding:12px 16px;font-size:11px;color:#c9a84c;opacity:.4;text-align:center;border-top:1px solid var(--chat-border-subtle);letter-spacing:.04em}@media (pointer: coarse) and (max-width: 599.98px){.drawer-close-btn{width:44px;height:44px;margin:-10px}.drawer-item{min-height:44px}}.drawer-panel{padding-top:var(--sa-t);padding-bottom:var(--sa-b);padding-left:var(--sa-l)}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:popup-fadein .18s ease}@keyframes popup-fadein{0%{opacity:0}to{opacity:1}}.popup-panel{background:var(--app-bg, #1a1a1a);border:1px solid var(--chat-border-subtle);border-radius:12px;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:popup-slidein .2s ease}@keyframes popup-slidein{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--chat-border-subtle)}.popup-title{font-size:15px;font-weight:600;color:var(--accent-gold)}.popup-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--header-icon);cursor:pointer;border-radius:50%}.popup-close:active{background:var(--chat-surface)}.popup-body{padding:18px 16px;overflow-y:auto;color:var(--app-fg);font-size:14px;line-height:1.6}:root{--pane-footer-h: 52px}.conv-footer{position:sticky;bottom:0;display:flex;align-items:flex-end;gap:4px;min-height:52px;padding-top:8px;padding-bottom:8px;padding-left:var(--footer-pad-left, 8px);padding-right:var(--footer-pad-right, 8px);border-top:1px solid rgba(255,255,255,.08)}.conv-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}@supports (-webkit-touch-callout: none){.conv-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))}}.conv-input-wrap{flex:1;position:relative;display:flex;min-width:0}.conv-wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}.conv-wave-bar{width:4px;border-radius:2px;background:#c9a84c;animation:conv-wave-bounce .9s ease-in-out infinite}.conv-wave-bar:nth-child(1){height:12px;animation-delay:0s}.conv-wave-bar:nth-child(2){height:20px;animation-delay:.15s}.conv-wave-bar:nth-child(3){height:12px;animation-delay:.3s}@keyframes conv-wave-bounce{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.8);opacity:1}}.conv-input{flex:1;resize:none;border-radius:20px;font-size:16px;line-height:20px;height:36px;min-height:36px;max-height:36px;line-height:36px;padding:0 12px;overflow-y:auto;border:1px solid var(--chat-border-subtle);background-color:var(--chat-surface-strong);color:inherit;scrollbar-width:thin;transition:background-color .3s ease,opacity .15s ease}.conv-input.recording{background-color:#c9a24d12;border-color:#c9a24d59}.conv-input.is-interim{opacity:.6}.conv-mic{background:none;border:none;padding:0;margin:0 2px;color:#c8b66a}.conv-mic svg{width:30px;height:30px;stroke:currentColor;fill:none}.conv-mic-voice{transition:color .2s}.conv-mic-voice.recording{color:#c9a84c;animation:pulse-conv-mic 1.2s infinite}@keyframes pulse-conv-mic{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.conv-plus-btn{flex-shrink:0}.conv-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:60}.conv-sheet{width:min(520px,calc(100vw - 24px));margin:0 12px 12px;border-radius:18px;background:#1c1c1cf7;border:1px solid rgba(201,162,77,.3);box-shadow:0 12px 40px #0006;overflow:hidden;padding:8px 0 4px}.conv-sheet-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:14px;line-height:1.4;color:var(--app-fg);background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.07);text-align:left;cursor:pointer}.conv-sheet-item:last-child{border-bottom:none}.conv-sheet-item:active{background:#c9a24d14}.conv-sheet-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;opacity:.9}.conv-sheet-label{font-size:14px;font-weight:400;color:var(--app-fg);letter-spacing:.01em}.conv-sheet-overlay:has(.conv-sheet-popup){background:transparent;align-items:flex-end;justify-content:flex-start;pointer-events:auto}.conv-sheet-overlay:has(.conv-sheet-popup) .conv-sheet-popup{pointer-events:auto}.conv-sheet-popup{position:fixed;bottom:calc(var(--pane-footer-h, 52px) + 8px);left:8px;width:200px;margin:0;border-radius:16px;background:#161618f7;border:1px solid rgba(201,162,77,.4);box-shadow:0 8px 32px #0000008c,0 0 0 .5px #c9a24d26;overflow:hidden;padding:0 0 4px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:conv-popup-in .15s ease}@keyframes conv-popup-in{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.conv-sheet-popup .conv-sheet-item{padding:12px 16px;gap:12px;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.05)}.conv-sheet-popup .conv-sheet-item:last-child{border-bottom:none}@media (pointer: coarse) and (max-width: 599.98px){.conv-footer .conv-mic{min-width:44px;min-height:44px;margin:0;display:inline-flex;align-items:center;justify-content:center}.conv-footer .conv-input{height:44px;min-height:44px;max-height:44px;line-height:44px;padding-top:0;padding-bottom:0}}.conv-footer{padding-left:max(var(--footer-pad-left, 8px),var(--sa-l));padding-right:max(var(--footer-pad-right, 8px),var(--sa-r))}:root{--bust-w: 320px;--bust-h: 480px;--bust-radius: 28px}.avatar-stage-3d{width:var(--bust-w);height:var(--bust-h);margin:0 auto;position:relative;clip-path:inset(0 round var(--bust-radius));-webkit-clip-path:inset(0 round var(--bust-radius));mask-image:radial-gradient(ellipse 78% 74% at 50% 50%,#000 96%,#000000e6);-webkit-mask-image:radial-gradient(ellipse 78% 74% at 50% 50%,black 96%,rgba(0,0,0,.9) 100%)}.avatar-stage-3d canvas{display:block;width:100%!important;height:100%!important}.mouth-shadow-overlay{position:absolute;top:62%;left:50%;width:28px;height:20px;margin-left:-14px;margin-top:-10px;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(15,8,5,.85) 0%,rgba(40,20,12,.5) 45%,transparent 75%);border-radius:50%;mix-blend-mode:multiply;transition:opacity 80ms linear;will-change:opacity,transform}.avm-list{display:flex;flex-direction:column;gap:12px}.avm-create-btn{background:#c9a24d2e;border:1px solid var(--accent-gold);color:var(--accent-gold);border-radius:22px;padding:10px 16px;font-weight:600;cursor:pointer;font-size:14px}.avm-create-btn:disabled{opacity:.4;cursor:not-allowed}.avm-empty{text-align:center;opacity:.6;padding:20px 0;font-size:13px}.avm-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.avm-item{background:#ffffff08;border:1px solid var(--chat-border-subtle);border-radius:10px;overflow:hidden}.avm-item-main{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer}.avm-item-thumb{width:38px;height:38px;border-radius:50%;background:#c9a24d26;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden;flex-shrink:0}.avm-item-thumb img{width:100%;height:100%;object-fit:cover}.avm-item-info{flex:1;min-width:0}.avm-item-name{font-size:14px;font-weight:600}.avm-item-relation{font-size:11px;opacity:.6}.avm-item-actions{display:flex;align-items:center;gap:6px;padding:6px 10px;border-top:1px solid var(--chat-border-subtle);background:#0003;flex-wrap:wrap}.avm-radio{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;cursor:pointer;border:1px solid rgba(201,162,77,.25);color:var(--header-icon)}.avm-radio input{display:none}.avm-radio.is-active{background:#c9a24d33;color:var(--accent-gold);border-color:var(--accent-gold)}.avm-delete-btn{margin-left:auto;background:transparent;border:1px solid rgba(220,80,80,.4);color:#dc5050d9;font-size:11px;padding:3px 10px;border-radius:12px;cursor:pointer}.avm-delete-btn:active{background:#dc505026}.avm-limit-note{font-size:11px;text-align:center;opacity:.5;margin:0}.avm-edit{display:flex;flex-direction:column;gap:12px}.avm-back-btn{align-self:flex-start;background:transparent;border:0;color:var(--accent-gold);font-size:13px;cursor:pointer;padding:0}.avm-edit-row{display:flex;flex-direction:column;gap:4px}.avm-edit-row>label{font-size:12px;color:var(--header-icon)}.avm-edit-row>input,.avm-edit-row>textarea{background:#ffffff0a;border:1px solid rgba(201,162,77,.25);border-radius:8px;padding:8px 10px;color:var(--app-fg);font-size:14px;font-family:inherit;resize:vertical}.avm-edit-row input:focus,.avm-edit-row textarea:focus{outline:none;border-color:var(--accent-gold)}.avm-gender{display:flex;gap:6px}.avm-gender-option{flex:1;padding:8px;text-align:center;background:#ffffff0a;border:1px solid rgba(201,162,77,.25);border-radius:8px;cursor:pointer;font-size:13px;color:var(--app-fg)}.avm-gender-option input{display:none}.avm-gender-option.is-active{background:#c9a24d2e;border-color:var(--accent-gold);color:var(--accent-gold)}.avm-photo-row{display:flex;align-items:center;gap:10px}.avm-photo-thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;border:1px solid var(--chat-border-subtle)}.avm-photo-empty{width:64px;height:64px;border-radius:12px;background:#ffffff0a;border:1px dashed rgba(201,162,77,.3);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--header-icon);text-align:center}.avm-photo-btn{background:transparent;border:1px solid rgba(201,162,77,.4);color:var(--accent-gold);border-radius:14px;padding:6px 12px;font-size:12px;cursor:pointer}.avm-detect-status{margin-top:6px;padding:6px 10px;border-radius:8px;font-size:12px;background:#ffffff0a;border:1px solid var(--chat-border-subtle);color:var(--header-icon)}.avm-detect-status.avm-detect-processing{border-color:#c9a24d66;color:var(--accent-gold)}.avm-detect-status.avm-detect-success{border-color:#50c87866;color:#50c878}.avm-detect-status.avm-detect-failed{border-color:#dc505066;color:#dc5050}.avm-save-btn{margin-top:4px;background:#c9a24d33;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:10px 16px;border-radius:22px;font-weight:600;cursor:pointer;font-size:14px}.avm-save-btn:disabled{opacity:.4;cursor:not-allowed}.avm-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:250;display:flex;align-items:center;justify-content:center;padding:16px}.avm-confirm-panel{background:var(--app-bg, #1a1a1a);border:1px solid var(--chat-border-subtle);border-radius:12px;padding:20px;max-width:360px;width:100%}.avm-confirm-title{font-size:14px;font-weight:600;color:var(--accent-gold);margin-bottom:8px}.avm-confirm-message{font-size:13px;white-space:pre-wrap;margin-bottom:14px;color:var(--app-fg)}.avm-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.avm-confirm-cancel,.avm-confirm-delete{padding:8px 16px;border-radius:18px;font-size:13px;cursor:pointer;font-weight:600;border:1px solid}.avm-confirm-cancel{background:transparent;border-color:#c9a24d66;color:var(--accent-gold)}.avm-confirm-delete{background:#dc50502e;border-color:#dc505099;color:#ff8282}.osv-panel{margin:0 0 10px;padding:10px 10px 8px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#ffffff0a}.osv-head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.osv-title{font-size:14px;font-weight:700}.osv-sub{font-size:11px;opacity:.65}.osv-block{margin-bottom:8px}.osv-label{font-size:12px;opacity:.8;margin-bottom:4px}.osv-steps,.osv-actions{display:flex;flex-wrap:wrap;gap:6px}.osv-voices{display:flex;flex-direction:column;gap:6px}.osv-voice-row{display:flex;align-items:stretch;gap:6px}.osv-voice,.osv-step,.osv-btn{min-height:44px;min-width:44px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:inherit;font-size:13px;line-height:1.25;cursor:pointer}.osv-voice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;flex:1 1 auto;min-width:0;text-align:left}.osv-voice-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.osv-voice-name{font-size:15px;font-weight:600}.osv-badge{font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;background:#78beff4d;border:1px solid rgba(120,190,255,.7);white-space:nowrap}.osv-voice-meta{font-size:10px;opacity:.62;word-break:break-all}.osv-voice-try{flex:0 0 auto;width:64px;padding:6px 4px;font-size:12px;white-space:nowrap}.osv-voice.is-on,.osv-step.is-on{background:#78beff47;border-color:#78beffd9;font-weight:700}.osv-step{flex:1 1 auto}.osv-btn:disabled{opacity:.55}.osv-howto{margin:0;font-size:12px;line-height:1.6;opacity:.85}.osv-empty,.osv-note{font-size:12px;opacity:.85;padding:4px 0}.lesson-controls{flex-shrink:0;padding:6px 10px 8px;background:var(--chat-surface);border-bottom:1px solid var(--chat-border-subtle);display:flex;flex-direction:column;gap:5px}.lesson-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.lesson-chip{min-height:30px;padding:4px 11px;border-radius:15px;border:1px solid var(--chat-border-subtle);background:transparent;color:var(--app-fg);font-size:13px;cursor:pointer;white-space:nowrap;line-height:1.2}.lesson-chip.is-on{border-color:#c9a24dbf;background:#c9a24d2e;color:var(--accent-gold);font-weight:700}.lesson-lang{flex:1 1 30%;justify-content:center;text-align:center}.lesson-gender{min-width:64px;text-align:center}.lesson-preview{margin-left:auto}.lesson-sliders{gap:10px}.lesson-slider{display:flex;align-items:center;gap:5px;flex:1 1 30%;min-width:132px;font-size:12px;color:var(--app-fg);opacity:.9}.lesson-slider input[type=range]{flex:1;min-width:56px}.lesson-slider-label{flex-shrink:0}.lesson-slider-value{flex-shrink:0;min-width:44px;text-align:right;font-variant-numeric:tabular-nums;opacity:.75}.lesson-script{flex:1;min-height:120px;display:flex;flex-direction:column;gap:6px;padding:8px 10px;overflow-y:auto}.lesson-script-text{flex:1;min-height:68px;resize:vertical;border-radius:8px;border:1px solid var(--chat-border-subtle);background:var(--chat-surface);color:var(--app-fg);padding:8px 10px;font-size:14px;line-height:1.6;font-family:inherit}.lesson-script-actions{display:flex;align-items:center;gap:8px;font-size:12px}.lesson-play,.lesson-stop{min-height:34px;padding:5px 16px;border-radius:17px;border:1px solid rgba(201,162,77,.5);background:#c9a24d24;color:var(--accent-gold);font-size:14px;cursor:pointer}.lesson-play:disabled,.lesson-stop:disabled{opacity:.4;cursor:default}.lesson-script-status{opacity:.75}.lesson-script-voice{margin-left:auto;opacity:.6}.lipsync-host[data-mode=lesson]{display:none}@media (pointer: coarse) and (max-width: 599.98px){.lesson-controls{padding-top:8px;gap:14px}.lesson-row{row-gap:14px}.lesson-script{gap:10px;padding-bottom:10px}.conversation-screen[data-mode=lesson] .lesson-script{flex:0 0 auto;overflow:visible}.lesson-chip,.lesson-play,.lesson-stop{position:relative}.lesson-chip:after,.lesson-play:after,.lesson-stop:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}.lc-bar{flex-shrink:0;padding:5px 10px 6px;background:var(--chat-surface);border-bottom:1px solid var(--chat-border-subtle);display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--app-fg)}.lc-bar--error{color:#e08a8a}.lc-courses{display:flex;gap:5px}.lc-course-chip{flex:1 1 33%;min-height:30px;padding:3px 8px;border-radius:15px;border:1px solid var(--chat-border-subtle);background:transparent;color:var(--app-fg);font-size:13px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15}.lc-course-chip.is-on{border-color:#c9a24dbf;background:#c9a24d2e;color:var(--accent-gold);font-weight:700}.lc-course-chip:disabled{opacity:.5;cursor:default}.lc-course-cefr{font-size:9px;opacity:.6;font-weight:400}.lc-courses-fold>summary{list-style:none;cursor:pointer;font-size:12px;opacity:.8;padding:3px 2px}.lc-courses-fold>summary::-webkit-details-marker{display:none}.lc-courses-fold>summary:before{content:"▸ ";opacity:.7}.lc-courses-fold[open]>summary:before{content:"▾ "}.lc-courses-fold[open]>.lc-courses{margin-top:4px}.lc-progress{display:flex;align-items:center;gap:8px}.lc-step-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-step-label b{color:var(--accent-gold);font-size:14px}.lc-mastery{display:flex;align-items:center;gap:6px;flex-shrink:0}.lc-mastery-track{display:inline-block;width:84px;height:6px;border-radius:3px;background:#ffffff24;overflow:hidden}.lc-mastery-fill{display:block;height:100%;background:linear-gradient(90deg,#c9a24d,#e6c77a);transition:width .35s ease}.lc-mastery-value{opacity:.7;font-variant-numeric:tabular-nums}.lc-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:5px;padding:6px 10px 8px;overflow:hidden;font-size:13px;color:var(--app-fg)}.lc-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.lc-step-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;opacity:.9}.lc-goal{flex:1 1 auto;min-width:120px}.lc-actions{display:flex;gap:5px;flex-wrap:wrap}.lc-mini{min-height:26px;padding:2px 9px;border-radius:13px;border:1px solid var(--chat-border-subtle);background:transparent;color:var(--app-fg);font-size:11px;cursor:pointer;white-space:nowrap}.lc-mini:disabled{opacity:.4;cursor:default}.lc-force{border-color:#e08a8a99;color:#e0a0a0}.lc-primary{min-height:30px;padding:4px 14px;border-radius:15px;border:1px solid rgba(201,162,77,.5);background:#c9a24d29;color:var(--accent-gold);font-size:13px;cursor:pointer;white-space:nowrap}.lc-primary:disabled{opacity:.4;cursor:default}.lc-dialogue{display:flex;flex-direction:column;gap:2px;padding:5px 7px;border-radius:8px;background:#ffffff09;border:1px solid var(--chat-border-subtle);max-height:132px;overflow-y:auto}.lc-dline{display:grid;grid-template-columns:16px 1fr;gap:2px 6px;padding:2px 3px;border-radius:5px;line-height:1.35}.lc-dline.is-speaking{background:#c9a24d33}.lc-dspeaker{grid-row:span 2;opacity:.55;font-size:11px;padding-top:1px}.lc-dtext{font-size:13px}.lc-dja{font-size:11px;opacity:.62}.lc-log{flex:1 1 auto;min-height:88px;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.lc-row{display:flex;align-items:flex-start;gap:6px;padding:4px 7px;border-radius:8px;border-left:3px solid transparent;line-height:1.45}.lc-tag{flex-shrink:0;font-size:10px;opacity:.75;padding:1px 5px;border-radius:8px;background:#ffffff17;margin-top:1px}.lc-text{flex:1 1 auto;min-width:0;white-space:pre-wrap;word-break:break-word}.lc-row--teacher{background:#ffffff0d;border-left-color:#c9a24dd9}.lc-row--practice{background:#5a96dc21;border-left-color:#78afebe6}.lc-row--user{background:#ffffff08;border-left-color:#ffffff47}.lc-row--feedback{background:#78c88c1a;border-left-color:#78c88cbf;flex-wrap:wrap;font-size:12px}.lc-row--system{background:transparent;opacity:.7;font-size:11px;border-left-color:#ffffff29}.lc-text--lesson{font-family:Georgia,Times New Roman,serif;font-size:14px;letter-spacing:.01em}.lc-scores{display:flex;gap:7px;flex-wrap:wrap;width:100%;font-size:11px;opacity:.8;padding-left:34px}.lc-score{font-variant-numeric:tabular-nums}.lc-scores-head{opacity:.95;font-weight:600}.lc-row--why{opacity:1;background:#e6b45a1f;border-left-color:#e6b45ad9;font-size:11.5px}.lc-task{display:flex;flex-direction:column;gap:5px}.lc-task-tabs{display:flex;gap:4px;flex-wrap:wrap}.lc-task-tab{min-height:26px;padding:2px 10px;border-radius:13px;border:1px solid var(--chat-border-subtle);background:transparent;color:var(--app-fg);font-size:11px;cursor:pointer}.lc-task-tab.is-on{border-color:#c9a24db3;background:#c9a24d29;color:var(--accent-gold)}.lc-task-tab:disabled{opacity:.4;cursor:default}.lc-task-prompt{font-size:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lc-task-target{font-family:Georgia,Times New Roman,serif;font-size:13px;opacity:.85;display:inline-flex;align-items:center;gap:6px;padding:1px 8px;border-radius:8px;background:#5a96dc21}.lc-now{padding:7px 10px;border-radius:10px;border:1px solid rgba(201,162,77,.45);background:#c9a24d1a;gap:5px}.lc-now-head{display:flex;align-items:center;gap:8px}.lc-now-title{font-size:11px;opacity:.75;letter-spacing:.04em}.lc-now-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent-gold);font-weight:700;margin-left:auto}.lc-now-dots{display:flex;align-items:center;gap:0}.lc-dot{width:32px;height:30px;padding:0;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lc-dot:before{content:"";width:9px;height:9px;border-radius:50%;border:1px solid rgba(201,162,77,.65);background:transparent}.lc-dot.is-done:before{background:#c9a24d73}.lc-dot.is-on:before{width:12px;height:12px;background:var(--accent-gold);border-color:var(--accent-gold)}.lc-dot:disabled{cursor:default;opacity:.5}.lc-now-prompt{font-size:15px;line-height:1.38;font-weight:600;color:var(--app-fg);word-break:break-word}.lc-now-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:3px 8px;border-radius:8px;background:#5a96dc24}.lc-now-target-text{font-family:Georgia,Times New Roman,serif;font-size:15px;flex:1 1 auto;min-width:0;word-break:break-word}.lc-status{display:flex;flex-direction:column;gap:5px}.lc-more>summary{list-style:none;cursor:pointer;font-size:11px;opacity:.75;padding:2px 4px}.lc-more>summary::-webkit-details-marker{display:none}.lc-more>summary:before{content:"▸ "}.lc-more[open]>summary:before{content:"▾ "}.lc-more[open]>.lc-actions{margin-top:4px}.lc-next-line{display:flex;align-items:baseline;gap:6px;font-size:12px;line-height:1.35;color:var(--accent-gold)}.lc-next-line-tag{flex-shrink:0;font-size:10px;opacity:.85;padding:1px 6px;border-radius:8px;background:#c9a24d2e}.lc-next-line-text{flex:1 1 auto;min-width:0;word-break:break-word}.lc-input-row{display:flex;gap:5px;align-items:center}.lc-input{flex:1 1 auto;min-width:60px;min-height:32px;border-radius:8px;border:1px solid var(--chat-border-subtle);background:var(--chat-surface);color:var(--app-fg);padding:5px 9px;font-size:13px;font-family:inherit}.lc-mic{min-height:32px;padding:4px 12px;border-radius:16px;border:1px solid rgba(201,162,77,.5);background:#c9a24d24;color:var(--accent-gold);font-size:13px;cursor:pointer;white-space:nowrap}.lc-mic.is-rec{border-color:#e06060cc;background:#e0606038;color:#ffb4b4;animation:lc-pulse 1.1s ease-in-out infinite}.lc-mic:disabled{opacity:.4;cursor:default;animation:none}@keyframes lc-pulse{50%{opacity:.62}}.lc-recognized{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 7px;border-radius:8px;background:#5a96dc1a;border-left:3px solid rgba(120,175,235,.6);font-size:12px}.lc-pron{font-size:11px;opacity:.8;font-variant-numeric:tabular-nums}.lc-pron--off{opacity:.65}.lc-note{font-size:11px;opacity:.65}.lc-note--warn{color:#e6b98a;opacity:.95}.lc-foot{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;padding-right:76px;border-top:1px solid var(--chat-border-subtle);padding-top:5px}.lc-next{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lc-reason{font-size:11px;opacity:.8;flex:1 1 160px}.lc-placement{display:flex;flex-direction:column;gap:5px;padding:7px 8px;border-radius:10px;border:1px solid rgba(201,162,77,.45);background:#c9a24d14}.lc-placement-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--accent-gold)}.lc-placement-result{font-size:12px;display:flex;flex-direction:column;gap:5px}.lc-placement-actions{display:flex;gap:6px;flex-wrap:wrap}.conversation-screen[data-lesson-tab=course] .lesson-script,.conversation-screen[data-lesson-tab=course] .conv-footer,.conversation-screen[data-lesson-tab=free] .lc-panel,.conversation-screen[data-lesson-tab=free] .lc-bar,.conversation-screen[data-lesson-tab=course] .lesson-reply-caption{display:none}.conversation-screen[data-mode=lesson][data-lesson-tab=course] .avatar-stage-compact{flex:0 0 calc(var(--bust-h) * var(--lesson-stage-scale, .75) + 6px);min-height:calc(var(--bust-h) * var(--lesson-stage-scale, .75) + 6px);overflow:hidden;align-items:flex-start}.conversation-screen[data-mode=lesson][data-lesson-tab=course] .avatar-stage-compact>*{transform:scale(var(--lesson-stage-scale, .75));transform-origin:top center}.lesson-speaker-box{flex-shrink:0;background:var(--chat-surface);border-bottom:1px solid var(--chat-border-subtle)}.lesson-speaker-box:not(.is-open) .lesson-controls{display:none}.lesson-speaker-toggle{width:100%;min-height:30px;padding:4px 12px;border:none;border-bottom:1px solid var(--chat-border-subtle);background:transparent;color:var(--app-fg);font-size:12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.lesson-speaker-toggle .lc-caret{margin-left:auto;opacity:.6}.lesson-speaker-box.is-open .lesson-speaker-toggle{color:var(--accent-gold)}.lesson-tabs{flex-shrink:0;display:flex;gap:5px;padding:5px 10px 0;background:var(--chat-surface)}.lesson-tab{flex:1 1 50%;min-height:28px;padding:3px 10px;border-radius:14px 14px 0 0;border:1px solid var(--chat-border-subtle);border-bottom:none;background:transparent;color:var(--app-fg);font-size:12px;cursor:pointer}.lesson-tab.is-on{border-color:#c9a24db3;background:#c9a24d29;color:var(--accent-gold);font-weight:700}@media (pointer: coarse) and (max-width: 599.98px){.conversation-screen[data-mode=lesson] .lc-panel,.conversation-screen[data-mode=lesson] .lc-scroll{flex:0 0 auto;overflow:visible}.conversation-screen[data-mode=lesson] .conv-footer{position:relative}.lesson-speaker-toggle{min-height:44px}.lesson-tabs{padding-top:13px;padding-bottom:8px}.lc-bar{padding-top:6px;gap:10px}.lc-step-head,.lc-actions,.lc-task-tabs{row-gap:18px}.lc-log{padding-top:9px;padding-bottom:9px}.lc-task{gap:18px}.lc-now{gap:6px}.lc-dot{height:44px}.lc-status{gap:18px}.lc-foot{gap:14px;padding-top:12px}.lc-next{row-gap:16px}.lc-input-row{min-height:44px}.lesson-tab,.lc-course-chip,.lc-mini,.lc-task-tab,.lc-mic,.lc-primary{position:relative}.lesson-tab:after,.lc-course-chip:after,.lc-mini:after,.lc-task-tab:after,.lc-mic:after,.lc-primary:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}@media (pointer: coarse) and (max-width: 599.98px){.conversation-screen[data-mode=lesson]{height:calc(100% - var(--lesson-dock-h, 0px) - var(--lesson-kb, 0px))}.conversation-screen[data-mode=lesson][data-lesson-tab=course] .lc-foot,.conversation-screen[data-mode=lesson][data-lesson-tab=free] .conv-footer{position:fixed;left:0;right:0;bottom:var(--lesson-kb, 0px);z-index:50;box-sizing:border-box;background:var(--app-bg);border-top:1px solid var(--chat-border-subtle)}.conversation-screen[data-mode=lesson] .lc-foot{padding:8px max(10px,var(--sa-r)) max(8px,var(--sa-b)) max(10px,var(--sa-l));gap:4px}.conversation-screen[data-mode=lesson][data-lesson-tab=course] .lc-panel{padding-bottom:16px}.lc-next{column-gap:12px;row-gap:0}.lc-next>.lc-primary{margin-block:7px}.lc-next>.lc-force{margin-block:9px}.lc-reason{order:3;flex:1 1 100%}html[data-lesson-dock="1"] [data-eval-fab][data-eval-fab-mode=lesson]{bottom:calc(var(--lesson-dock-h, 0px) + var(--lesson-kb, 0px) + 8px)!important}}.compare-row{--compare-gap: 8px;display:flex;flex:1 1 auto;min-width:0;flex-direction:column;align-items:center;justify-content:center}.compare-panes{display:flex;gap:var(--compare-gap);align-items:flex-start;justify-content:center;width:100%}.compare-pane{display:flex;flex-direction:column;gap:3px;width:min(var(--bust-w),calc((100% - 2 * var(--compare-gap)) / 3));min-width:0}.compare-title{font-size:11px;line-height:1.3;color:var(--app-fg);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-title b{font-weight:700}.compare-sub{display:block;font-size:9px;opacity:.6}.compare-box{position:relative;width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:var(--bust-radius);background:#000;cursor:zoom-in}.compare-box .avatar-stage-3d{width:100%;height:100%;margin:0}.compare-variants{display:flex;gap:6px;align-items:flex-end;justify-content:center;margin-top:10px;flex-wrap:wrap}.compare-variant-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px;border-radius:6px;border:1px solid #444;background:#1a1a1a;color:#999;cursor:pointer;font-family:monospace;font-size:9px;line-height:1.2}.compare-variant-btn.on{border-color:#6aa9ff;background:#20344d;color:#cfe3ff}.compare-variant-thumb{position:relative;display:block;width:52px;height:78px;overflow:hidden;border-radius:4px;background:#000}.compare-variant-cap{display:block}.compare-empty{display:grid;place-items:center;width:100%;height:100%;font-size:10px;color:#7f8c8d;font-family:monospace;text-align:center;padding:8px;box-sizing:border-box}.avatar-stage.is-compare{flex:0 0 auto;min-height:0;align-items:flex-start;padding-right:var(--eval-drawer-w, 440px);padding-left:8px;padding-top:4px;justify-content:center}.compare-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:#000000eb;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:12px;box-sizing:border-box;font-family:monospace;color:#ecf0f1}.compare-lightbox-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:8px}.compare-lightbox-bar button{font-size:11px;padding:2px 8px;border-radius:3px;border:1px solid #7f8c8d;background:#2c3e50;color:#ecf0f1;cursor:pointer}.compare-lightbox-bar label{display:flex;gap:4px;align-items:center}.compare-lightbox-img{position:relative;flex-shrink:0;background:#000;border-radius:4px;overflow:hidden}.conversation-screen{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}.image-preview{position:relative;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--chat-surface);border-bottom:1px solid var(--chat-border-subtle);flex-shrink:0}.image-preview-img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid var(--chat-border-subtle)}.image-preview-meta{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--app-fg);opacity:.85}.image-preview-action{background:transparent;border:1px solid rgba(201,162,77,.4);color:var(--accent-gold);border-radius:14px;padding:4px 10px;font-size:12px;cursor:pointer;align-self:flex-start}.image-preview-close{position:absolute;top:4px;right:8px;width:24px;height:24px;background:transparent;border:none;color:var(--header-icon);font-size:18px;cursor:pointer;line-height:1}.avatar-stage{display:flex;align-items:center;justify-content:center}.avatar-stage-compact{flex:0 0 var(--bust-h);min-height:var(--bust-h)}.avatar-placeholder{width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9b865,#8f7730 70%,#4a3e1a);box-shadow:0 4px 24px #c9a24d40}.avatar-still-box{width:var(--bust-w);height:var(--bust-h);margin:0 auto;position:relative;overflow:hidden;border-radius:var(--bust-radius)}.avatar-still{position:absolute;display:block;max-width:none;width:calc(100% / var(--uw, 1));height:calc(100% / var(--vh, 1));left:calc(-100% * var(--u0, 0) / var(--uw, 1));top:calc(-100% * var(--v0, 0) / var(--vh, 1))}.avatar-stage{position:relative}.lesson-reply-caption{position:absolute;left:50%;top:8px;transform:translate(-50%);width:max-content;max-width:min(92%,440px);padding:4px 10px;border-radius:8px;background:#0000008c;color:#fff;text-align:center;pointer-events:none;z-index:2}.lesson-reply-caption-text{font-size:14px;line-height:1.4}.lesson-reply-caption-translation{font-size:12px;line-height:1.35;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-reply-caption[data-caption-kind=after]{pointer-events:auto}.lesson-reply-caption-full{display:block;-webkit-line-clamp:unset;max-height:6.75em;overflow-y:auto;overscroll-behavior:contain;text-align:left}.lesson-reply-caption-toggle{display:none;flex:0 0 auto;padding:0 6px;border:1px solid rgba(255,255,255,.6);border-radius:6px;background:transparent;color:#fff;font-size:12px;line-height:1.6;cursor:pointer}@media (max-width: 699px){.lesson-reply-caption[data-caption-kind=after]{display:flex;align-items:flex-start;gap:6px}.lesson-reply-caption[data-caption-kind=after] .lesson-reply-caption-full{flex:1 1 auto;min-width:0}.lesson-reply-caption[data-caption-kind=after]:not(.is-open) .lesson-reply-caption-full{max-height:1.35em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lesson-reply-caption-toggle{display:inline-block}}@media (min-width: 700px){.lesson-reply-caption[data-caption-kind=after]{left:calc(50% + 172px);transform:none;box-sizing:border-box;max-width:min(440px,calc(50% - 184px))}.lesson-reply-caption[data-caption-kind=after] .lesson-reply-caption-full{max-height:440px}}.lesson-reply-caption-label{margin-right:4px;font-weight:600}.avatar-mismatch-note{position:absolute;left:50%;bottom:4px;transform:translate(-50%);max-width:320px;padding:6px 10px;border-radius:8px;background:#781e1eeb;color:#ffe9e9;font-size:12px;line-height:1.5;text-align:center}.avatar-mismatch-why{display:block;opacity:.82;font-size:11px}.emotion-bar{border-top:1px solid #444;margin-top:8px;padding:6px 0;box-sizing:border-box}@media (min-width: 721px){.emotion-bar{padding-left:104px}}.bubble-area{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.bubble-row{display:flex;width:100%}.bubble-row.bubble-user{justify-content:flex-end}.bubble-row.bubble-assistant{justify-content:flex-start}.bubble{max-width:78%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.bubble-row.bubble-user .bubble{background:#c9a24d2e;color:var(--accent-gold);border:1px solid rgba(201,162,77,.4);border-bottom-right-radius:4px}.bubble-row.bubble-assistant .bubble{background:var(--chat-surface);color:var(--app-fg);border:1px solid var(--chat-border-subtle);border-bottom-left-radius:4px}.bubble-row.bubble-error{justify-content:center}.bubble-row.bubble-error .bubble{background:#c8404024;color:#ff9c9c;border:1px solid rgba(200,64,64,.55);border-radius:6px;max-width:92%;font-size:13px;text-align:center}.bubble-error-mark{margin-right:6px}.bubble-row.bubble-error .bubble-text{display:inline}.bubble-text{display:block}.bubble-translation{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(201,162,77,.25);font-size:12px;opacity:.75;display:flex;gap:6px}.bubble-translation-label{color:var(--accent-gold);flex-shrink:0;font-weight:600}.bubble-translation-text{flex:1}.bubble-emotion{display:inline-block;margin-left:6px;font-size:13px;vertical-align:baseline;opacity:.85}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lang-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:1px solid rgba(201,162,77,.2);border-radius:10px;color:var(--app-fg);cursor:pointer;font-size:14px;transition:background .15s,border-color .15s}.lang-item:not(.is-disabled):active{background:#c9a24d1a}.lang-item.is-active{background:#c9a24d26;border-color:var(--accent-gold)}.lang-item.is-disabled{opacity:.4;cursor:not-allowed}.lang-flag{font-size:22px;line-height:1}.lang-label{flex:1;text-align:left}.lang-check{color:var(--accent-gold);font-weight:700}.lang-note{margin:14px 0 0;font-size:11px;opacity:.55;text-align:center}.toast-root{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:300;pointer-events:none;animation:toast-fadein .18s ease}@keyframes toast-fadein{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-content{background:#1c1c1cf2;border:1px solid rgba(201,162,77,.3);color:#f2f2f2;padding:10px 18px;border-radius:20px;font-size:13px;box-shadow:0 4px 16px #0006;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.update-toast{position:fixed;top:56px;left:12px;right:calc(12px + min(440px,42vw));margin:0 auto;width:max-content;max-width:calc(100vw - 24px - min(440px,42vw));z-index:10002;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 14px;border-radius:10px;background:#18181af5;border:1px solid rgba(201,162,77,.45);box-shadow:0 6px 20px #00000080;color:#f2f2f2;font-size:13px;line-height:1.35;animation:update-toast-in .18s ease}@media (max-width: 719px){.update-toast{right:12px;max-width:calc(100vw - 24px)}}@keyframes update-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.update-toast-text{flex:1 1 auto;min-width:0}.update-toast-reload{flex:0 0 auto;min-height:32px;padding:6px 14px;border-radius:16px;border:1px solid rgba(201,162,77,.6);background:#c9a24d;color:#1a1a1a;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap}.update-toast-reload:hover{filter:brightness(1.08)}.update-toast-close{flex:0 0 auto;width:28px;height:28px;padding:0;border:none;border-radius:14px;background:transparent;color:#f2f2f2;opacity:.75;font-size:15px;line-height:1;cursor:pointer}.update-toast-close:hover{opacity:1}.profile-edit-form{display:flex;flex-direction:column;gap:14px}.profile-edit-row{display:flex;flex-direction:column;gap:4px}.profile-edit-label{font-size:12px;color:var(--header-icon)}.profile-edit-input{background:#ffffff0a;border:1px solid rgba(201,162,77,.25);border-radius:8px;padding:8px 10px;color:var(--app-fg);font-size:14px;font-family:inherit;resize:vertical}.profile-edit-input:focus{outline:none;border-color:var(--accent-gold)}.profile-edit-save{margin-top:4px;background:#c9a24d2e;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:10px 16px;border-radius:22px;font-weight:600;cursor:pointer;font-size:14px}.profile-edit-save:active{background:#c9a24d4d}.profile-edit-gender{display:flex;gap:8px}.profile-edit-gender-option{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;background:#ffffff0a;border:1px solid rgba(201,162,77,.25);border-radius:8px;cursor:pointer;font-size:13px;color:var(--app-fg);transition:all .15s}.profile-edit-gender-option input[type=radio]{display:none}.profile-edit-gender-option.is-active{background:#c9a24d2e;border-color:var(--accent-gold);color:var(--accent-gold)}.terms-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.terms-row{margin:0}.terms-row-btn{display:flex;align-items:center;width:100%;background:#ffffff08;border:1px solid var(--chat-border-subtle);border-radius:10px;padding:12px 14px;cursor:pointer;color:var(--app-fg);font-size:14px;text-align:left}.terms-row-btn:active{background:#c9a24d1f}.terms-row-label{flex:1}.terms-row-arrow{color:var(--accent-gold);font-weight:600}.terms-pdf-wrapper{display:flex;flex-direction:column;gap:8px;height:70vh;max-height:600px}.terms-pdf-back{align-self:flex-start;background:transparent;border:0;color:var(--accent-gold);font-size:13px;cursor:pointer;padding:4px 0}.terms-pdf-frame{flex:1;width:100%;border:1px solid var(--chat-border-subtle);border-radius:8px;background:#fff}.inquiry-body{display:flex;flex-direction:column;gap:14px}.inquiry-row{display:flex;flex-direction:column;gap:4px}.inquiry-label{font-size:12px;color:var(--header-icon)}.inquiry-mailto{font-size:15px;color:var(--accent-gold);text-decoration:none;border:1px solid rgba(201,162,77,.3);border-radius:8px;padding:10px 12px;background:#ffffff0a}.inquiry-mailto:active{background:#c9a24d1f}.inquiry-note{font-size:12px;opacity:.6;margin:0}.logout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:250;display:flex;align-items:center;justify-content:center;padding:16px;animation:popup-fadein .18s ease}.logout-panel{background:var(--app-bg, #1a1a1a);border:1px solid var(--chat-border-subtle);border-radius:12px;padding:20px;max-width:360px;width:100%}.logout-title{font-size:14px;font-weight:600;color:var(--accent-gold);margin-bottom:8px}.logout-message{font-size:13px;white-space:pre-wrap;margin-bottom:14px;color:var(--app-fg)}.logout-actions{display:flex;gap:8px;justify-content:flex-end}.logout-cancel,.logout-confirm-btn{padding:8px 16px;border-radius:18px;font-size:13px;cursor:pointer;font-weight:600;border:1px solid}.logout-cancel{background:transparent;border-color:#c9a24d66;color:var(--accent-gold)}.logout-confirm-btn{background:#dc50502e;border-color:#dc505099;color:#ff8282}.voice-popup{display:flex;flex-direction:column;gap:14px}.voice-warning{background:#dc50501a;border:1px solid rgba(220,80,80,.3);color:#ff8282f2;border-radius:8px;padding:10px 12px;font-size:12px}.voice-current-avatar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#c9a24d1a;border-radius:8px}.voice-label{font-size:11px;color:var(--header-icon)}.voice-avatar-name{font-size:14px;color:var(--accent-gold);font-weight:600}.voice-list-label{font-size:12px;color:var(--header-icon);margin-bottom:-4px}.voice-loading{text-align:center;font-size:14px;opacity:.5;padding:20px}.voice-empty{text-align:center;font-size:12px;opacity:.6;padding:14px}.voice-group{display:flex;flex-direction:column;gap:4px}.voice-group-label{font-size:11px;color:var(--accent-gold);opacity:.8;padding:4px 0;border-bottom:1px solid rgba(201,162,77,.2)}.voice-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.voice-item{display:flex;gap:4px;align-items:stretch}.voice-item-select{flex:1;background:#ffffff0a;border:1px solid rgba(201,162,77,.18);border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;color:var(--app-fg)}.voice-item.is-active .voice-item-select{background:#c9a24d2e;border-color:var(--accent-gold)}.voice-item-name{flex:1;font-size:13px}.voice-item-lang{font-size:11px;opacity:.55}.voice-item-check{color:var(--accent-gold);font-weight:700}.voice-item-preview{background:transparent;border:1px solid rgba(201,162,77,.3);color:var(--accent-gold);border-radius:8px;padding:0 10px;font-size:12px;cursor:pointer}.say-voice{gap:8px}.say-voice-sub{font-size:11px;opacity:.7}.say-bar{display:flex;flex-direction:column;gap:2px}.say-bar-head{display:flex;justify-content:space-between;align-items:baseline}.say-bar-name{font-size:12px}.say-bar-value{font-size:13px;color:var(--accent-gold);font-weight:600;font-variant-numeric:tabular-nums}.say-bar input[type=range]{width:100%;accent-color:var(--accent-gold)}.say-bar-ends{display:flex;justify-content:space-between;font-size:10px;opacity:.6}.say-preview{align-self:flex-start;padding:6px 14px}.say-preview:disabled{opacity:.5;cursor:default}.lesson-kokoro{gap:8px}.lesson-kokoro-sub{font-size:11px;opacity:.7}.lesson-kokoro-preview{align-self:flex-start;padding:6px 14px}.lesson-kokoro-preview:disabled{opacity:.5;cursor:default}.voice-note{padding:6px 4px 2px;font-size:11px;line-height:1.4;opacity:.7}.conv-settings{display:flex;flex-direction:column;gap:14px}.conv-settings-warning{background:#dc50501a;border:1px solid rgba(220,80,80,.3);color:#ff8282f2;border-radius:8px;padding:10px 12px;font-size:12px}.conv-settings-row{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0a;border:1px solid var(--chat-border-subtle);border-radius:10px;cursor:pointer}.conv-settings-row.is-disabled{opacity:.5;cursor:not-allowed}.conv-settings-info{flex:1}.conv-settings-label{font-size:14px;color:var(--app-fg)}.conv-settings-note{font-size:11px;color:var(--header-icon);margin-top:2px}.conv-settings-toggle{width:44px;height:24px;border-radius:12px;background:#ffffff14;border:1px solid rgba(201,162,77,.3);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;padding:0}.conv-settings-toggle.is-on{background:#c9a24d66;border-color:var(--accent-gold)}.conv-settings-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.conv-settings-toggle.is-on .conv-settings-toggle-knob{transform:translate(20px)}.hist-tabs{display:flex;gap:6px;margin-bottom:10px}.hist-tab{flex:1;background:#ffffff0a;border:1px solid rgba(201,162,77,.25);color:var(--app-fg);border-radius:8px;padding:8px;font-size:13px;cursor:pointer}.hist-tab.is-active{background:#c9a24d2e;border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.hist-tab:disabled{opacity:.4;cursor:not-allowed}.hist-new-btn{width:100%;background:#c9a24d2e;border:1px solid var(--accent-gold);color:var(--accent-gold);border-radius:22px;padding:10px 16px;font-weight:600;cursor:pointer;font-size:14px;margin-bottom:12px;transition:background .15s}.hist-new-btn:active{background:#c9a24d4d}.hist-loading{text-align:center;opacity:.6;padding:20px}.hist-empty{text-align:center;opacity:.6;padding:20px;font-size:13px}.hist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.hist-item{background:#ffffff08;border:1px solid var(--chat-border-subtle);border-radius:10px;overflow:hidden}.hist-item-main{padding:10px 12px;cursor:pointer}.hist-item-main:active{background:#c9a24d14}.hist-item-row{display:flex;align-items:center;gap:8px}.hist-item-title{font-size:14px;font-weight:600;color:var(--accent-gold);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-title-input{flex:1;background:#ffffff0f;border:1px solid var(--accent-gold);border-radius:6px;padding:4px 8px;color:var(--app-fg);font-size:14px}.hist-item-meta{display:flex;gap:10px;margin-top:4px;font-size:11px;opacity:.7}.hist-item-avatar,.hist-item-count{color:var(--header-icon)}.hist-item-preview{margin-top:6px;font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-item-actions{display:flex;gap:6px;padding:6px 12px;border-top:1px solid var(--chat-border-subtle);background:#0003;justify-content:flex-end}.hist-edit-btn,.hist-delete-btn,.hist-edit-save,.hist-edit-cancel{background:transparent;border:1px solid rgba(201,162,77,.3);color:var(--accent-gold);border-radius:12px;padding:4px 10px;font-size:11px;cursor:pointer}.hist-delete-btn{border-color:#dc505066;color:#dc5050d9}.hist-edit-save{background:#c9a24d2e;border-color:var(--accent-gold);font-weight:600}.hist-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:250;display:flex;align-items:center;justify-content:center;padding:16px}.hist-confirm-panel{background:var(--app-bg, #1a1a1a);border:1px solid var(--chat-border-subtle);border-radius:12px;padding:20px;max-width:360px;width:100%}.hist-confirm-message{font-size:13px;white-space:pre-wrap;margin-bottom:14px;color:var(--app-fg)}.hist-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.hist-confirm-cancel,.hist-confirm-delete{padding:8px 16px;border-radius:18px;font-size:13px;cursor:pointer;font-weight:600;border:1px solid}.hist-confirm-cancel{background:transparent;border-color:#c9a24d66;color:var(--accent-gold)}.hist-confirm-delete{background:#dc50502e;border-color:#dc505099;color:#ff8282}.notify-list{display:flex;flex-direction:column;gap:8px;min-height:64px}.notify-empty{margin:0;padding:20px 0;text-align:center;opacity:.7;font-size:14px}.notify-item{padding:10px 12px;border-radius:10px;background:var(--chat-surface-strong, rgba(255, 255, 255, .06));border:1px solid var(--chat-border-subtle, rgba(255, 255, 255, .08))}.notify-item.is-unread{border-color:var(--header-icon, #c9a24d)}.notify-item-title{font-size:14px;font-weight:700}.notify-item-body{font-size:13px;opacity:.85;margin-top:4px}.notify-item-at{font-size:11px;opacity:.6;display:block;margin-top:6px}.sched{display:flex;flex-direction:column;gap:12px;font-size:14px}.sched-row{display:flex;align-items:center;gap:10px}.sched-switch input{width:18px;height:18px;accent-color:var(--header-icon, #c9a24d)}.sched-kind button,.sched-days button{background:var(--chat-surface-strong, rgba(255, 255, 255, .06));border:1px solid var(--chat-border-subtle, rgba(255, 255, 255, .12));color:inherit;border-radius:10px;cursor:pointer;font-size:13px}.sched-kind button{flex:1;min-height:44px;padding:0 10px}.sched-days{gap:4px}.sched-days button{flex:1;min-width:0;height:44px;padding:0;border-radius:50%}.sched-kind button.is-on,.sched-days button.is-on{background:var(--header-icon, #c9a24d);border-color:var(--header-icon, #c9a24d);color:#1a1a1a;font-weight:700}.sched-time input,.sched-at input{flex:1;min-height:40px;padding:0 10px;background:var(--chat-surface-strong, rgba(255, 255, 255, .06));border:1px solid var(--chat-border-subtle, rgba(255, 255, 255, .12));border-radius:10px;color:inherit;font-size:14px;color-scheme:dark}.sched-next{padding:10px 12px;border-radius:10px;background:var(--chat-surface-strong, rgba(255, 255, 255, .06));border:1px solid var(--header-icon, #c9a24d);font-weight:700}.sched-note{margin:0;font-size:12px;opacity:.7;line-height:1.5}.sched-warn{margin:0;font-size:12px;line-height:1.5;padding:8px 10px;border-radius:8px;color:#ffd9d0;background:#c8503c29;border:1px solid rgba(200,80,60,.45)}.adm-root{flex:1 1 auto;height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:12px 12px 48px;background:var(--app-bg, #1a1a1a);color:#e8e8e8;font-size:14px;line-height:1.5}.adm-root h1{font-size:18px;margin:0;color:#f0f0f0}.adm-root h2{font-size:15px;margin:0 0 6px;color:#c9a24d}.adm-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 auto 12px;max-width:1180px;background:#242424;border:1px solid #3a3a3a;border-radius:10px;padding:8px 12px;box-sizing:border-box}.adm-chip{display:inline-flex;align-items:center;gap:3px;font-size:12px;margin-right:6px}.adm-head-ver{color:#aaa;font-size:12px}.adm-body{display:flex;flex-direction:column;gap:12px;max-width:1180px;margin:0 auto}.adm-main{display:flex;flex-direction:column;gap:12px;min-width:0}.adm-preview,.adm-card{background:#242424;border:1px solid #3a3a3a;border-radius:10px;padding:12px;box-sizing:border-box;min-width:0}.adm-stage{display:flex;justify-content:center;margin:8px 0}.adm-stage-empty{width:320px;max-width:100%;height:480px;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px;box-sizing:border-box;color:#888}.adm-note{color:#aaa;font-size:12px;margin:2px 0}.adm-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}.adm-emotions{margin-top:6px}.adm-field{display:grid;grid-template-columns:7.5em minmax(0,1fr) 3.5em;align-items:center;gap:8px;margin:6px 0}.adm-field>output{text-align:right;font-variant-numeric:tabular-nums}.adm-field-wide{grid-template-columns:7.5em minmax(0,1fr)}.adm-field-wide>output{text-align:left}.adm-field input[type=range]{width:100%}.adm-field input[type=checkbox]{width:20px;height:20px;justify-self:start}.adm-input{min-width:0;flex:1 1 140px;height:34px;padding:0 8px;background:#151515;color:#eee;border:1px solid #555;border-radius:6px;font-size:14px;box-sizing:border-box}select.adm-input{width:100%}.adm-num{flex:0 1 140px}.adm-btn{height:34px;padding:0 12px;background:#34495e;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.adm-btn:disabled{opacity:.45;cursor:not-allowed}.adm-primary{background:#b8862f;color:#111;font-weight:600}.adm-small{height:26px;padding:0 8px;font-size:12px}.adm-group{border-top:1px solid #333;padding-top:6px;margin-top:6px}.adm-group:first-of-type{border-top:none}.adm-keys summary{color:#aaa;font-size:12px;cursor:pointer}.adm-keys ul{margin:4px 0 0;padding-left:18px;font-size:12px;color:#bbb}.adm-keys code,.adm-changes code{font-size:11px;color:#ddd}.adm-changes{margin:4px 0;padding-left:18px;font-size:12px}.adm-status{margin:6px 0;padding:6px 8px;border-radius:6px;font-size:13px}.adm-ok{background:#1f3a26;color:#bfe8c8}.adm-error{background:#4a1f1f;color:#ffd0d0}.adm-info{background:#243447;color:#d0e4ff}.adm-history{margin:8px 0 0;padding:0;list-style:none;font-size:12px}.adm-history li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:4px 0;border-top:1px solid #333}.adm-hv{font-weight:600;min-width:3.5em}.adm-hd{color:#999}.adm-hn{flex:1 1 12em;min-width:0;overflow-wrap:anywhere}.adm-course{margin:6px 0}.adm-course summary{cursor:pointer}.adm-steps{margin:6px 0 0;padding-left:22px;font-size:13px}.adm-steps li{margin:4px 0}.adm-cur-steps{padding-left:26px}.adm-cur-steps>li{margin:2px 0}.adm-cur-steps summary{cursor:pointer;overflow-wrap:anywhere}.adm-cur-flag{color:#e0b050;font-size:12px}.adm-cur-step{margin:6px 0 10px;padding:8px;border:1px solid #3a3a3a;border-radius:8px;background:#1e1e1e}.adm-cur-field{display:grid;grid-template-columns:6em minmax(0,1fr);align-items:start;gap:6px;margin:4px 0}.adm-cur-field>span{padding-top:7px;color:#ccc;font-size:12px}.adm-cur-area{height:auto;min-height:60px;padding:6px 8px;resize:vertical;font-family:inherit;line-height:1.4}.adm-cur-block{border-top:1px solid #333;margin-top:8px;padding-top:6px}.adm-cur-h{display:block;color:#c9a24d;font-size:12px;margin-bottom:4px}.adm-cur-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:3px 0}.adm-cur-row>.adm-input{flex:1 1 150px;height:30px;font-size:13px}.adm-cur-row>.adm-cur-sp{flex:0 0 auto;width:auto;min-width:4.5em}.adm-cur-num{width:5.5em;flex:0 0 auto;height:30px;margin-left:6px}.adm-cur-preview{margin-top:8px;padding:8px;border-radius:8px;background:#2b2620;border:1px dashed #6b5a36;font-size:13px}.adm-cur-pv-bar{font-weight:600}.adm-cur-pv-goal{color:#ccc;margin:2px 0 4px}.adm-cur-pv-line{overflow-wrap:anywhere}.adm-cur-errors{margin:4px 0 0;padding-left:18px;font-size:12px}.adm-cur-errors code{font-size:11px}.adm-root input:disabled,.adm-root textarea:disabled,.adm-root select:disabled{color:#bbb;opacity:.85}@media (max-width: 480px){.adm-cur-field{grid-template-columns:minmax(0,1fr);gap:2px}.adm-cur-field>span{padding-top:0}.adm-cur-steps{padding-left:20px}.adm-cur-row{border:1px solid #3a3a3a;border-radius:6px;padding:4px;margin:5px 0;background:#191919}}@media (min-width: 900px){.adm-root{padding:16px 20px 48px}.adm-body{flex-direction:row;align-items:flex-start}.adm-preview{position:sticky;top:12px;flex:0 0 360px}.adm-main{flex:1 1 auto}}.mockx-root{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--app-bg);color:var(--app-fg);font-size:14px}.mockx-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:1px solid var(--chat-border-subtle);background:var(--chat-surface)}.mockx-icon-btn{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--chat-border-subtle);background:var(--chat-surface-strong);color:var(--app-fg);font-size:18px;cursor:pointer}.mockx-icon-btn.is-send{color:var(--accent-gold)}.mockx-modes{display:flex;gap:4px;padding:3px;border-radius:14px;background:var(--chat-surface-strong);border:1px solid var(--chat-border-subtle)}.mockx-mode-btn{min-width:74px;min-height:48px;padding:0 10px;border:0;border-radius:11px;background:transparent;color:var(--app-fg);opacity:.6;font-size:13px;cursor:pointer}.mockx-mode-btn.is-on{opacity:1;background:var(--accent-gold);color:#fff;font-weight:700}.mockx-body{flex:1;display:flex;gap:12px;min-height:0;padding:0;overflow:hidden}.mockx-center{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}.mockx-root[data-mock-wide=true] .mockx-body{padding:12px}.mockx-root[data-mock-wide=true] .mockx-center{max-width:760px;margin:0 auto}.mockx-aside{flex:0 0 clamp(180px,22vw,300px);min-width:0;overflow-y:auto;padding-bottom:12px}.mockx-stage{--mockx-stage-h: 34vh;--mockx-stage-h: 34dvh;--bust-h: calc(var(--mockx-stage-h) - 22px);--bust-w: calc((var(--mockx-stage-h) - 22px) * 2 / 3);flex:0 0 var(--mockx-stage-h);height:var(--mockx-stage-h);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.mockx-stage-3d{margin:0 auto}.mockx-face-skel{width:var(--bust-w);height:var(--bust-h);border-radius:var(--bust-radius);background:radial-gradient(circle at 42% 30%,#c9a24d59,#c9a24d14 70%)}.mockx-teacher{width:var(--bust-w);height:var(--bust-h);border-radius:var(--bust-radius);overflow:hidden}.mockx-teacher img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}.mockx-stage-chip{position:absolute;left:50%;bottom:4px;transform:translate(-50%);padding:3px 10px;border-radius:999px;background:#00000073;color:#fff;font-size:11px;white-space:nowrap;pointer-events:none}.mockx-chat{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 10px 4px;display:flex;flex-direction:column;gap:8px}.mockx-msg{display:flex;align-items:flex-end;gap:6px;max-width:100%}.mockx-msg.is-me{flex-direction:row-reverse}.mockx-bubble{max-width:min(78%,460px);padding:9px 12px;border-radius:16px;background:var(--chat-surface);border:1px solid var(--chat-border-subtle);line-height:1.5;overflow-wrap:anywhere}.mockx-msg.is-me .mockx-bubble{background:#c9a24d2e;border-color:#c9a24d59}.mockx-bubble em{display:block;margin-top:3px;font-size:12px;opacity:.65;font-style:normal}.mockx-msg time{font-size:10px;opacity:.45;flex:0 0 auto}.mockx-stacked{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.mockx-fold{border:1px solid var(--chat-border-subtle);border-radius:14px;background:var(--chat-surface);overflow:hidden}.mockx-fold-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:52px;padding:6px 12px;border:0;background:transparent;color:var(--app-fg);font:inherit;text-align:left;cursor:pointer}.mockx-fold-caret{flex:0 0 auto;font-size:12px;color:var(--accent-gold)}.mockx-fold-body{padding:0 12px 12px}.mockx-composer{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;padding:8px 10px;border-top:1px solid var(--chat-border-subtle);background:var(--chat-surface)}.mockx-draft{flex:1 1 auto;min-width:0;min-height:48px;max-height:96px;padding:13px 12px;border-radius:14px;border:1px solid var(--chat-border-subtle);background:var(--app-bg);color:var(--app-fg);font:inherit;resize:none}.mockx-card{border:1px solid var(--chat-border-subtle);background:var(--chat-surface);border-radius:14px;padding:10px 12px}.mockx-card h3{margin:10px 0 6px;font-size:12px;letter-spacing:.04em;opacity:.7}.mockx-card h3:first-child{margin-top:0}.mockx-dialog{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.mockx-dialog li{line-height:1.45}.mockx-dialog b{display:block}.mockx-dialog span{font-size:12px;opacity:.65}.mockx-points{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:12px;opacity:.8}.mockx-words{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.mockx-words li{display:flex;justify-content:space-between;gap:8px;font-size:12px}.mockx-words span{opacity:.6}.mockx-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;z-index:40}.mockx-scrim.is-open{opacity:1;visibility:visible;transition:opacity .2s ease}.mockx-drawer{position:fixed;left:0;top:0;bottom:0;width:284px;max-width:84vw;display:flex;flex-direction:column;background:var(--app-bg);border-right:1px solid var(--chat-border-subtle);transform:translate(-100%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s;z-index:50}.mockx-drawer.is-open{transform:none;visibility:visible;transition:transform .22s ease}.mockx-drawer-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--chat-border-subtle);font-weight:700;color:var(--accent-gold)}.mockx-drawer-list{flex:1 1 auto;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.mockx-drawer-slot{display:flex;flex-direction:column;gap:4px}.mockx-drawer-sep{margin:8px 6px 2px;font-size:11px;opacity:.5;border-top:1px solid var(--chat-border-subtle);padding-top:8px}.mockx-drawer-item{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:6px 10px;border:0;border-radius:12px;background:transparent;color:var(--app-fg);text-align:left;cursor:pointer}.mockx-drawer-item:hover{background:var(--chat-surface)}.mockx-drawer-item.is-danger{color:#e06c6c}.mockx-drawer-icon{flex:0 0 24px;font-size:17px;text-align:center}.mockx-drawer-text{display:flex;flex-direction:column;min-width:0}.mockx-drawer-text b{font-weight:600}.mockx-drawer-text small{font-size:11px;opacity:.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockx-drawer-foot{flex:0 0 auto;padding:8px 12px;font-size:11px;opacity:.45}.mockx-sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex}.mockx-sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.mockx-sheet{position:relative;display:flex;flex-direction:column;width:100%;background:var(--app-bg);color:var(--app-fg)}@media (min-width: 800px){.mockx-sheet-wrap{align-items:center;justify-content:center;padding:24px}.mockx-sheet{width:min(560px,100%);max-height:min(760px,100%);border-radius:18px;border:1px solid var(--chat-border-subtle);box-shadow:0 18px 50px #00000059}}.mockx-sheet-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--chat-border-subtle)}.mockx-sheet-title{font-weight:700;color:var(--accent-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockx-sheet-close{flex:0 0 48px;width:48px;height:48px;border-radius:12px;border:1px solid var(--chat-border-subtle);background:var(--chat-surface-strong);color:var(--app-fg);font-size:15px;cursor:pointer}.mockx-sheet-body{flex:1 1 auto;overflow-y:auto;padding:10px 12px 20px;display:flex;flex-direction:column;gap:8px}.mockx-sec{margin-top:6px;font-size:12px;letter-spacing:.04em;opacity:.6}.mockx-sec:first-child{margin-top:0}.mockx-note{font-size:12px;opacity:.7;line-height:1.6}.mockx-list{display:flex;flex-direction:column;gap:6px}.mockx-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--chat-border-subtle);border-radius:12px;background:var(--chat-surface);color:var(--app-fg);text-align:left;cursor:pointer}.mockx-row.is-on{border-color:var(--accent-gold);background:#c9a24d24}.mockx-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}.mockx-row-main small{font-size:11px;opacity:.6}.mockx-row-mark{flex:0 0 auto;color:var(--accent-gold);font-weight:700}.mockx-bar{display:block;width:100%;height:6px;border-radius:3px;background:var(--chat-surface-strong);overflow:hidden}.mockx-bar i{display:block;height:100%;background:var(--accent-gold)}.mockx-choice{display:flex;flex-wrap:wrap;gap:8px}.mockx-choice-btn{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 14px;border:1px solid var(--chat-border-subtle);border-radius:12px;background:var(--chat-surface);color:var(--app-fg);cursor:pointer}.mockx-choice-btn.is-on{border-color:var(--accent-gold);background:#c9a24d24;font-weight:700}.mockx-choice-mark{color:var(--accent-gold)}.mockx-knob{display:flex;flex-direction:column;gap:2px}.mockx-knob-head{display:flex;justify-content:space-between;font-size:12px;opacity:.75}.mockx-knob input[type=range]{width:100%;height:48px;accent-color:var(--accent-gold)}.mockx-cta{min-height:52px;padding:0 16px;border-radius:14px;border:0;background:var(--accent-gold);color:#fff;font-weight:700;cursor:pointer}.mockx-cta.is-sub{background:var(--chat-surface-strong);color:var(--app-fg);border:1px solid var(--chat-border-subtle)}.mockx-cta.is-danger{background:#c0504d}.mockx-input,.mockx-textarea{width:100%;min-height:52px;padding:14px 12px;border-radius:12px;border:1px solid var(--chat-border-subtle);background:var(--chat-surface);color:var(--app-fg);font:inherit}.mockx-textarea{min-height:104px;resize:none}.mockx-faces{display:flex;gap:10px;flex-wrap:wrap}.mockx-face{display:flex;flex-direction:column;align-items:center;gap:6px;width:98px;padding:6px;border:1px solid var(--chat-border-subtle);border-radius:14px;background:var(--chat-surface);color:var(--app-fg);cursor:pointer}.mockx-face.is-on{border-color:var(--accent-gold);background:#c9a24d24}.mockx-face img{width:84px;height:112px;object-fit:cover;object-position:50% 26%;border-radius:10px;display:block}.mockx-face span{font-size:12px}.mockx-code{font-size:26px;font-weight:800;letter-spacing:.12em;text-align:center;padding:14px;border-radius:14px;border:1px dashed var(--accent-gold);color:var(--accent-gold)}.mockx-kpis{display:flex;gap:8px}.mockx-kpi{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--chat-surface);border:1px solid var(--chat-border-subtle)}.mockx-kpi b{font-size:17px;color:var(--accent-gold)}.mockx-kpi small{font-size:11px;opacity:.6}.mockx-week{display:flex;align-items:flex-end;gap:6px;height:84px;padding:4px 2px}.mockx-week-col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.mockx-week-col i{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--accent-gold);opacity:.8}.mockx-week-col span{font-size:10px;opacity:.6}.mockx-header{padding-top:calc(6px + var(--sa-t));padding-left:max(10px,var(--sa-l));padding-right:max(10px,var(--sa-r))}.mockx-composer{padding-bottom:calc(8px + var(--sa-b));padding-left:max(10px,var(--sa-l));padding-right:max(10px,var(--sa-r))}.mockx-drawer{padding-top:var(--sa-t);padding-bottom:var(--sa-b);padding-left:var(--sa-l)}@media (max-width: 799.98px){.mockx-sheet{box-sizing:border-box;padding:var(--sa-t) var(--sa-r) var(--sa-b) var(--sa-l)}}@media (min-width: 800px){.mockx-sheet-wrap{padding:max(24px,var(--sa-t)) max(24px,var(--sa-r)) max(24px,var(--sa-b)) max(24px,var(--sa-l))}}.mockx-sample{flex:0 0 auto;padding:6px 10px;background:#b8860b;color:#fff;font-size:12px;line-height:1.4;text-align:center;font-weight:700;letter-spacing:.02em}.mockx-sample code{background:#00000040;padding:0 4px;border-radius:4px;font-size:11px}.app-root{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}:root{color-scheme:light dark;--sa-t: env(safe-area-inset-top, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--sa-r: env(safe-area-inset-right, 0px);--accent-gold: #c9a24d;--app-bg: Canvas;--app-fg: CanvasText;--header-text: var(--accent-gold);--header-icon: rgba(201, 162, 77, .7);--header-icon-hover: rgba(201, 162, 77, .95);--chat-surface: rgba(255, 255, 255, .08);--chat-surface-strong: rgba(255, 255, 255, .1);--chat-border-subtle: rgba(255, 255, 255, .12);--link-blue: #4ea3ff}@media (prefers-color-scheme: light){:root{--app-bg: #f2f2f2;--app-fg: #1f1f1f;--accent-gold: #8f7730;--header-text: var(--accent-gold);--header-icon: rgba(143, 119, 48, .75);--header-icon-hover: rgba(143, 119, 48, .95);--chat-surface: rgba(0, 0, 0, .04);--chat-surface-strong: rgba(0, 0, 0, .06);--chat-border-subtle: rgba(0, 0, 0, .14);--chat-edge-gap: 8px;--footer-pad-left: 8px;--footer-pad-right: 8px;--link-blue: #1a73e8}}:root[data-theme=light]{--app-bg: #f2f2f2;--app-fg: #1f1f1f;--accent-gold: #8f7730;--header-text: var(--accent-gold);--header-icon: rgba(143, 119, 48, .75);--header-icon-hover: rgba(143, 119, 48, .95);--chat-surface: rgba(0, 0, 0, .04);--chat-surface-strong: rgba(0, 0, 0, .06);--chat-border-subtle: rgba(0, 0, 0, .14);--chat-edge-gap: 8px;--footer-pad-left: 8px;--footer-pad-right: 8px;--link-blue: #1a73e8}:root[data-theme=dark]{--app-bg: Canvas;--app-fg: CanvasText;--accent-gold: #c9a24d;--header-text: var(--accent-gold);--header-icon: rgba(201, 162, 77, .7);--header-icon-hover: rgba(201, 162, 77, .95);--chat-surface: rgba(255, 255, 255, .08);--chat-surface-strong: rgba(255, 255, 255, .1);--chat-border-subtle: rgba(255, 255, 255, .12);--link-blue: #4ea3ff}html,body{height:100%;margin:0;position:fixed;width:100%;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--app-bg);color:var(--app-fg);font-family:ui-rounded,system-ui,-apple-system,SF Pro Rounded,Hiragino Maru Gothic ProN,Hiragino Maru Gothic Pro,Yu Gothic,Noto Sans JP,sans-serif}#root{margin:0;padding:0;display:flex;flex-direction:column;height:100vh;height:var(--app-height, 100dvh);overflow:hidden}