:root,:root[data-mg-mode=white]{--mg-bg:#f6f3ec;--mg-surface:#fff;--mg-surface-glass:#ffffffbd;--mg-ink:#1c1a17;--mg-ink-muted:#9a948a;--mg-meta:#b0a99d;--mg-group:#ffffff80;--mg-inset:#1c1a170f;--mg-hairline:#1c1a1714;--mg-border:#1c1a1724;--mg-accent:#1c1a17;--mg-accent-ink:#fff;--mg-danger:#b8534f;--mg-success:#5c7a6b;--mg-warning:#a8894e}:root[data-mg-mode=silver]{--mg-bg:#e6eaec;--mg-surface:#f4f5f6;--mg-surface-glass:#ffffffc7;--mg-ink:#1d2125;--mg-ink-muted:#8b9298;--mg-meta:#a8adb2;--mg-group:#ffffff73;--mg-inset:#1e22280f;--mg-hairline:#1e222817;--mg-border:#1e222826;--mg-accent:#1d2125;--mg-accent-ink:#fff;--mg-danger:#b8534f;--mg-success:#5c7a6b;--mg-warning:#9a7d44}:root[data-mg-mode=dark]{--mg-bg:#1c1b18;--mg-surface:#26241f;--mg-surface-glass:#282520a8;--mg-ink:#ece3d0;--mg-ink-muted:#9c948a;--mg-meta:#7c756a;--mg-group:#ece3d00a;--mg-inset:#ece3d012;--mg-hairline:#ece3d01a;--mg-border:#ece3d029;--mg-accent:#ece3d0;--mg-accent-ink:#1c1b18;--mg-danger:#c8736e;--mg-success:#7c9a8b;--mg-warning:#c0a468}:root{--mg-font-sans:"HarmonyOS Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mg-font-serif:"Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--mg-font-mono:"SF Mono", ui-monospace, "Cascadia Code", Menlo, monospace;--mg-font-xs:11px;--mg-font-sm:12px;--mg-font-md:13px;--mg-font-base:14px;--mg-font-lg:16px;--mg-font-xl:21px;--mg-font-2xl:32px;--mg-font-3xl:42px;--mg-space-1:2px;--mg-space-2:4px;--mg-space-3:6px;--mg-space-4:8px;--mg-space-5:12px;--mg-space-6:16px;--mg-space-7:20px;--mg-space-8:24px;--mg-space-9:32px;--mg-space-10:40px;--mg-space-11:48px;--mg-gutter:var(--mg-space-8);--mg-radius-micro:3px;--mg-radius-xs:6px;--mg-radius-sm:8px;--mg-radius-md:14px;--mg-radius-lg:20px;--mg-radius-pill:999px;--mg-shadow-soft:0 6px 24px #00000014, 0 1px 2px #0000000a;--mg-shadow-rise:0 12px 40px #0000001f, 0 2px 6px #0000000d;--mg-shadow-sticky-fade:0 -24px 24px 0 var(--mg-bg);--mg-ring-transparent:inset 0 0 0 1px transparent;--mg-ring-inset-soft:inset 0 0 0 1px color-mix(in srgb, var(--mg-ink) 12%, transparent);--mg-ring-inset-muted:inset 0 0 0 1px color-mix(in srgb, var(--mg-ink) 14%, transparent);--mg-ring-inset:inset 0 0 0 1px color-mix(in srgb, var(--mg-ink) 16%, transparent);--mg-ring-inset-strong:inset 0 0 0 1px color-mix(in srgb, var(--mg-ink) 18%, transparent);--mg-ring-inset-heavy:inset 0 0 0 1px color-mix(in srgb, var(--mg-ink) 32%, transparent);--mg-ring-danger:inset 0 0 0 1px color-mix(in srgb, var(--mg-danger) 28%, transparent);--mg-ring-danger-strong:inset 0 0 0 1px color-mix(in srgb, var(--mg-danger) 40%, transparent);--mg-ring-focus:0 0 0 3px color-mix(in srgb, var(--mg-accent) 10%, transparent);--mg-ring-focus-subtle:0 0 0 3px color-mix(in srgb, var(--mg-accent) 8%, transparent);--mg-shadow-firefly:0 0 6px 2px color-mix(in srgb, var(--mg-accent) 55%, transparent);--mg-shadow-voice-pulse-start:0 0 0 0 color-mix(in srgb, var(--mg-danger) 20%, transparent);--mg-shadow-voice-pulse-end:0 0 0 8px color-mix(in srgb, var(--mg-danger) 0%, transparent);--mg-selected-surface:var(--mg-surface);--mg-selected-ring:var(--mg-ring-inset-muted);--mg-seg-track:color-mix(in srgb, var(--mg-ink) 5%, transparent);--mg-seg-thumb:color-mix(in srgb, var(--mg-surface) 88%, transparent);--mg-seg-thumb-shadow:0 2px 8px #0000001a, 0 0 0 .5px #ffffff80 inset;--mg-seg-pad:3px;--mg-glass-blur:8px;--mg-glass-blur-soft:4px;--mg-glass-blur-strong:12px;--mg-glass-blur-modal:18px;--mg-glass-alpha:1;--mg-motion-fast:.14s;--mg-motion-meter:80ms;--mg-motion-normal:.24s;--mg-motion-slow:.42s;--mg-motion-enter-soft:.3s;--mg-motion-attention:.4s;--mg-motion-loop-fast:.8s;--mg-motion-loop-quick:.9s;--mg-motion-loop-normal:1s;--mg-motion-loop-soft:1.2s;--mg-motion-loop-bounce:1.4s;--mg-motion-loop-pulse:1.5s;--mg-motion-loop-slow:2s;--mg-motion-loop-glow:3s;--mg-motion-page-duration-source:var(--mg-motion-normal);--mg-motion-tab-duration-source:var(--mg-motion-slow);--mg-motion-disclosure-duration-source:var(--mg-motion-normal);--mg-motion-list-duration-source:var(--mg-motion-enter-soft);--mg-motion-async-duration-source:var(--mg-motion-loop-soft);--mg-motion-page-duration:var(--mg-motion-page-duration-source);--mg-motion-tab-duration:var(--mg-motion-tab-duration-source);--mg-motion-disclosure-duration:var(--mg-motion-disclosure-duration-source);--mg-motion-list-duration:var(--mg-motion-list-duration-source);--mg-motion-async-duration:var(--mg-motion-async-duration-source);--mg-motion-page-distance:8px;--mg-motion-tab-distance:0px;--mg-motion-disclosure-distance:3px;--mg-motion-list-distance:3px;--mg-motion-async-distance:0px;--mg-motion-page-scale:1;--mg-motion-tab-scale:.88;--mg-motion-disclosure-scale:1;--mg-motion-list-scale:1;--mg-motion-async-scale:.985;--mg-motion-page-ease:var(--mg-ease-standard);--mg-motion-tab-ease:var(--mg-ease-out);--mg-motion-disclosure-ease:var(--mg-ease-out);--mg-motion-list-ease:var(--mg-ease-out);--mg-motion-async-ease:var(--mg-ease-in-out);--mg-ease-standard:cubic-bezier(.2, 0, 0, 1);--mg-ease-out:cubic-bezier(.16, 1, .3, 1);--mg-ease-default:ease;--mg-ease-in-out:ease-in-out;--mg-ease-linear:linear;--mg-ease-step-end:step-end;--mg-spring:cubic-bezier(.34, 1.4, .5, 1);--mg-transition-hover:transform var(--mg-motion-fast) var(--mg-ease-out), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard);--mg-transition-press:transform var(--mg-motion-fast) var(--mg-ease-standard);--mg-z-base:1;--mg-z-local:2;--mg-z-local-raised:10;--mg-z-panel:100;--mg-z-floating:200;--mg-z-floating-underlay:calc(var(--mg-z-floating) - 1);--mg-z-popover:300;--mg-z-overlay:1000;--mg-z-modal:1500;--mg-z-toast:2000;--mg-preview-bg-white:#f6f3ec;--mg-preview-bg-silver:#e6eaec;--mg-preview-bg-dark:#1c1b18;--mg-shell-areas:"sidebar content";--mg-shell-columns:180px 1fr;--mg-shell-rows:1fr}@keyframes mg-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes mg-fade{0%{opacity:0}to{opacity:1}}@keyframes mg-squish{0%{scale:1}34%{scale:calc(1 + (1 - var(--mg-motion-tab-scale)) * .42) var(--mg-motion-tab-scale)}to{scale:1}}@keyframes mg-expand-in{0%{transform:translateY(calc(var(--mg-motion-disclosure-distance) * -1));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes mg-list-enter{0%{transform:translateY(var(--mg-motion-list-distance));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes mg-async-pulse{0%{transform:scale(var(--mg-motion-async-scale));opacity:.66}to{opacity:1;transform:scale(1)}}:root.mg-motion-subtle{--mg-motion-fast:90ms;--mg-motion-meter:60ms;--mg-motion-normal:.14s;--mg-motion-slow:.22s;--mg-motion-enter-soft:.18s;--mg-motion-attention:.22s;--mg-motion-loop-fast:.5s;--mg-motion-loop-quick:.6s;--mg-motion-loop-normal:.7s;--mg-motion-loop-soft:.8s;--mg-motion-loop-bounce:.9s;--mg-motion-loop-pulse:1s;--mg-motion-loop-slow:1.2s;--mg-motion-loop-glow:1.8s;--mg-motion-page-duration:min(var(--mg-motion-page-duration-source), .14s);--mg-motion-tab-duration:min(var(--mg-motion-tab-duration-source), 90ms);--mg-motion-disclosure-duration:min(var(--mg-motion-disclosure-duration-source), .14s);--mg-motion-list-duration:min(var(--mg-motion-list-duration-source), .18s);--mg-motion-async-duration:min(var(--mg-motion-async-duration-source), .8s)}@media (prefers-reduced-motion:reduce){:root{--mg-motion-fast:0s!important;--mg-motion-meter:0s!important;--mg-motion-normal:0s!important;--mg-motion-slow:0s!important;--mg-motion-enter-soft:0s!important;--mg-motion-attention:0s!important;--mg-motion-loop-fast:0s!important;--mg-motion-loop-quick:0s!important;--mg-motion-loop-normal:0s!important;--mg-motion-loop-soft:0s!important;--mg-motion-loop-bounce:0s!important;--mg-motion-loop-pulse:0s!important;--mg-motion-loop-slow:0s!important;--mg-motion-loop-glow:0s!important;--mg-motion-page-duration:0s!important;--mg-motion-tab-duration:0s!important;--mg-motion-disclosure-duration:0s!important;--mg-motion-list-duration:0s!important;--mg-motion-async-duration:0s!important}}@media (width<=640px){:root{--mg-gutter:var(--mg-space-5)}}:root.mg-reduce-motion{--mg-motion-fast:0s!important;--mg-motion-meter:0s!important;--mg-motion-normal:0s!important;--mg-motion-slow:0s!important;--mg-motion-enter-soft:0s!important;--mg-motion-attention:0s!important;--mg-motion-loop-fast:0s!important;--mg-motion-loop-quick:0s!important;--mg-motion-loop-normal:0s!important;--mg-motion-loop-soft:0s!important;--mg-motion-loop-bounce:0s!important;--mg-motion-loop-pulse:0s!important;--mg-motion-loop-slow:0s!important;--mg-motion-loop-glow:0s!important;--mg-motion-page-duration:0s!important;--mg-motion-tab-duration:0s!important;--mg-motion-disclosure-duration:0s!important;--mg-motion-list-duration:0s!important;--mg-motion-async-duration:0s!important}:root{font-family:var(--mg-font-sans);color:var(--mg-ink);background:var(--mg-bg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--mg-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}.app-shell{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.top-bar{padding:var(--mg-space-5) var(--mg-space-7);border-bottom:1px solid var(--mg-hairline);background:var(--mg-bg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.top-bar-left,.top-bar-right{align-items:center;gap:var(--mg-space-4);display:flex}.top-bar-center{font-size:var(--mg-font-base);color:var(--mg-ink);font-weight:600}.top-bar-brand{font-size:var(--mg-font-lg);letter-spacing:0;color:var(--mg-ink);font-weight:600}.top-bar button{cursor:pointer;color:var(--mg-ink-muted);padding:var(--mg-space-3);border-radius:var(--mg-radius-micro);transition:color var(--mg-motion-fast) var(--mg-ease-standard), background var(--mg-motion-fast);background:0 0;border:none}.top-bar button:hover{color:var(--mg-ink);background:var(--mg-group)}.pair-view{padding:var(--mg-space-9) var(--mg-space-8);justify-content:center;align-items:center;gap:var(--mg-space-8);flex-direction:column;flex:1;display:flex}.pair-logo{font-size:var(--mg-font-2xl);letter-spacing:0;color:var(--mg-ink);border-bottom:1px solid var(--mg-border);padding-bottom:var(--mg-space-4);font-weight:700}.pair-tagline{font-size:var(--mg-font-lg);color:var(--mg-ink-muted);font-style:italic}.pair-instructions{text-align:center;color:var(--mg-ink-muted);font-size:var(--mg-font-base);max-width:280px;line-height:1.7}.pair-code-input{gap:var(--mg-space-3);justify-content:center;display:flex}.pair-code-input input{text-align:center;width:36px;height:46px;font-family:var(--mg-font-mono);font-size:var(--mg-font-xl);border:0;border-bottom:2px solid var(--mg-border);color:var(--mg-ink);text-transform:uppercase;transition:border-color var(--mg-motion-fast) var(--mg-ease-standard);background:0 0;border-radius:0;outline:none;font-weight:700}.pair-code-input input:focus{border-color:var(--mg-accent)}.pair-btn{justify-content:center;align-items:center;gap:var(--mg-space-4);padding:var(--mg-space-5) var(--mg-space-9);background:var(--mg-accent);color:var(--mg-accent-ink);border-radius:var(--mg-radius-micro);font-size:var(--mg-font-base);cursor:pointer;transition:color var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard);border:none;width:100%;max-width:260px;font-weight:600;display:flex}.pair-btn:hover:not(:disabled){opacity:.9;box-shadow:none}.pair-btn:disabled{opacity:.5;cursor:not-allowed}.pair-divider{align-items:center;gap:var(--mg-space-5);width:100%;max-width:260px;color:var(--mg-meta);font-size:var(--mg-font-sm);display:flex}.pair-divider:before,.pair-divider:after{content:"";background:var(--mg-border);flex:1;height:1px}.pair-lang-switcher{gap:var(--mg-space-4);display:flex}.pair-lang-switcher button{padding:var(--mg-space-2) var(--mg-space-5);border:1px solid var(--mg-border);border-radius:var(--mg-radius-micro);color:var(--mg-ink-muted);font-size:var(--mg-font-sm);cursor:pointer;transition:color var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard);background:0 0}.pair-lang-switcher button.active{background:var(--mg-accent);color:var(--mg-accent-ink);border-color:var(--mg-accent)}.persona-view{padding:var(--mg-space-7);flex:1;overflow-y:auto}.persona-title{font-size:var(--mg-font-xl);margin-bottom:var(--mg-space-6);color:var(--mg-ink);font-weight:700}.persona-list{gap:var(--mg-space-4);flex-direction:column;display:flex}.persona-card{align-items:center;gap:var(--mg-space-5);padding:var(--mg-space-5) var(--mg-space-6);border:0;border-top:1px solid var(--mg-hairline);cursor:pointer;transition:color var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard);box-shadow:none;background:0 0;border-radius:0;display:flex}.persona-card:hover{background:color-mix(in srgb, var(--mg-accent) 4%, transparent);box-shadow:none}.persona-avatar{background:var(--mg-group);width:48px;height:48px;font-size:var(--mg-font-xl);color:var(--mg-ink-muted);border:2px solid var(--mg-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.persona-info{gap:var(--mg-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.persona-name{font-size:var(--mg-font-lg);color:var(--mg-ink);font-weight:600}.persona-desc{font-size:var(--mg-font-md);color:var(--mg-ink-muted);margin-top:var(--mg-space-1)}.persona-last-chat{font-size:var(--mg-font-xs);color:var(--mg-meta);margin-top:var(--mg-space-2)}.persona-hint{margin-top:var(--mg-space-6);padding:var(--mg-space-5) var(--mg-space-6);background:var(--mg-group);border-radius:var(--mg-radius-sm);border:1px solid var(--mg-hairline);font-size:var(--mg-font-md);color:var(--mg-ink-muted);line-height:1.5}.chat-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{padding:var(--mg-space-6) var(--mg-space-7);gap:var(--mg-space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-loading{margin-top:var(--mg-space-8);font-size:var(--mg-font-md);color:var(--mg-meta);align-self:center}.chat-date-sep{text-align:center;font-size:var(--mg-font-xs);color:var(--mg-meta);padding:var(--mg-space-4) 0}.msg-row{flex-direction:column;max-width:85%;display:flex}.msg-row.user{align-self:flex-end}.msg-row.assistant{align-self:flex-start}.msg-bubble{padding:var(--mg-space-4) var(--mg-space-5);border-radius:var(--mg-radius-sm);font-size:var(--mg-font-base);word-break:break-word;white-space:pre-wrap;line-height:1.65}.msg-row.user .msg-bubble{background:var(--mg-group);color:var(--mg-ink);border:1px solid var(--mg-hairline);border-bottom-right-radius:8px}.msg-row.assistant .msg-bubble{background:var(--mg-surface);color:var(--mg-ink);border:1px solid var(--mg-hairline);border-bottom-left-radius:8px}.msg-citations{gap:var(--mg-space-2);margin-top:var(--mg-space-3);padding:var(--mg-space-4) var(--mg-space-4);border:1px solid var(--mg-hairline);border-radius:var(--mg-radius-sm);background:var(--mg-surface);font-size:var(--mg-font-sm);flex-direction:column;line-height:1.4;display:flex}.msg-citation{overflow-wrap:anywhere}.msg-citation a,.msg-citation span{color:var(--mg-ink-muted);text-decoration:none}.msg-citation a:hover{color:var(--mg-accent);text-decoration:underline}.msg-reasoning{margin-top:var(--mg-space-3);padding:var(--mg-space-4) var(--mg-space-4);border:1px solid var(--mg-hairline);border-radius:var(--mg-radius-sm);background:var(--mg-surface);color:var(--mg-ink-muted);font-size:var(--mg-font-sm);line-height:1.5}.msg-reasoning summary{cursor:pointer;color:var(--mg-meta);font-weight:600}.msg-reasoning div{margin-top:var(--mg-space-3);white-space:pre-wrap;overflow-wrap:anywhere}.msg-meta{align-items:center;gap:var(--mg-space-3);margin-top:var(--mg-space-2);font-size:var(--mg-font-xs);color:var(--mg-meta);display:flex}.msg-row.user .msg-meta{justify-content:flex-end}.msg-tts-btn{cursor:pointer;color:var(--mg-meta);padding:var(--mg-space-1);transition:color var(--mg-motion-fast) var(--mg-ease-standard);background:0 0;border:none}.msg-tts-btn:hover{color:var(--mg-accent)}.typing-cursor{background:var(--mg-ink-muted);width:2px;height:1em;margin-left:var(--mg-space-1);vertical-align:text-bottom;animation:.8s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.chat-input-bar{padding:var(--mg-space-5) var(--mg-space-6);border-top:1px solid var(--mg-hairline);background:var(--mg-surface);flex-shrink:0}.chat-input-container{align-items:flex-end;gap:var(--mg-space-4);background:var(--mg-bg);border:1px solid var(--mg-border);border-radius:var(--mg-radius-pill);padding:var(--mg-space-4) var(--mg-space-5);transition:border-color var(--mg-motion-fast) var(--mg-ease-standard);display:flex}.chat-input-container:focus-within{border-color:var(--mg-accent)}.chat-input{color:var(--mg-ink);font-size:var(--mg-font-base);font-family:var(--mg-font-sans);resize:none;max-height:120px;padding:var(--mg-space-1) 0;background:0 0;border:none;outline:none;flex:1;line-height:1.5}.chat-input::placeholder{color:var(--mg-meta)}.chat-tool-btn,.chat-send-btn{cursor:pointer;padding:var(--mg-space-3);color:var(--mg-meta);transition:color var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard);background:0 0;border:none;border-radius:50%;flex-shrink:0}.chat-tool-btn:hover{color:var(--mg-ink);background:var(--mg-group)}.chat-send-btn{background:var(--mg-accent);color:var(--mg-accent-ink);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--mg-accent)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-input-container.recording{border-color:var(--mg-danger);background:color-mix(in srgb, var(--mg-danger) 5%, transparent)}.active-recording{animation:1.2s infinite recordingPulse;color:var(--mg-danger)!important}@keyframes recordingPulse{0%,to{opacity:1}50%{opacity:.4}}.chat-tool-btn.transcribing{cursor:wait;animation:1.2s infinite recordingPulse;color:var(--mg-accent)!important}.offline-banner{padding:var(--mg-space-4) var(--mg-space-6);background:var(--mg-warning);color:var(--mg-ink);text-align:center;font-size:var(--mg-font-md);flex-shrink:0;font-weight:500}.error-text{color:var(--mg-danger);font-size:var(--mg-font-md)}.skeleton-card{pointer-events:none}.skeleton-pulse{background:var(--mg-group)}.skeleton-line{border-radius:var(--mg-radius-xs);background:var(--mg-group);height:12px}.skeleton-line-short{width:40%}.skeleton-line-medium{width:60%;margin-top:var(--mg-space-3)}.view-title{margin:0 0 var(--mg-space-6);font-size:var(--mg-font-xl);color:var(--mg-ink);font-weight:600}.view-hint{margin:var(--mg-space-6) 0 0;padding:var(--mg-space-5) var(--mg-space-6);font-size:var(--mg-font-md);color:var(--mg-ink-muted);background:var(--mg-group);border-radius:var(--mg-radius-sm);text-align:center}.empty-state{padding:var(--mg-space-11) var(--mg-space-8);justify-content:center;align-items:center;gap:var(--mg-space-5);flex-direction:column;display:flex}.empty-state-icon{border:2px dashed var(--mg-border);width:64px;height:64px;font-size:var(--mg-font-xl);color:var(--mg-meta);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state p{font-size:var(--mg-font-base);color:var(--mg-ink-muted);text-align:center;max-width:260px;line-height:1.6}.settings-section-header{font-size:var(--mg-font-sm);color:var(--mg-meta);text-transform:uppercase;letter-spacing:0;padding:var(--mg-space-4) var(--mg-space-2) var(--mg-space-3);margin-bottom:var(--mg-space-2);font-weight:600}.settings-logout-btn{text-align:left;cursor:pointer;width:100%}.settings-lang-group{gap:var(--mg-space-2);flex-shrink:0;display:flex}.settings-lang-btn{padding:var(--mg-space-2) var(--mg-space-4);border:1px solid var(--mg-border);border-radius:var(--mg-radius-xs);color:var(--mg-ink-muted);font-size:var(--mg-font-sm);cursor:pointer;transition:color var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard);background:0 0}.settings-lang-btn.active{background:var(--mg-accent);color:var(--mg-accent-ink);border-color:var(--mg-accent)}.settings-field-grid{gap:var(--mg-space-4);width:100%;margin-top:var(--mg-space-5);display:grid}.settings-field{gap:var(--mg-space-3);font-size:var(--mg-font-sm);color:var(--mg-ink-muted);display:grid}.settings-input{border:1px solid var(--mg-border);border-radius:var(--mg-radius-xs);background:var(--mg-surface);width:100%;min-height:36px;color:var(--mg-ink);padding:var(--mg-space-4) var(--mg-space-4);font:inherit;font-size:var(--mg-font-md)}.settings-input:disabled{color:var(--mg-meta);background:var(--mg-group)}.settings-input:focus{border-color:var(--mg-accent);outline:none}.settings-toggle-row{justify-content:space-between;align-items:center;gap:var(--mg-space-5);color:var(--mg-ink-muted);font-size:var(--mg-font-md);display:flex}.settings-toggle{border-radius:var(--mg-radius-md);background:var(--mg-border);width:44px;height:24px;padding:var(--mg-space-1);cursor:pointer;transition:background var(--mg-motion-fast) var(--mg-ease-standard);border:0;flex-shrink:0}.settings-toggle span{border-radius:var(--mg-radius-sm);background:var(--mg-surface);width:20px;height:20px;box-shadow:0 1px 3px color-mix(in srgb, var(--mg-ink) 20%, transparent);transition:transform var(--mg-motion-fast) var(--mg-ease-standard);display:block}.settings-toggle.active{background:var(--mg-accent)}.settings-toggle.active span{transform:translate(20px)}.settings-toggle:disabled{cursor:not-allowed}.confirm-overlay{background:color-mix(in srgb, var(--mg-ink) 45%, transparent);z-index:1000;padding:var(--mg-space-8);justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:var(--mg-radius-sm);padding:var(--mg-space-8);width:100%;max-width:320px;box-shadow:none}.confirm-btn{padding:var(--mg-space-4) var(--mg-space-6);border-radius:var(--mg-radius-xs);font-size:var(--mg-font-base);cursor:pointer;transition:color var(--mg-motion-fast) var(--mg-ease-standard), background-color var(--mg-motion-fast) var(--mg-ease-standard), border-color var(--mg-motion-fast) var(--mg-ease-standard);border:none;flex:1;font-weight:600}.confirm-btn-cancel{background:var(--mg-group);color:var(--mg-ink)}.confirm-btn-cancel:hover{background:var(--mg-border)}.confirm-btn-danger{background:var(--mg-danger);color:var(--mg-accent-ink)}.confirm-btn-danger:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width>=481px){.msg-row{max-width:70%}}@media (width>=769px){.pair-view{padding:var(--mg-space-11) var(--mg-space-9)}.chat-input-bar{padding:var(--mg-space-6) var(--mg-space-8)}.chat-messages{padding:var(--mg-space-7) var(--mg-space-8)}}@media (width>=1025px){.msg-row{max-width:60%}}.app-shell,.top-bar,.pair-view,.persona-view,.chat-view,.settings-view{background:var(--mg-bg);color:var(--mg-ink)}