@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark]{--color-primary:#4a9eff;--color-primary-light:#6bb3ff;--color-primary-dark:#2d85e8;--color-primary-alpha-10:#4a9eff1a;--color-primary-alpha-20:#4a9eff33;--color-accent:#ff6b9d;--color-accent-light:#ff8db4;--color-accent-dark:#e84a7d;--color-success:#4ade80;--color-success-light:#86efac;--color-success-dark:#22c55e;--color-warning:#fbbf24;--color-warning-light:#fcd34d;--color-warning-dark:#f59e0b;--color-error:#f87171;--color-error-light:#fca5a5;--color-error-dark:#ef4444;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#1e293b;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-elevated:#475569;--color-bg-overlay:#0f172af2;--color-surface:#1e293bb3;--color-surface-elevated:#334155d9;--color-surface-hover:#334155cc;--color-surface-active:#475569e6;--color-border:#94a3b826;--color-border-secondary:#94a3b81f;--color-border-light:#94a3b814;--color-border-strong:#94a3b840;--color-code-bg:#1e293b;--color-code-border:#94a3b833;--color-code-text:#e2e8f0;--glass-bg:#1e293b99;--glass-border:#94a3b826;--glass-hover:#ffffff14;--glass-shadow:#00000080;--scrollbar-track:#3341554d;--scrollbar-thumb:#94a3b866;--scrollbar-thumb-hover:#94a3b899;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-glass:0 8px 32px 0 #00000080;--text-shadow-subtle:0 1px 2px #00000080;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.68,-.55,.265,1.55);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px);--blur-xl:blur(20px);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--spacing-xs:var(--space-xs);--spacing-sm:var(--space-sm);--spacing-md:var(--space-md);--spacing-lg:var(--space-lg);--spacing-xl:var(--space-xl);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"Fira Code","Monaco","Consolas","Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--duration-instant:0s;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.7s}[data-theme=dark] input,[data-theme=dark] textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] ::selection{background-color:var(--color-primary-alpha-20);color:var(--color-text-primary)}[data-theme=dark] pre{background-color:var(--color-code-bg);border:1px solid var(--color-code-border)}[data-theme=dark] code{color:var(--color-code-text);background-color:#94a3b826}[data-theme=dark] a{color:var(--color-primary)}[data-theme=dark] a:hover{color:var(--color-primary-light)}[data-theme=dark] ::placeholder{color:var(--color-text-muted);opacity:.6}[data-theme=dark] :focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] :disabled{opacity:.5;cursor:not-allowed}*{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}:where(:not(.no-transition)){transition-property:background-color,border-color,color,box-shadow}[data-theme=light]{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-dark:#4338ca;--color-primary-alpha-10:#4f46e51a;--color-primary-alpha-20:#4f46e533;--color-accent:#7c3aed;--color-accent-light:#8b5cf6;--color-accent-dark:#6d28d9;--color-success:#16a34a;--color-success-light:#22c55e;--color-success-dark:#15803d;--color-warning:#d97706;--color-warning-light:#f59e0b;--color-warning-dark:#b45309;--color-error:#dc2626;--color-error-light:#ef4444;--color-error-dark:#b91c1c;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#f8fafc;--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-tertiary:#e2e8f0;--color-bg-elevated:#fff;--color-bg-overlay:#f8fafcf2;--color-surface:#ffffffe6;--color-surface-elevated:#fffffff2;--color-surface-hover:#e2e8f0cc;--color-surface-active:#cbd5e1e6;--color-border:#47556933;--color-border-secondary:#47556926;--color-border-light:#4755691a;--color-border-strong:#4755694d;--color-code-bg:#f1f5f9;--color-code-border:#47556933;--color-code-text:#1e293b;--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--bg-elevated:var(--color-bg-elevated);--bg-hover:#00000008;--bg-active:#0000000f;--border-primary:var(--color-border);--border-secondary:var(--color-border-secondary);--glass-bg:#ffffffd9;--glass-border:#47556926;--glass-hover:#fffffff2;--glass-shadow:0 4px 24px #00000014;--accent-primary:var(--color-primary);--accent-secondary:var(--color-accent);--accent-hover:var(--color-primary-light);--primary:var(--color-primary);--secondary:var(--color-accent);--primary-light:var(--color-primary-light);--error-color:var(--color-error);--success:var(--color-success);--error:var(--color-error);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #0000001f}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--color-text-muted)}[data-theme=light] ::selection{background-color:var(--color-primary-alpha-20);color:var(--color-text-primary)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--color-bg-secondary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--color-border-strong)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes rainbow-pulse{0%,to{background-position:0%}50%{background-position:100%}}@keyframes accordion-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes accordion-collapse{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}@keyframes chevron-rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}*{box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media screen and (max-width:500px){:root{font-size:14px}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}button{padding:.4em .8em;font-size:.9em}h1{font-size:1.8em}}@media screen and (max-width:350px){:root{font-size:12px}button{padding:.3em .6em;font-size:.85em}h1{font-size:1.5em}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-normal)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.logo{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.logo-icon{font-size:48px}.logo h1{font-size:28px;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:14px}.switch-auth-btn{width:100%;margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--border-primary);color:var(--accent-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px}.switch-auth-btn:hover{background:var(--bg-tertiary)}.auth-footer{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-primary)}.status-indicator{align-items:center;gap:var(--space-sm);color:var(--text-secondary);justify-content:center;font-size:13px;display:flex}.app-layout{width:100vw;height:100vh;height:100dvh;display:flex;overflow:hidden}.sidebar-overlay{display:none}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);transition:transform var(--transition-base);z-index:var(--z-modal);background:#161b22b3;flex-direction:column;display:flex;position:relative}.sidebar.closed{position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.profile-overlay,.statistics-overlay,.settings-backdrop,.shortcuts-backdrop,.performance-modal-overlay{left:var(--sidebar-width,280px)}.sidebar.closed~* .profile-overlay,.sidebar.closed~* .statistics-overlay,.sidebar.closed~* .settings-backdrop,.sidebar.closed~* .shortcuts-backdrop,.sidebar.closed~* .performance-modal-overlay{left:0}.sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--glass-border);background:0 0;justify-content:center;align-items:center;display:flex}.sidebar-brand{align-items:center;gap:var(--space-sm);display:flex}.sidebar-icon{font-size:24px}.sidebar-title{color:var(--text-primary);font-size:18px;font-weight:700}.btn-icon{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--glow-accent)}.btn-open-sidebar-floating{width:52px;height:52px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:calc(var(--z-modal) + 1);pointer-events:auto;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;top:1rem;left:1rem}.btn-open-sidebar-floating:hover{color:var(--accent-primary);background:#58a6ff1a;transform:scale(1.05)}.btn-open-sidebar-floating:active{transform:scale(.95)}.sidebar-header-buttons{gap:var(--space-sm);margin:var(--space-md);align-items:stretch;display:flex}.btn-close-sidebar{padding:var(--space-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:var(--z-base);pointer-events:auto;background:0 0;border:1px solid #58a6ff33;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.btn-close-sidebar:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#58a6ff1a}.btn-close-sidebar:active{transform:scale(.95)}.btn-new-chat{padding:var(--space-sm)var(--space-md);background:var(--accent-primary);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:none;border-radius:8px;flex:1;font-size:14px;font-weight:600;display:flex}.btn-new-chat:hover{background:var(--accent-hover);box-shadow:var(--glow-primary);transform:translateY(-2px)}.btn-new-chat.btn-loading{background:linear-gradient(90deg,#ef4444,#f97316,#eab308);animation:2s ease-in-out infinite pulse}.btn-new-chat.btn-loading:hover{background:linear-gradient(90deg,#dc2626,#ea580c,#ca8a04);box-shadow:0 0 20px #ef444480}.btn-import-chat{padding:var(--space-sm)var(--space-md);color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);background:#58a6ff0d;border:1px solid #58a6ff33;border-radius:6px;width:100%;font-size:13px;font-weight:500;display:flex}.btn-import-chat:hover{border-color:var(--accent-primary);background:#58a6ff1a}.sidebar-footer{padding:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-sm);flex-direction:column;margin-top:auto;display:flex}.sidebar-user-menu{z-index:var(--z-dropdown);position:relative}.sidebar-user-card{align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;text-align:left;width:100%;color:inherit;background:#58a6ff0d;border:1px solid #58a6ff1a;border-radius:8px;font-family:inherit;transition:all .2s;display:flex}.sidebar-user-card:hover{background:#58a6ff1a;border-color:#58a6ff33;transform:translateY(-1px)}.sidebar-user-card:active{transform:translateY(0)}.sidebar-user-avatar{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.status-dot-inline{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-inline.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot-inline.offline{background:var(--error)}.sidebar-user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.user-menu-chevron{color:var(--text-secondary);flex-shrink:0;margin-left:auto;transition:transform .2s}.user-menu-chevron.open{transform:rotate(180deg)}.sidebar-user-dropdown{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);z-index:var(--z-sticky);border-radius:12px;padding:8px;animation:.2s dropdownFadeInUp;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff0d}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{cursor:pointer;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{background:#58a6ff1a}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:#ef44441a}.dropdown-item svg{opacity:.8;flex-shrink:0}.dropdown-divider{background:#58a6ff1a;height:1px;margin:4px 0}.status-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border-radius:6px;justify-content:center;font-size:13px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-badge.online .status-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.status-badge.offline .status-dot{background:var(--error)}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden visible}.chat-title h2{letter-spacing:-.5px;font-size:22px;font-weight:600}.header-right{align-items:center;gap:var(--space-md);margin-left:auto;display:flex}.models-info{background:var(--bg-tertiary);color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:20px;padding:.5rem 1rem;font-size:12px;font-weight:500}@media (max-width:768px){.sidebar{position:fixed;top:0;bottom:0;left:0}.sidebar-overlay{z-index:var(--z-modal-backdrop);background:#0009;display:block;position:fixed;inset:0}.profile-overlay,.statistics-overlay,.settings-backdrop,.shortcuts-backdrop,.performance-modal-overlay{left:0!important}.toggle-sidebar{flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-header{gap:.5rem;height:56px;padding:0 .75rem}.chat-title{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.chat-title h2{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.chat-icon{flex-shrink:0;font-size:22px}.models-info{display:none}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.sidebar.view-mode-user .sidebar-user-card.compact{padding:var(--space-sm);gap:var(--space-sm)}.sidebar.view-mode-user .sidebar-user-avatar{width:32px;height:32px;font-size:.75rem}.btn-minimal-menu{top:var(--space-sm);left:var(--space-sm);z-index:var(--z-dropdown);border:1px solid var(--glass-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);background:#1e293be6;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.btn-minimal-menu:hover{background:#3b82f633;border-color:#3b82f680}.main-content.view-mode-minimal{width:100%;margin-left:0}@media (max-width:300px){.main-content.view-mode-minimal{padding:var(--space-xs)}.btn-minimal-menu{width:32px;height:32px;top:var(--space-xs);left:var(--space-xs)}}.toast-container{top:var(--space-xl);right:var(--space-xl);z-index:var(--z-tooltip);gap:var(--space-sm);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-md);background:var(--glass-bg);min-width:300px;max-width:400px;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);pointer-events:auto;cursor:pointer;transition:all var(--transition-base);animation:.3s cubic-bezier(.68,-.55,.265,1.55) slideIn;display:flex}.toast:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast-message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary);font-weight:var(--font-weight-medium);flex:1}.toast-close{padding:var(--space-xs);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{color:var(--color-text-primary);background:#ffffff1a}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{background:var(--color-success);color:#fff}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{background:var(--color-error);color:#fff}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{background:var(--color-warning);color:#fff}.toast-info{border-left:4px solid var(--color-primary)}.toast-info .toast-icon{background:var(--color-primary);color:#fff}@media (max-width:768px){.toast-container{top:var(--space-md);right:var(--space-md);left:var(--space-md)}.toast{min-width:unset;max-width:unset}}.welcome-message{text-align:center;color:var(--text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;max-width:400px;height:100%;margin:auto;padding:2rem;display:flex}.welcome-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.welcome-emoji{font-size:2rem}.welcome-header h2{color:var(--text-primary,#fff);margin:0;font-size:1.5rem;font-weight:600}.welcome-subtitle{color:var(--text-secondary,#888);margin-bottom:1.5rem;font-size:.9rem}.features-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.feature-badge{color:var(--text-secondary,#aaa);background:#58a6ff14;border:1px solid #58a6ff26;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;transition:all .2s;display:flex}.feature-badge:hover{color:var(--text-primary,#fff);background:#58a6ff26;border-color:#58a6ff40}.badge-icon{font-size:.85rem}.badge-text{font-weight:500}.welcome-hint{color:var(--text-muted,#666);opacity:.7;font-size:.85rem}@media (max-width:768px){.welcome-message{max-width:320px;padding:1.5rem 1rem}.welcome-header h2{font-size:1.25rem}.welcome-emoji{font-size:1.5rem}.feature-badge{padding:.3rem .5rem;font-size:.7rem}}.message-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.message-wrapper:hover .message-actions,.message-actions:hover{opacity:1}.action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;padding:6px 10px;font-size:.875rem;transition:all .2s;display:flex}.action-btn:hover{color:var(--accent-primary);background:#6366f11a;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.action-btn.delete-btn{margin-left:auto}.action-btn.delete-btn:hover{color:var(--error-color);background:#ef44441a}.action-btn.delete-btn.confirm{color:var(--error-color);background:#ef444433;animation:.5s ease-in-out infinite alternate pulse}.action-btn.tts-queue-btn{color:var(--text-secondary)}.action-btn.tts-queue-btn:hover{color:#22c55e;background:#22c55e1a;transform:translateY(-2px)}@media (max-width:768px){.message-actions{opacity:1}.action-btn{padding:8px 12px;font-size:1rem}}.performance-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.375rem;margin-top:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:500;line-height:1.2;transition:all .2s;display:inline-flex;position:relative}.performance-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.performance-badge:focus{outline:2px solid var(--primary-color);outline-offset:2px}.performance-badge-green{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.performance-badge-green:hover{background:#22c55e40}.performance-badge-yellow{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.performance-badge-yellow:hover{background:#eab30840}.performance-badge-red{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.performance-badge-red:hover{background:#ef444440}.performance-badge-gray{color:#9ca3af;background:#9ca3af26;border:1px solid #9ca3af4d}.performance-badge-gray:hover{background:#9ca3af40}.badge-item{align-items:center;gap:.25rem;display:inline-flex}.badge-icon{opacity:.9;font-size:.9rem}.badge-value{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.badge-divider{opacity:.4;margin:0 .125rem;font-weight:300}.performance-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:var(--z-dropdown);background:#000000e6;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;animation:.2s fadeIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.performance-tooltip:after{content:"";border:5px solid #0000;border-top-color:#000000e6;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (max-width:640px){.performance-badge{gap:.375rem;padding:.2rem .5rem;font-size:.75rem}.performance-icon{font-size:.85rem}.performance-label{font-size:.8rem}}.thinking-bubble{border-radius:12px;margin:.5rem 0 .75rem;transition:all .25s;overflow:hidden}.thinking-bubble-collapsed{cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf640;max-width:fit-content}.thinking-bubble-collapsed:hover{background:#8b5cf626;border-color:#8b5cf666;box-shadow:0 2px 8px #8b5cf626}.thinking-bubble-expanded{background:#1e293b;border:1px solid #334155;width:100%;max-width:80%}.thinking-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:background .2s;display:flex}.thinking-bubble-collapsed .thinking-header{padding:.4rem .6rem}.thinking-bubble-expanded .thinking-header{background:#8b5cf614;border-bottom:1px solid #8b5cf626}.thinking-header:hover{background:#8b5cf61a}.thinking-header-content{flex:1;align-items:center;gap:.5rem;display:flex}.thinking-icon{font-size:.9rem}.thinking-bubble-expanded .thinking-icon{animation:2s ease-in-out infinite pulse}.thinking-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:10px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.thinking-hint{color:#8b5cf6b3;margin-left:.25rem;font-size:.7rem;font-style:italic}.thinking-toggle{color:#8b5cf699;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:all .2s;display:flex}.thinking-toggle:hover{color:#7c3aed;background:#8b5cf626}.thinking-content{color:#e5e7eb;font-size:.875rem;line-height:1.5}.thinking-content-expanded{max-height:500px;padding:1rem;animation:.2s fadeIn;overflow-y:auto}.thinking-content-expanded::-webkit-scrollbar{width:4px}.thinking-content-expanded::-webkit-scrollbar-track{background:#8b5cf60d;border-radius:4px}.thinking-content-expanded::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.thinking-content-expanded::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.thinking-content-expanded h1,.thinking-content-expanded h2,.thinking-content-expanded h3{color:#c4b5fd;margin-top:.75rem;margin-bottom:.4rem;font-weight:600}.thinking-content-expanded h1{font-size:1.1rem}.thinking-content-expanded h2{font-size:1rem}.thinking-content-expanded h3{font-size:.95rem}.thinking-content-expanded code{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:4px;padding:.15rem .35rem;font-size:.8rem}.thinking-content-expanded pre{background:#8b5cf61a;border-left:2px solid #a78bfa;border-radius:6px;margin:.5rem 0;padding:.75rem;overflow-x:auto}.thinking-content-expanded pre code{color:#e5e7eb;background:0 0;border:none;padding:0}.thinking-content-expanded ul,.thinking-content-expanded ol{color:#e5e7eb;margin-bottom:.5rem;margin-left:1.25rem}.thinking-content-expanded p{color:#e5e7eb;margin-bottom:.5rem}.thinking-content-expanded strong{color:#f3f4f6;font-weight:600}.thinking-content-expanded a{color:#c4b5fd;text-decoration:underline}.thinking-content-expanded a:hover{color:#ddd6fe}@media (prefers-color-scheme:dark){.thinking-bubble-collapsed{background:#8b5cf61f;border-color:#8b5cf64d}.thinking-bubble-collapsed:hover{background:#8b5cf62e;border-color:#8b5cf673}.thinking-bubble-expanded{background:#1e293b;border-color:#475569}.thinking-content-expanded h1,.thinking-content-expanded h2,.thinking-content-expanded h3{color:#ddd6fe}.thinking-content-expanded code{color:#ddd6fe;background:#8b5cf640;border-color:#8b5cf666}.thinking-content-expanded pre{background:#8b5cf626;border-left-color:#c4b5fd}.thinking-content-expanded pre code,.thinking-content-expanded p,.thinking-content-expanded ul,.thinking-content-expanded ol{color:#f3f4f6}.thinking-content-expanded strong{color:#fff}.thinking-content-expanded a{color:#ddd6fe}.thinking-content-expanded a:hover{color:#ede9fe}}@media (max-width:640px){.thinking-bubble-expanded{max-width:95%}.thinking-header{padding:.4rem .6rem}.thinking-badge{padding:.1rem .4rem;font-size:.6rem}.thinking-hint{display:none}.thinking-content-expanded{max-height:350px;padding:.75rem}.thinking-content{font-size:.8rem}}:root{--md-heading-color:#e0e0e0;--md-link-hover:#0056b3;--md-blockquote-border:#007bff;--md-blockquote-bg:#007bff1a;--md-table-border:#ffffff26;--md-table-header-bg:#ffffff14;--md-table-row-hover:#ffffff0d;--md-hr-color:#fff3;--font-size-h1:2rem;--font-size-h2:1.75rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-h5:1.125rem;--font-size-h6:1rem;--line-height-tight:1.25;--line-height-normal:1.6;--line-height-relaxed:1.8;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}.message-content{line-height:var(--line-height-normal);color:var(--color-text-primary,#fff);word-wrap:break-word;overflow-wrap:break-word;max-width:100%;overflow-x:hidden}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:var(--md-heading-color);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-top:var(--space-lg);margin-bottom:var(--space-md);scroll-margin-top:2rem}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child,.message-content h4:first-child,.message-content h5:first-child,.message-content h6:first-child{margin-top:0}.message-content h1{font-size:var(--font-size-h1);border-bottom:2px solid var(--md-table-border);padding-bottom:var(--space-sm);margin-bottom:var(--space-lg)}.message-content h2{font-size:var(--font-size-h2);border-bottom:1px solid var(--md-table-border);padding-bottom:var(--space-sm)}.message-content h3{font-size:var(--font-size-h3)}.message-content h4{font-size:var(--font-size-h4)}.message-content h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}.message-content h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);color:var(--color-text-secondary,#888)}.message-content p{margin:0 0 var(--space-md)0;line-height:var(--line-height-normal)}.message-content p:last-child{margin-bottom:0}.message-content h1+p,.message-content h2+p,.message-content h3+p,.message-content h4+p,.message-content h5+p,.message-content h6+p{margin-top:0}.message-content ul{margin:var(--space-md)0;padding-left:var(--space-lg);list-style-type:disc}.message-content ol{margin:var(--space-md)0;padding-left:var(--space-lg);list-style-type:decimal}.message-content li{margin-bottom:var(--space-sm);line-height:var(--line-height-normal);padding-left:var(--space-xs)}.message-content li:last-child{margin-bottom:0}.message-content li>ul,.message-content li>ol{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.message-content ul ul{list-style-type:circle}.message-content ul ul ul{list-style-type:square}.message-content h1+ul,.message-content h1+ol,.message-content h2+ul,.message-content h2+ol,.message-content h3+ul,.message-content h3+ol{margin-top:var(--space-sm)}.message-content ul.contains-task-list{padding-left:var(--space-md);list-style-type:none}.message-content li.task-list-item{align-items:flex-start;gap:var(--space-sm);display:flex}.message-content input[type=checkbox]{cursor:default;accent-color:var(--color-primary,#007bff);margin-top:.3rem}.message-content li.task-list-item input[type=checkbox]:checked+*{opacity:.7;text-decoration:line-through}.message-content pre{background:var(--code-bg,#2d2d2d);color:var(--code-text,#f8f8f2);padding:var(--space-md);border-radius:var(--radius-md);margin:var(--space-md)0;border:1px solid #ffffff0d;overflow-x:auto;box-shadow:0 2px 8px #0003}.message-content pre code{background:0 0;border:none;border-radius:0;padding:0;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9em;line-height:1.5}.message-content pre::-webkit-scrollbar{width:4px}.message-content pre::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#0003}.message-content pre::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#fff3}.message-content pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.message-content code{background:var(--inline-code-bg,#ffffff1a);color:var(--color-text-primary,#fff);border-radius:var(--radius-sm);border:1px solid #ffffff0d;padding:.2em .4em;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.9em}.message-content h1 code,.message-content h2 code,.message-content h3 code,.message-content h4 code,.message-content h5 code,.message-content h6 code{font-size:.85em}.message-content pre code{font-size:inherit;background:0 0;border:none;border-radius:0;padding:0}.message-content a{color:var(--color-primary,#007bff);word-break:break-word;border-bottom:1px solid #0000;text-decoration:none;transition:all .2s}.message-content a:hover{color:var(--md-link-hover);border-bottom-color:var(--md-link-hover)}.message-content a:focus{outline:2px solid var(--color-primary,#007bff);outline-offset:2px;border-radius:var(--radius-sm)}.message-content a:visited{color:#9d4edd}.message-content a:active{color:var(--md-link-hover);transform:translateY(1px)}.message-content a[href^=http]:after{content:" ↗";opacity:.6;font-size:.8em}.message-content a[href^=\#]:after{content:none}.message-content .table-wrapper{width:100%;max-width:100%;margin:var(--space-md)0;border-radius:var(--radius-md);border:1px solid var(--md-table-border);overflow-x:auto}.message-content table{border-collapse:collapse;table-layout:auto;border-radius:var(--radius-md);border:none;width:100%;min-width:100%;max-width:100%;margin:0;display:table}.message-content>table{margin:var(--space-md)0;border:1px solid var(--md-table-border);display:block;overflow-x:auto}.message-content thead{background:var(--md-table-header-bg);border-bottom:2px solid var(--md-table-border)}.message-content th{padding:.75rem var(--space-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--md-heading-color);white-space:nowrap}.message-content tbody tr{border-bottom:1px solid var(--md-table-border);transition:background-color .2s}.message-content tbody tr:nth-child(2n){background:#ffffff05}.message-content tbody tr:hover{background:var(--md-table-row-hover)}.message-content tbody tr:last-child{border-bottom:none}.message-content td{padding:.75rem var(--space-md);color:var(--color-text-primary,#fff)}.message-content th[align=center],.message-content td[align=center]{text-align:center}.message-content th[align=right],.message-content td[align=right]{text-align:right}.message-content .table-wrapper::-webkit-scrollbar{height:8px}.message-content .table-wrapper::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#0003}.message-content .table-wrapper::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#ffffff4d}.message-content .table-wrapper::-webkit-scrollbar-thumb:hover{background:#fff6}.message-content table::-webkit-scrollbar{height:8px}.message-content table::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#0003}.message-content table::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#ffffff4d}.message-content blockquote{margin:var(--space-sm)0;padding:.75rem var(--space-sm);padding-left:var(--space-sm);border-left:4px solid var(--md-blockquote-border);background:var(--md-blockquote-bg);border-radius:0 var(--radius-md)var(--radius-md)0;color:var(--color-text-primary,#fff);font-style:italic}.message-content blockquote blockquote{margin-top:var(--space-sm);margin-bottom:var(--space-sm);background:#007bff0d;border-left-color:#007bff80}.message-content blockquote p{margin:var(--space-sm)0}.message-content blockquote p:first-child{margin-top:0}.message-content blockquote p:last-child{margin-bottom:0}.message-content blockquote footer,.message-content blockquote cite{color:var(--color-text-secondary,#888);margin-top:var(--space-sm);font-size:.9em;font-style:normal}.message-content blockquote footer:before{content:"— "}.message-content hr{background:var(--md-hr-color);height:2px;margin:var(--space-xl)0;border-radius:var(--radius-sm);border:none}.message-content img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-sm)0;border:1px solid var(--md-table-border);display:block;box-shadow:0 4px 12px #0000004d}.message-content figure{margin:var(--space-md)0;text-align:center}.message-content figcaption{color:var(--color-text-secondary,#888);margin-top:var(--space-sm);font-size:.875rem;font-style:italic}.message-content img[loading=lazy]{background:#ffffff0d}.message-content strong{font-weight:var(--font-weight-bold);color:var(--md-heading-color)}.message-content em{font-style:italic}.message-content del{opacity:.7;color:var(--color-text-secondary,#888);text-decoration:line-through}.message-content mark{color:var(--color-text-primary,#fff);border-radius:var(--radius-sm);background:#ffeb3b4d;padding:.1em .3em}@media (max-width:768px){.message-content h1{font-size:1.75rem}.message-content h2{font-size:1.5rem}.message-content h3{font-size:1.25rem}.message-content h4{font-size:1.125rem}.message-content h5,.message-content h6{font-size:1rem}.message-content pre{padding:var(--space-sm)}.message-content blockquote{padding:var(--space-sm)var(--space-sm);padding-left:var(--space-sm)}.message-content th,.message-content td{padding:var(--space-sm);font-size:.9em}.message-content h1,.message-content h2,.message-content h3{margin-top:var(--space-md)}}@media print{.message-content{color:#000}.message-content a{color:#000;text-decoration:underline}.message-content pre{color:#000;background:#f5f5f5;border:1px solid #000}.message-content code{color:#000;background:#f5f5f5;border:1px solid #ddd}}.message-wrapper{z-index:1;flex-direction:column;margin-bottom:1.5rem;animation:.3s ease-in fadeIn;display:flex;position:relative}.message-wrapper.user{align-items:flex-end}.message-wrapper.assistant{align-items:flex-start}.message-header{justify-content:space-between;align-items:center;gap:1rem;max-width:80%;margin-bottom:.5rem;padding:0 .5rem;display:flex}.message-wrapper.user .message-header,.message-wrapper.user .message-header-left{flex-direction:row-reverse}.message-wrapper.assistant .message-header-left{flex-direction:row}.message-header-left{align-items:center;gap:.75rem;display:flex}.message-role{color:var(--text-primary,#333);font-size:.9rem;font-weight:600}.message-time{color:var(--text-secondary,#888);font-size:.8rem}.message{word-wrap:break-word;border-radius:16px;max-width:80%;padding:1rem 1.25rem}.message.user{color:var(--text-primary,#fff);background:#1e3a5f;border:1px solid #2563eb;border-bottom-right-radius:4px}.message.assistant{color:var(--text-primary,#fff);background:#1e293b;border:1px solid #334155;border-bottom-left-radius:4px}.message.loading{opacity:.7}.message-content{line-height:1.6}.message-content p{margin:0;padding:0}.message-content pre{background:var(--code-bg,#2d2d2d);color:var(--code-text,#f8f8f2);border-radius:8px;margin:.5rem 0;padding:1rem;overflow-x:auto}.message-content code{background:var(--inline-code-bg,#0000001a);border-radius:4px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.9em}.streaming-text{white-space:pre-wrap;margin:0;font-family:inherit;background:0 0!important}.thinking-indicator{background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:12px;align-items:center;gap:.5rem;max-width:fit-content;padding:.4rem .75rem;display:inline-flex}.thinking-spinner{border:2px solid #8b5cf64d;border-top-color:#7c3aed;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.thinking-text{color:#8b5cf6e6;font-size:.8rem;font-weight:500}.message-footer-external{justify-content:flex-start;align-items:center;max-width:80%;margin-top:.5rem;padding:0 .5rem;display:flex}.message-attachments-external{flex-wrap:wrap;gap:.5rem;max-width:80%;margin-bottom:.5rem;display:flex}.message-wrapper.user .message-attachments-external{justify-content:flex-end}.attachment-badge{color:#ffffffe6;background:linear-gradient(135deg,#3b82f626 0%,#8b5cf626 100%);border:1px solid #8b5cf64d;border-radius:.75rem;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex}.attachment-badge.clickable{cursor:pointer;transition:all .2s}.attachment-badge.clickable:hover{background:linear-gradient(135deg,#3b82f640 0%,#8b5cf640 100%);border-color:#8b5cf680;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.attachment-icon{font-size:1rem}.attachment-name{text-overflow:ellipsis;white-space:nowrap;color:#fffffff2;max-width:200px;font-weight:500;overflow:hidden}.attachment-size{color:#ffffff80;margin-left:.25rem;font-size:.7rem}.attachment-preview-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.attachment-preview-modal{background:#1e1e2e;border:1px solid #8b5cf64d;border-radius:1rem;flex-direction:column;width:90%;max-width:800px;max-height:80vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.attachment-preview-header{background:#8b5cf61a;border-bottom:1px solid #ffffff1a;border-radius:1rem 1rem 0 0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.attachment-preview-title{color:#fff;font-size:1rem;font-weight:600}.attachment-preview-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:1.25rem;transition:all .2s}.attachment-preview-close:hover{color:#fff;background:#ffffff1a}.attachment-preview-content{flex:1;max-height:60vh;padding:1rem;overflow:auto}.attachment-preview-loading{color:#ffffffb3;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.attachment-preview-text{color:#ffffffe6;white-space:pre-wrap;word-break:break-word;background:#0003;border-radius:.5rem;margin:0;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6}@media (max-width:768px){.message,.message-header,.message-footer-external,.message-attachments-external{max-width:90%}.attachment-preview-modal{width:95%;max-height:85vh}.attachment-name{max-width:120px}}.generated-image{cursor:pointer;border-radius:.75rem;max-width:100%;height:auto;margin:.75rem 0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000004d}.generated-image:hover{transform:scale(1.02);box-shadow:0 6px 20px #0006}.generated-image-loading{color:#ffffffb3;background:#ffffff0d;border-radius:.5rem;align-items:center;gap:.5rem;margin:.5rem 0;padding:1rem;font-size:.85rem;display:flex}.generated-image-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;align-items:center;gap:.5rem;margin:.5rem 0;padding:1rem;font-size:.85rem;display:flex}.chat-messages{scroll-behavior:smooth;flex:1;padding:1.5rem;transition:background .5s;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.loading-dots:after{content:"...";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.messages-end-anchor{visibility:hidden;height:1px}@media (max-width:768px){.chat-messages{padding:1rem}}.chat-error{background:var(--error-bg,#ef444426);border:1px solid var(--error-border,#ef44444d);color:var(--error-text,#fca5a5);border-radius:8px;align-items:center;gap:.75rem;margin:.5rem 1rem;padding:.75rem 1rem;animation:.3s ease-out slideDown;display:flex}.chat-error--error{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.chat-error--warning{color:#fcd34d;background:#fbbf241f;border-color:#fbbf2459}.chat-error--info{color:#93c5fd;background:#3b82f61f;border-color:#3b82f659}.chat-error .error-icon{flex-shrink:0;font-size:1.1rem}.chat-error .error-message{flex:1;font-size:.875rem;line-height:1.4}.chat-error .error-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.chat-error .error-retry{color:inherit;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:.35rem .6rem;font-size:.8rem;transition:all .2s}.chat-error .error-retry:hover{background:#fff3;border-color:#ffffff4d}.chat-error .error-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.25rem .4rem;font-size:1rem;transition:all .2s}.chat-error .error-close:hover{opacity:1;background:#ffffff1a}.chat-error .error-close:focus{outline-offset:2px;outline:2px solid}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.control-button{align-items:center;gap:var(--control-gap-sm);padding:var(--control-padding-md);background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--control-radius-md);cursor:pointer;color:var(--control-text);transition:var(--control-transition);white-space:nowrap;font-family:inherit;font-size:.875rem;display:inline-flex}.control-button:hover:not(.control-button--disabled){background:var(--control-bg-hover);border-color:var(--control-border-hover)}.control-button:active:not(.control-button--disabled){background:var(--control-bg-active)}.control-button--open{background:var(--control-bg-active);border-color:var(--control-border-active)}.control-button--disabled{opacity:.5;cursor:not-allowed}.control-button--compact{padding:.25rem .5rem;font-size:.8rem}.control-button__icon{flex-shrink:0;font-size:.9rem}.control-button--compact .control-button__icon{font-size:.8rem}.control-button__label{color:var(--control-text-muted);font-weight:500}.control-button__value{color:var(--control-text);font-weight:600}.control-button__arrow{color:var(--control-text-muted);margin-left:.125rem;font-size:.6rem;transition:transform .2s}.control-button__arrow--open{transform:rotate(180deg)}@media (max-width:768px){.control-button{padding:.3rem .6rem}.control-button__label{display:none}}@media (max-width:500px){.control-button{padding:.25rem .5rem;font-size:.8rem}.control-button__icon{font-size:.85rem}.control-button__value{font-size:.75rem}}.model-selector-container{align-items:center;display:flex;position:relative}.model-dropdown{background:var(--control-dropdown-bg,#21262df2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--control-dropdown-border,#58a6ff4d);border-radius:var(--control-radius,8px);min-width:200px;max-height:200px;box-shadow:var(--control-dropdown-shadow,0 8px 32px #0000004d);z-index:var(--z-portal-dropdown);animation:.15s ease-out modelDropdownFadeIn;position:absolute;bottom:calc(100% + .5rem);left:0;overflow-y:auto}.model-dropdown-portal{position:fixed;bottom:auto;left:auto}@keyframes modelDropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.model-option{width:100%;color:var(--control-text,#fff);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.model-option:hover{background:var(--control-item-hover,#58a6ff26)}.model-option.selected{background:var(--control-item-active,#58a6ff33);color:var(--control-accent,#58a6ff)}.model-option .model-icon{font-size:1.2rem;line-height:1}.model-option .model-name{flex:1;font-weight:500}.model-option .check-mark{color:var(--control-accent,#58a6ff);font-weight:700}@media (max-width:768px){.model-dropdown-portal{max-height:50vh;right:.5rem;width:calc(100% - 1rem)!important;left:.5rem!important}}.model-dropdown.grouped{flex-direction:column;min-width:320px;max-height:400px;padding:0;display:flex;overflow:hidden}.model-search{border-bottom:1px solid var(--control-dropdown-border,#58a6ff33);background:var(--control-dropdown-bg,#21262dfa);z-index:1;padding:.75rem;position:sticky;top:0}.model-search-input{border:1px solid var(--control-dropdown-border,#58a6ff4d);width:100%;color:var(--control-text,#fff);background:#0003;border-radius:6px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s}.model-search-input:focus{border-color:var(--control-accent,#58a6ff)}.model-search-input::placeholder{color:var(--control-text-muted,#ffffff80)}.models-container{flex:1;padding:.5rem 0;overflow-y:auto}.model-option.auto-option{border-bottom:1px solid var(--control-dropdown-border,#58a6ff26);margin-bottom:.25rem}.provider-section{margin-bottom:.25rem}.provider-header{width:100%;color:var(--control-text,#fff);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#58a6ff0d;border:none;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8rem;font-weight:600;transition:background .2s;display:flex}.provider-header:hover{background:#58a6ff1f}.provider-header.expanded{border-bottom:1px solid var(--control-dropdown-border,#58a6ff26);background:#58a6ff1a}.provider-name{text-align:left;flex:1}.provider-count{color:var(--control-accent,#58a6ff);background:#58a6ff33;border-radius:10px;padding:.15rem .4rem;font-size:.7rem}.provider-chevron{color:var(--control-text-muted,#ffffff80);font-size:.65rem;transition:transform .2s}.provider-models{padding-left:.5rem;animation:.15s ease-out groupFadeIn}@keyframes groupFadeIn{0%{opacity:0}to{opacity:1}}.model-group{margin:.25rem 0}.group-header{color:var(--control-text-muted,#fff9);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:flex}.group-icon{font-size:.85rem}.model-option.grouped{padding:.625rem 1rem .625rem 1.5rem;font-size:.825rem}.model-option.grouped .model-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.model-option.grouped .model-name{font-size:.825rem;font-weight:500}.model-capabilities{flex-wrap:wrap;gap:.25rem;display:flex}.capability-badge{opacity:.8;font-size:.7rem;transition:opacity .2s}.capability-badge.more{background:#ffffff1a;border-radius:4px;padding:.1rem .3rem;font-size:.65rem}.model-option:hover .capability-badge{opacity:1}.model-option.deprecated{opacity:.5;cursor:not-allowed;text-decoration:line-through}.no-models-message{text-align:center;color:var(--control-text-muted,#ffffff80);padding:2rem;font-size:.875rem}@media (max-width:768px){.model-dropdown.grouped{min-width:unset;max-height:60vh;width:calc(100% - 1rem)!important}.model-option.grouped{padding:.75rem 1rem .75rem 1.25rem}.provider-header{padding:.75rem 1rem}}.models-grouped,.models-simple{padding:.5rem 0}.model-option.enriched{gap:.5rem;padding:.5rem .75rem}.model-option.enriched .model-info{flex-direction:row;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.model-option.enriched .model-name{flex-shrink:0;font-size:.825rem;font-weight:500}.model-option.enriched .model-capabilities{flex-shrink:0;gap:.2rem;display:inline-flex}.model-option.enriched .capability-badge{cursor:help;font-size:.75rem}.model-option.enriched .model-size{color:var(--control-text-muted,#ffffff80);background:#ffffff14;border-radius:3px;flex-shrink:0;padding:.1rem .35rem;font-size:.65rem}.model-option.enriched.embedding{opacity:.6;cursor:not-allowed}.model-option.enriched.embedding .model-name:after{content:" (non-chat)";color:var(--control-text-muted,#ffffff80);font-size:.65rem;font-style:italic}.model-group .group-header{color:var(--control-accent,#58a6ff);text-transform:uppercase;letter-spacing:.3px;background:#58a6ff0d;border-bottom:1px solid #58a6ff1a;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:flex}.model-group .group-header .group-count{color:var(--control-accent,#58a6ff);background:#58a6ff33;border-radius:8px;padding:.1rem .35rem;font-size:.65rem}.model-group .group-models{padding:.25rem 0}.model-option.enriched:hover .capability-badge{transition:transform .15s;transform:scale(1.1)}.model-dropdown::-webkit-scrollbar{width:6px}.model-dropdown::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.model-dropdown::-webkit-scrollbar-thumb{background:#58a6ff4d;border-radius:3px}.model-dropdown::-webkit-scrollbar-thumb:hover{background:#58a6ff80}.tts-controls{--tts-primary:var(--primary-color,#007bff);--tts-danger:var(--danger-color,#dc3545);--tts-bg:var(--surface-color,#fff);--tts-border:var(--border-color,#dee2e6);--tts-text:var(--text-color,#212529);--tts-text-secondary:var(--text-secondary,#6c757d);--tts-spacing:1rem;--tts-radius:8px;font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif);color:var(--tts-text)}.tts-controls__header,.tts-controls__title,.tts-controls__title h3,.tts-controls__icon,.tts-controls__close-btn{display:none}.tts-controls__section{margin-bottom:var(--tts-spacing)}.tts-controls__section:last-child{margin-bottom:0}.tts-controls__toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.tts-controls__toggle-input{opacity:0;pointer-events:none;position:absolute}.tts-controls__toggle-slider{background:var(--tts-border);border-radius:12px;flex-shrink:0;width:48px;height:24px;transition:background .3s;position:relative}.tts-controls__toggle-slider:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.tts-controls__toggle-input:checked+.tts-controls__toggle-slider{background:var(--tts-primary)}.tts-controls__toggle-input:checked+.tts-controls__toggle-slider:after{transform:translate(24px)}.tts-controls__toggle-text{font-weight:500}.tts-controls__help-text{color:var(--tts-text-secondary);margin:.5rem 0 0;font-size:.875rem}.tts-controls__status{background:var(--primary-bg,#e7f3ff);border-left:3px solid var(--tts-primary);border-radius:4px;padding:.75rem}.tts-controls__status-indicator{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.tts-controls__status-icon{font-size:1.25rem}.tts-controls__status-text{flex:1;font-weight:600}.tts-controls__waveform{align-items:center;gap:2px;height:16px;display:flex}.tts-controls__waveform span{background:var(--tts-primary);border-radius:2px;width:3px;height:100%;animation:.8s ease-in-out infinite tts-wave}.tts-controls__waveform span:nth-child(2){animation-delay:.2s}.tts-controls__waveform span:nth-child(3){animation-delay:.4s}@keyframes tts-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.tts-controls__current-text{color:var(--tts-text-secondary);margin:.5rem 0 0;font-size:.875rem;font-style:italic}.tts-controls__queue-info{color:var(--tts-text-secondary);margin:.25rem 0 0;font-size:.75rem}.tts-controls__playback{flex-wrap:wrap;gap:.5rem;display:flex}.tts-controls__btn{background:var(--tts-bg);border:1px solid var(--tts-border);cursor:pointer;min-width:100px;color:var(--tts-text);border-radius:4px;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.tts-controls__btn:hover{background:var(--tts-border);transform:translateY(-1px)}.tts-controls__btn:active{transform:translateY(0)}.tts-controls__btn--danger{color:var(--tts-danger);border-color:var(--tts-danger)}.tts-controls__btn--danger:hover{background:var(--tts-danger);color:#fff}.tts-controls__btn--small{min-width:auto;padding:.25rem .5rem}.tts-controls__label{margin-bottom:.5rem;font-weight:500;display:block}.tts-controls__select{border:1px solid var(--tts-border);background:var(--tts-bg);width:100%;color:var(--tts-text);cursor:pointer;border-radius:4px;margin-top:.25rem;padding:.5rem;font-size:.875rem}.tts-controls__slider{background:var(--tts-border);cursor:pointer;appearance:none;border-radius:3px;outline:none;width:100%;height:6px;margin-top:.5rem}.tts-controls__slider::-webkit-slider-thumb{appearance:none;background:var(--tts-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s}.tts-controls__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.tts-controls__slider::-moz-range-thumb{background:var(--tts-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:transform .2s}.tts-controls__slider::-moz-range-thumb:hover{transform:scale(1.2)}.tts-controls__slider-markers{color:var(--tts-text-secondary);justify-content:space-between;margin-top:.25rem;font-size:.75rem;display:flex}.tts-controls__test-btn{background:var(--tts-bg);border:1px solid var(--tts-border);cursor:pointer;border-radius:4px;margin-top:.5rem;padding:.375rem .75rem;font-size:.875rem;transition:all .2s}.tts-controls__test-btn:hover{background:var(--tts-border)}.tts-controls__advanced-toggle{border:1px solid var(--tts-border);cursor:pointer;text-align:left;background:0 0;border-radius:4px;width:100%;padding:.5rem;font-size:.875rem;font-weight:500;transition:background .2s}.tts-controls__advanced-toggle:hover{background:var(--tts-border)}.tts-controls__advanced{background:var(--bg-secondary,#f8f9fa);border-radius:4px;margin-top:.75rem;padding:.75rem}.tts-controls__info{margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.tts-controls__info:last-child{margin-bottom:0}.tts-controls__shortcuts-list{margin:.5rem 0;padding-left:1.25rem;font-size:.875rem;line-height:1.8}.tts-controls__shortcuts-list kbd{background:var(--tts-bg);border:1px solid var(--tts-border);border-radius:3px;padding:.125rem .375rem;font-family:monospace;font-size:.75rem;display:inline-block}.tts-controls--compact{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;transition:all .2s;display:inline-flex;position:relative}.tts-controls--compact:hover{background:#ef444426;border-color:#ef44444d}.tts-controls--compact:active{transform:scale(.98)}.tts-controls--compact input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.tts-toggle-slider{background:#e5e7eb;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .3s;display:inline-block;position:relative}.tts-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.tts-controls--compact input[type=checkbox]:checked~.tts-toggle-slider{background:linear-gradient(135deg,#ef4444,#dc2626)}.tts-controls--compact input[type=checkbox]:checked~.tts-toggle-slider:before{transform:translate(16px)}.tts-controls--compact input[type=checkbox]:disabled~.tts-toggle-slider{opacity:.5;cursor:not-allowed}.tts-controls--compact:has(input[type=checkbox]:disabled){opacity:.6;cursor:not-allowed}.tts-toggle-icon{flex-shrink:0;font-size:1rem;line-height:1;transition:all .2s}.tts-toggle-label{color:#ef4444;white-space:nowrap;font-weight:500;transition:color .2s}.tts-controls--compact:hover .tts-toggle-label{color:#dc2626}.tts-speaking-pulse{z-index:1;background:#10b981;border:2px solid #ffffffe6;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite tts-pulse;position:absolute;top:2px;right:2px}@media (prefers-color-scheme:dark){.tts-toggle-slider{background:#374151}.tts-toggle-label{color:#f87171}.tts-controls--compact:hover .tts-toggle-label{color:#ef4444}}@media (max-width:640px){.tts-controls--compact{gap:.4rem;padding:.3rem .6rem;font-size:.8rem}.tts-toggle-slider{width:32px;height:18px}.tts-toggle-slider:before{width:14px;height:14px}.tts-controls--compact input[type=checkbox]:checked~.tts-toggle-slider:before{transform:translate(14px)}.tts-toggle-icon{font-size:.9rem}.tts-toggle-label{display:none}}.tts-controls__speaking-indicator{background:var(--success-color,#28a745);border:2px solid var(--tts-bg);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite tts-pulse;position:absolute;top:-2px;right:-2px}@keyframes tts-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.tts-controls__playback-mini{gap:.25rem;display:flex}.tts-controls--unsupported{border-color:var(--warning-color,#ffc107)}.tts-controls__warning{align-items:flex-start;gap:.75rem;display:flex}.tts-controls__warning strong{margin-bottom:.25rem;font-size:1rem;display:block}.tts-controls__warning p{color:var(--tts-text-secondary);margin:0;font-size:.875rem;line-height:1.5}@media (prefers-color-scheme:dark){.tts-controls{--tts-bg:var(--surface-color,#2b2b2b);--tts-border:var(--border-color,#444);--tts-text:var(--text-color,#e0e0e0);--tts-text-secondary:var(--text-secondary,#999)}.tts-controls__toggle-slider:after{background:#f0f0f0}.tts-controls__status{background:#007bff26}.tts-controls__advanced{background:#0003}}@media (max-width:640px){.tts-controls{max-width:none}.tts-controls__playback{flex-direction:column}.tts-controls__btn{min-width:auto}}.tts-modal-overlay{top:0;left:var(--sidebar-width,280px);background:var(--color-bg-overlay);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);z-index:var(--z-modal);animation:fadeIn var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;right:0}.tts-modal-content{background:var(--glass-bg);width:90%;max-width:700px;max-height:85vh;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.tts-modal-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.tts-modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);align-items:center;gap:.75rem;margin:0;display:flex}.tts-modal-close{padding:var(--space-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.tts-modal-close:hover{color:var(--color-text-primary);background:#ffffff1a}.tts-modal-inner{padding:var(--space-xl);flex:1;overflow-y:auto}.sidebar.closed~* .tts-modal-overlay{left:0}@media (max-width:768px){.tts-modal-overlay{left:0}.tts-modal-content{border-radius:0;width:100%;max-width:100%;max-height:100vh}.tts-modal-header{padding:var(--space-lg)}.tts-modal-header h2{font-size:var(--font-size-xl)}.tts-modal-inner{padding:var(--space-lg)}}@media (max-width:480px){.tts-modal-header{padding:var(--space-md)}.tts-modal-header h2{font-size:var(--font-size-lg);gap:.5rem}.tts-modal-close{padding:var(--space-xs);font-size:1.25rem}.tts-modal-inner{padding:var(--space-md)}}.thinking-level-dropdown{background:var(--bg-secondary,#2a2a3e);border:1px solid var(--border-primary,#3a3a4e);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;transition:all .2s;display:inline-flex}.thinking-level-dropdown:hover:not(.disabled){border-color:var(--accent-purple,#9b59b6);background:var(--bg-hover,#333348)}.thinking-level-dropdown.disabled{opacity:.5;cursor:not-allowed}.thinking-level-dropdown .thinking-icon{flex-shrink:0;font-size:14px}.thinking-level-dropdown .thinking-select{color:var(--text-primary,#e0e0e0);cursor:pointer;background:0 0;border:none;outline:none;min-width:50px;padding:0;font-size:12px;font-weight:500}.thinking-level-dropdown .thinking-select:disabled{cursor:not-allowed}.thinking-level-dropdown .thinking-select option{background:var(--bg-secondary,#2a2a3e);color:var(--text-primary,#e0e0e0)}.thinking-level-dropdown.compact{padding:2px 6px}.thinking-level-dropdown.compact .thinking-icon{font-size:12px}.thinking-level-dropdown.compact .thinking-select{min-width:40px;font-size:11px}.thinking-level-dropdown:not(.disabled) .thinking-select:not([value=off]){color:var(--accent-purple,#9b59b6)}.thinking-level-dropdown:has(.thinking-select:not([value=off])){border-color:var(--accent-purple,#9b59b6);box-shadow:0 0 4px #9b59b64d}@media (prefers-color-scheme:dark){.thinking-level-dropdown{background:#2a2a3ecc}}.chat-controls{scrollbar-width:thin;scrollbar-color:#fff3 transparent;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem 0;display:flex;overflow:auto visible}.chat-controls::-webkit-scrollbar{height:4px}.chat-controls::-webkit-scrollbar-track{background:0 0}.chat-controls::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.chat-controls::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.controls-left,.controls-right{flex:none;align-items:center;gap:.75rem;display:flex}.tool-controls{align-items:center;gap:.25rem;display:flex}.tool-status-indicator{border-radius:var(--control-radius,8px);align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex}.tool-status{align-items:center;gap:4px;display:flex}.tool-status.enabled{color:var(--color-success,#4ade80)}.tool-status.disabled{color:var(--text-secondary,#666)}.toggle-button{background:var(--control-bg,#0000000d);border:1px solid var(--control-border,#0000001a);border-radius:var(--control-radius,8px);color:var(--control-text,#333);cursor:pointer;align-items:center;gap:4px;padding:6px 10px;transition:all .15s;display:flex}.toggle-button:hover{background:var(--control-bg-hover,#00000014)}.toggle-button.active{background:var(--control-accent-bg,#4f46e51a);border-color:var(--control-accent,#4f46e5)}.toggle-indicator{color:var(--control-accent,#4f46e5);font-size:8px}.chat-controls--mobile{flex-direction:column;align-items:stretch;gap:0;padding:.5rem}.accordion-section{border-bottom:1px solid var(--control-border,#00000014)}.accordion-section:last-child{border-bottom:none}.accordion-header{cursor:pointer;width:100%;color:var(--control-text,#333);background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.accordion-header:hover{background:var(--control-bg-hover,#0000000a)}.accordion-header.open{background:var(--control-bg,#00000005)}.accordion-icon{font-size:16px}.accordion-label{text-align:left;flex:1}.accordion-chevron{opacity:.6;font-size:10px;transition:transform .2s}.accordion-header.open .accordion-chevron{transform:rotate(0)}.accordion-content{flex-wrap:wrap;gap:8px;padding:8px 12px 12px;animation:.2s ease-out accordionSlideDown;display:flex}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.chat-controls:not(.chat-controls--mobile){-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.chat-controls:not(.chat-controls--mobile)::-webkit-scrollbar{display:none}.controls-left,.controls-right{flex-shrink:0}}@media (max-width:768px){.chat-controls:not(.chat-controls--mobile){gap:.5rem;padding:.5rem}.controls-left,.controls-right{gap:.5rem}}@media (max-width:640px){.chat-controls:not(.chat-controls--mobile){gap:.5rem;padding:.5rem!important}}@media (prefers-color-scheme:dark){.accordion-header{color:var(--control-text,#e5e5e5)}.accordion-section{border-color:#ffffff14}}body.dark-theme .accordion-header,[data-theme=dark] .accordion-header{color:var(--control-text,#e5e5e5)}body.dark-theme .accordion-section,[data-theme=dark] .accordion-section{border-color:#ffffff14}:root{--control-padding-sm:.25rem .5rem;--control-padding-md:.375rem .75rem;--control-padding-lg:.5rem 1rem;--control-gap-sm:.25rem;--control-gap-md:.5rem;--control-gap-lg:.75rem;--control-radius-sm:6px;--control-radius-md:8px;--control-radius-lg:12px;--control-bg:#ffffff08;--control-bg-hover:#ffffff0f;--control-bg-active:#ffffff14;--control-border:#ffffff14;--control-border-hover:#ffffff1f;--control-border-active:#ffffff29;--control-text:#ffffffde;--control-text-muted:#ffffff80;--control-text-disabled:#ffffff4d;--slider-track-bg:#ffffff1a;--slider-thumb-border:#ffffffe6;--slider-thumb-shadow:0 2px 8px #0006;--slider-color-safe:#10b981;--slider-color-caution:#fbbf24;--slider-color-warning:#f97316;--slider-color-danger:#ef4444;--slider-rainbow-gradient:linear-gradient(90deg,red 0%,#ff7f00 14.28%,#ff0 28.57%,#0f0 42.86%,#00f 57.14%,indigo 71.43%,#9400d3 85.71%,red 100%);--toggle-track-off:#374151;--toggle-track-on:var(--toggle-accent,#10b981);--toggle-thumb:#fff;--toggle-accent-thinking:linear-gradient(135deg,#7c3aed,#a78bfa);--toggle-accent-stream:linear-gradient(135deg,#10b981,#34d399);--toggle-accent-autoscroll:linear-gradient(135deg,#3b82f6,#60a5fa);--toggle-accent-tts:linear-gradient(135deg,#ec4899,#f472b6);--dropdown-bg:#1e1e1ef2;--dropdown-border:#ffffff1a;--dropdown-shadow:0 8px 32px #0006;--dropdown-item-hover:#ffffff14;--dropdown-item-active:#ffffff1f;--controls-breakpoint-mobile:768px;--controls-breakpoint-tablet:1024px;--control-transition:all .2s ease;--control-transition-slow:all .3s ease;--rainbow-animation:rainbow-pulse 3s ease infinite}.rainbow-slider{gap:var(--control-gap-sm);flex-direction:column;width:100%;display:flex}.rainbow-slider--compact{min-width:120px;max-width:180px}.rainbow-slider--disabled{opacity:.5;pointer-events:none}.rainbow-slider__header{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.rainbow-slider__label{color:var(--control-text);align-items:center;gap:.25rem;font-weight:500;display:flex}.rainbow-slider__icon{font-size:.9rem}.rainbow-slider__value{border-radius:var(--control-radius-sm);color:var(--slider-color-safe);transition:var(--control-transition);background:#10b98126;padding:.125rem .375rem;font-size:.75rem;font-weight:600}.rainbow-slider__value--rainbow{animation:var(--rainbow-animation);color:#fff;text-shadow:0 0 10px #ff00ff80;background:linear-gradient(90deg,#f003,#ff7f0033,#ff03,#0f03,#00f3,#9400d333) 0 0/200% 200%}.rainbow-slider__row{align-items:center;gap:var(--control-gap-sm);display:flex}.rainbow-slider__input{cursor:pointer;appearance:none;background:linear-gradient(90deg,#10b9814d 0% 10.93%,#fbbf244d 10.93% 19.53%,#ef44444d 19.53% 50%,#f006 50%,#ff7f0066 58.33%,#ff06 66.67%,#0f06 75%,#00f6 83.33%,#4b008266 91.67%,#9400d366 100%);border-radius:3px;outline:none;flex:1;height:6px}.rainbow-slider__input::-webkit-slider-thumb{appearance:none;background:var(--slider-color,var(--slider-color-safe));cursor:pointer;border:2px solid var(--slider-thumb-border);width:16px;height:16px;box-shadow:var(--slider-thumb-shadow);transition:var(--control-transition);border-radius:50%}.rainbow-slider__input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #0009}.rainbow-slider--rainbow .rainbow-slider__input::-webkit-slider-thumb{background:var(--slider-rainbow-gradient);animation:var(--rainbow-animation);background-size:200% 200%;border:2px solid #fff;box-shadow:0 0 20px #f0fc}.rainbow-slider--rainbow .rainbow-slider__input::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 30px #f0f}.rainbow-slider__input::-moz-range-thumb{background:var(--slider-color,var(--slider-color-safe));cursor:pointer;border:2px solid var(--slider-thumb-border);width:16px;height:16px;box-shadow:var(--slider-thumb-shadow);transition:var(--control-transition);border-radius:50%}.rainbow-slider__input::-moz-range-thumb:hover{transform:scale(1.15)}.rainbow-slider--rainbow .rainbow-slider__input::-moz-range-thumb{background:var(--slider-rainbow-gradient);animation:var(--rainbow-animation);background-size:200% 200%;border:2px solid #fff;box-shadow:0 0 20px #f0fc}.rainbow-slider__auto-btn{border-radius:var(--control-radius-sm);background:var(--control-bg);border:1px solid var(--control-border);cursor:pointer;width:28px;height:28px;transition:var(--control-transition);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.rainbow-slider__auto-btn:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--control-border-hover);transform:scale(1.05)}.rainbow-slider__auto-btn:active:not(:disabled){transform:scale(.95)}.rainbow-slider__auto-btn:disabled{opacity:.5;cursor:not-allowed}.rainbow-slider__markers{justify-content:space-between;padding:0 2px;display:flex}.rainbow-slider__marker{color:var(--control-text-muted);font-size:.65rem;font-weight:500}.rainbow-slider--compact .rainbow-slider__header{font-size:.7rem}.rainbow-slider--compact .rainbow-slider__value{padding:.1rem .25rem;font-size:.65rem}.rainbow-slider--compact .rainbow-slider__input{height:4px}.rainbow-slider--compact .rainbow-slider__input::-webkit-slider-thumb{width:12px;height:12px}.rainbow-slider--compact .rainbow-slider__input::-moz-range-thumb{width:12px;height:12px}.rainbow-slider--compact .rainbow-slider__auto-btn{width:22px;height:22px;font-size:.75rem}.rainbow-slider--compact .rainbow-slider__markers{display:none}.rainbow-slider--temperature .rainbow-slider__input{background:linear-gradient(90deg,#10b98166 0% 25%,#fbbf2466 25% 50%,#f9731666 50% 75%,#ef444466 75% 100%)}.rainbow-slider--volume .rainbow-slider__input{background:linear-gradient(90deg,#ec489933 0%,#ec489966 100%)}.rainbow-slider--volume .rainbow-slider__value{color:#ec4899;background:#ec489926}.context-size-selector-inline{align-items:center;gap:.25rem;min-width:140px;max-width:200px;display:inline-flex}.context-size-selector-inline.disabled{opacity:.5;pointer-events:none}.context-autotune-error{cursor:help;font-size:.8rem;animation:.3s shake}@media (max-width:768px){.context-size-selector-inline{min-width:100px;max-width:140px}}@media (max-width:500px){.context-size-selector-inline{min-width:80px;max-width:120px}}@media (max-width:768px){.context-size-dropdown-portal{right:.5rem;width:calc(100% - 1rem)!important;left:.5rem!important}}.conversation-mode-toggle{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#f9fafb);color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:1.5rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.conversation-mode-toggle:hover{background:var(--bg-tertiary,#f3f4f6);border-color:var(--border-color-hover,#d1d5db)}.conversation-mode-toggle:focus{box-shadow:0 0 0 2px var(--accent-color,#3b82f6);outline:none}.conversation-mode-toggle--enabled{background:var(--accent-color,#3b82f6);border-color:var(--accent-color,#3b82f6);color:#fff}.conversation-mode-toggle--enabled:hover{background:var(--accent-color-hover,#2563eb);border-color:var(--accent-color-hover,#2563eb)}.conversation-mode-toggle--listening{color:#fff;background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef4444;animation:1.5s ease-in-out infinite pulse-glow}.conversation-mode-toggle--processing{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#f59e0b}.conversation-mode-toggle--speaking{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981}.conversation-mode-toggle__icon{font-size:1rem;line-height:1}.conversation-mode-toggle__label{white-space:nowrap;font-weight:500}.conversation-mode-toggle__indicator{opacity:0;background:currentColor;border-radius:50%;width:8px;height:8px;transition:opacity .2s}.conversation-mode-toggle__indicator.active{opacity:1;animation:1.5s ease-in-out infinite pulse}.conversation-mode-toggle--loading{opacity:.5;pointer-events:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}[data-theme=dark] .conversation-mode-toggle{background:var(--bg-secondary,#374151);border-color:var(--border-color,#4b5563);color:var(--text-secondary,#9ca3af)}[data-theme=dark] .conversation-mode-toggle:hover{background:var(--bg-tertiary,#4b5563)}@media (max-width:640px){.conversation-mode-toggle__label{display:none}.conversation-mode-toggle{padding:.5rem}}.profile-selector{align-items:center;display:flex;position:relative}.profile-selector-dropdown-portal{background:var(--control-dropdown-bg,#2a2a2a);border:1px solid var(--control-dropdown-border,#ffffff1a);border-radius:var(--control-radius,8px);min-width:260px;max-width:320px;box-shadow:var(--control-dropdown-shadow,0 8px 24px #0000004d);z-index:var(--z-dropdown,1000);animation:.15s ease-out profileDropdownFadeIn;position:fixed;overflow:hidden}@keyframes profileDropdownFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.profile-selector-dropdown .dropdown-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#888);background:var(--control-dropdown-header-bg,#ffffff08);border-bottom:1px solid var(--control-dropdown-border,#ffffff14);justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.profile-selector-dropdown .companion-badge{color:var(--success-color,#4ade80);font-size:10px}.profile-selector-dropdown .dropdown-list{max-height:300px;overflow-y:auto}.profile-selector-dropdown .dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary,#e0e0e0);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;transition:background .12s;display:flex}.profile-selector-dropdown .dropdown-item:hover:not(:disabled){background:var(--control-bg-hover,#ffffff14)}.profile-selector-dropdown .dropdown-item.active{background:var(--control-bg-active,#64b4ff1f)}.profile-selector-dropdown .dropdown-item:disabled{opacity:.5;cursor:not-allowed}.profile-selector-dropdown .dropdown-item.unavailable{opacity:.4}.profile-selector-dropdown .item-icon{flex-shrink:0;font-size:1.25rem}.profile-selector-dropdown .item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-selector-dropdown .item-name{color:var(--text-primary,#e0e0e0);font-size:13px;font-weight:500}.profile-selector-dropdown .item-description{color:var(--text-secondary,#888);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-selector-dropdown .item-tools{background:var(--control-badge-bg,#ffffff1a);color:var(--text-secondary,#aaa);border-radius:10px;flex-shrink:0;padding:2px 6px;font-size:10px}.profile-selector-dropdown .active-check{color:var(--success-color,#4ade80);flex-shrink:0}.profile-selector-dropdown .requires-companion{flex-shrink:0;font-size:12px}body.dark-theme .profile-selector-dropdown-portal,[data-theme=dark] .profile-selector-dropdown-portal{background:var(--control-dropdown-bg,#1e1e1e);border-color:var(--control-dropdown-border,#ffffff1a)}@media (max-width:768px){.profile-selector-dropdown-portal{min-width:200px;max-width:280px}}.tts-volume-slider{align-items:center;min-width:80px;max-width:120px;display:inline-flex}.tts-volume-slider.disabled{opacity:.5;pointer-events:none}@media (max-width:768px){.tts-volume-slider{min-width:60px;max-width:90px}}@media (max-width:500px){.tts-volume-slider{min-width:50px;max-width:70px}}.temperature-control-inline{align-items:center;min-width:130px;max-width:180px;display:inline-flex}.temperature-control-inline.disabled{opacity:.5;pointer-events:none}@media (max-width:768px){.temperature-control-inline{min-width:100px;max-width:140px}}@media (max-width:500px){.temperature-control-inline{min-width:80px;max-width:120px}}.voice-recorder{flex-shrink:0}.voice-recorder-btn{cursor:pointer;transition:all .2s;position:relative;color:#58a6ff!important;background:#58a6ff40!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;display:flex!important}.voice-recorder-btn:hover:not(:disabled){background:#58a6ff66!important}.voice-recorder-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.voice-recorder-btn:disabled{opacity:.5;cursor:not-allowed}.voice-recorder-btn.recording{color:#fff;background:#ef4444;animation:1.5s ease-in-out infinite pulse-glow}.voice-recorder-btn.recording:hover{background:#dc2626}.voice-recorder-btn.error{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.voice-recorder-btn.not-supported{opacity:.4}.voice-icon{transition:transform .2s}.voice-icon.pulse{animation:1s ease-in-out infinite icon-pulse}.recording-indicator{background:#fff;border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out infinite blink;position:absolute;top:4px;right:4px}.voice-transcript-preview{z-index:100;background:#1f2937;border:1px solid #374151;border-radius:8px;align-items:center;gap:6px;min-width:150px;max-width:300px;padding:8px 12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.voice-transcript-preview:after{content:"";border:6px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.voice-transcript-preview .loading-icon{color:#3b82f6;flex-shrink:0;animation:1s linear infinite spin}.voice-transcript-preview .transcript-text{color:#e5e7eb;word-break:break-word;font-size:13px;line-height:1.4}.voice-error-tooltip{color:#fca5a5;text-align:center;white-space:nowrap;z-index:100;background:#450a0a;border:1px solid #7f1d1d;border-radius:8px;max-width:250px;padding:8px 12px;font-size:12px;animation:.2s fade-in;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.voice-error-tooltip:after{content:"";border:6px solid #0000;border-top-color:#450a0a;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.file-upload{flex-shrink:0}.file-upload-btn{cursor:pointer;transition:all .2s;color:#58a6ff!important;background:#58a6ff40!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;display:flex!important}.file-upload-btn:hover:not(:disabled){background:#58a6ff66!important}.file-upload-btn:disabled{opacity:.5;cursor:not-allowed}.file-upload-btn .animate-spin{animation:1s linear infinite spin}.file-upload .hidden{display:none}.file-list{flex-wrap:wrap;gap:.5rem;max-width:300px;display:flex}.file-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;max-width:150px;padding:.25rem .5rem;display:flex;position:relative}.file-item.uploading{opacity:.7}.file-item.error{background:#ef44441a;border-color:#ef4444}.file-item.uploaded{border-color:#22c55e}.file-preview{background:#ffffff0d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.file-preview .file-icon{color:#888}.file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.file-size{color:#888;font-size:10px}.file-status{flex-shrink:0}.file-status.uploading{color:#58a6ff;animation:1s linear infinite spin}.file-remove{color:#9ca3af;cursor:pointer;opacity:0;background:#1f2937;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex;position:absolute;top:-4px;right:-4px}.file-item:hover .file-remove{opacity:1}.file-remove:hover{color:#fff;background:#ef4444}.drop-zone-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#58a6ff1a;border:3px dashed #58a6ff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.drop-zone-overlay svg{color:#58a6ff}.drop-zone-overlay span{color:#58a6ff;font-size:1.25rem;font-weight:600}.chat-input-container{border-top:1px solid var(--glass-border,#ffffff14);background:0 0;padding:0}.chat-input-form{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.input-wrapper{border:1px solid var(--glass-border,#ffffff14);background:#ffffff08;border-radius:16px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:border-color .2s,background .2s;display:flex}.input-wrapper:focus-within{background:#ffffff0d;border-color:#58a6ff66}.chat-input{color:var(--text-primary,#333);background:0 0;border:none;outline:none;flex:1;padding:.75rem .5rem;font-size:1rem}.chat-input::placeholder{color:var(--text-secondary,#999)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-submit-icon{width:40px;height:40px;color:var(--accent-primary,#58a6ff);cursor:pointer;background:#58a6ff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.chat-submit-icon:hover:not(:disabled){background:#58a6ff40;transform:scale(1.05)}.chat-submit-icon:disabled{opacity:.3;cursor:not-allowed;transform:none}.chat-submit-icon.stop{color:var(--error,#f85149);background:#f8514926}.chat-submit-icon.stop:hover{background:#f8514940}.char-counter{text-align:right;color:var(--text-secondary,#888);padding:0 .5rem;font-size:.85rem;transition:color .2s}.char-counter.limit-reached{color:var(--danger-color,#dc3545);font-weight:600}.attachments-preview{background:#58a6ff0d;border:1px solid #58a6ff26;border-radius:12px;margin-bottom:.5rem;padding:.5rem .75rem}.attachments-preview-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.attachments-count{color:var(--text-secondary,#888);font-size:.8rem}.attachments-preview-list{flex-wrap:wrap;gap:.5rem;display:flex}.attachment-chip{background:var(--bg-secondary,#ffffff0d);border:1px solid var(--border-color,#ffffff1a);border-radius:8px;align-items:center;gap:.4rem;max-width:180px;padding:.25rem .5rem;font-size:.8rem;display:flex}.attachment-chip.uploading{opacity:.7;border-color:#58a6ff4d}.attachment-chip.uploaded{border-color:#22c55e66}.attachment-chip.error{background:#ef44441a;border-color:#ef444466}.attachment-chip-icon{background:#0000001a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.attachment-chip-icon img{object-fit:cover;width:100%;height:100%}.attachment-chip-icon svg{width:14px;height:14px;color:var(--text-secondary,#888)}.attachment-chip-info{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-chip-name{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.attachment-chip-size{color:var(--text-secondary,#888);font-size:.65rem}.attachment-status{flex-shrink:0}.attachment-status.uploading{color:var(--accent-primary,#58a6ff)}.attachment-status.uploaded{color:#22c55e;font-size:.75rem}.attachment-status.error{font-size:.7rem}.attachment-chip-remove{cursor:pointer;width:18px;height:18px;color:var(--text-secondary,#888);background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.attachment-chip-remove:hover{color:#ef4444;background:#ef444433}@media (max-width:768px){.chat-input-container{z-index:var(--z-dropdown);padding:.75rem;position:relative}.chat-input-form{padding:.5rem}.chat-input{font-size:.95rem}.chat-submit-icon{width:36px;height:36px;font-size:1.1rem}}@media (max-width:640px){.chat-input-container{padding:.5rem}.chat-input-form{gap:.25rem;padding:.25rem}.input-wrapper{padding:.4rem .6rem}}.performance-modal-overlay{top:0;left:var(--sidebar-width,280px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;bottom:0;right:0}.performance-modal{background:var(--color-bg-primary,#1a1a1a);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.performance-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.performance-modal-header h2{color:#1f2937;margin:0;font-size:1.5rem}.performance-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:.25rem;font-size:1.5rem;transition:all .2s;display:flex}.performance-modal-close:hover{background:var(--color-surface-hover,#ffffff14);color:var(--color-text-primary,#fff)}.performance-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.performance-loading,.performance-error{text-align:center;color:#6b7280;padding:2rem}.performance-error{color:#ef4444}.performance-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.performance-stat-card{background:var(--color-surface,#ffffff0d);border:2px solid var(--color-border,#ffffff1a);text-align:center;border-radius:12px;padding:1rem;transition:all .2s}.performance-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.performance-stat-green{background:#22c55e0d;border-color:#22c55e}.performance-stat-yellow{background:#eab3080d;border-color:#eab308}.performance-stat-red{background:#ef44440d;border-color:#ef4444}.performance-stat-icon{margin-bottom:.5rem;font-size:2rem}.performance-stat-value{color:#1f2937;font-variant-numeric:tabular-nums;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.performance-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.performance-token-distribution{background:var(--color-surface,#ffffff0d);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.performance-token-distribution h3{color:#1f2937;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.token-bar-container{flex-direction:column;gap:.75rem;display:flex}.token-bar{background:#e5e7eb;border-radius:8px;height:32px;display:flex;overflow:hidden}.token-bar-segment{height:100%;transition:width .3s}.token-bar-prompt{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.token-bar-generated{background:linear-gradient(90deg,#10b981,#34d399)}.token-bar-labels{justify-content:space-around;gap:1rem;display:flex}.token-label{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.token-dot{border-radius:50%;width:12px;height:12px}.token-dot-prompt{background:#3b82f6}.token-dot-generated{background:#10b981}.performance-time-breakdown{margin-bottom:1.5rem}.performance-time-breakdown h3{color:#1f2937;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.time-breakdown-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.time-item{background:var(--color-surface,#ffffff0d);border:1px solid var(--color-border,#ffffff1a);text-align:center;border-radius:8px;padding:.75rem}.time-item-total{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);border-color:#8b5cf6}.time-item-label{color:#6b7280;justify-content:center;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:flex}.time-item-value{color:#1f2937;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.time-dot{border-radius:50%;width:8px;height:8px}.time-dot-prompt{background:#3b82f6}.time-dot-eval{background:#10b981}.time-dot-total{background:#8b5cf6}.performance-footer-info{background:var(--color-surface,#ffffff0d);border-top:2px solid var(--color-border,#ffffff1a);border-radius:8px;justify-content:space-between;margin-top:1rem;padding:.75rem 1rem;display:flex}.footer-info-item{color:#6b7280;font-size:.75rem;font-weight:500}.performance-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;padding:1.5rem;display:flex}.performance-modal-button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.performance-modal-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media (prefers-color-scheme:dark){.performance-modal{background:#1f2937}.performance-modal-header{border-bottom-color:#374151}.performance-modal-header h2{color:#f9fafb}.performance-modal-close{color:#9ca3af}.performance-modal-close:hover{color:#f9fafb;background:#374151}.performance-stats-grid{gap:.75rem}.performance-stat-card{background:#111827;border-color:#374151}.performance-stat-value{color:#f9fafb}.performance-stat-label{color:#9ca3af}.performance-token-distribution{background:#111827}.performance-token-distribution h3{color:#f9fafb}.token-bar{background:#374151}.token-label{color:#9ca3af}.performance-time-breakdown h3{color:#f9fafb}.time-item{background:#111827;border-color:#374151}.time-item-total{background:linear-gradient(135deg,#8b5cf633,#a78bfa33)}.time-item-label{color:#9ca3af}.time-item-value{color:#f9fafb}.performance-footer-info{background:#111827;border-top-color:#374151}.footer-info-item{color:#9ca3af}.performance-modal-footer{border-top-color:#374151}}@media (max-width:640px){.performance-modal{border-radius:0;max-width:100%;max-height:100vh}.performance-modal-header,.performance-modal-body,.performance-modal-footer{padding:1rem}.performance-card{text-align:center;flex-direction:column}.performance-card-value{font-size:1.5rem}}.chat-container{background:var(--color-bg-primary,transparent);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden visible}.chat-container>*{flex-shrink:0}.chat-container .chat-messages{flex:1;min-height:0}.chat-container .chat-input-container{position:relative;overflow:visible}.loading-skeleton{width:100%}.skeleton-base{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-conversation{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-secondary);display:flex}.skeleton-avatar{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.skeleton-title{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:70%;height:16px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-subtitle{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:50%;height:12px;animation:1.5s ease-in-out .1s infinite skeleton-loading}.skeleton-badge{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;border-radius:50%;width:24px;height:24px;animation:1.5s ease-in-out .2s infinite skeleton-loading}.skeleton-message{gap:var(--spacing-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.skeleton-message-header{align-items:center;gap:var(--spacing-sm);display:flex}.skeleton-avatar-small{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;border-radius:50%;width:24px;height:24px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-role{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:80px;height:14px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-message-content{gap:var(--spacing-xs);padding-left:calc(24px + var(--spacing-sm));flex-direction:column;display:flex}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;height:14px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-line.long{width:100%}.skeleton-line.medium{width:80%;animation-delay:.1s}.skeleton-line.short{width:60%;animation-delay:.2s}.skeleton-profile{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;display:flex}.skeleton-avatar-large{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;border-radius:50%;width:80px;height:80px;margin:0 auto;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-profile-info{gap:var(--spacing-sm);flex-direction:column;align-items:center;display:flex}.skeleton-name{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:150px;height:20px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-email{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:200px;height:14px;animation:1.5s ease-in-out .1s infinite skeleton-loading}.skeleton-tabs{gap:var(--spacing-md);padding:var(--spacing-md)0;border-bottom:1px solid var(--color-border-secondary);justify-content:center;display:flex}.skeleton-tab{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:80px;height:32px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-tab:nth-child(2){animation-delay:.1s}.skeleton-tab:nth-child(3){animation-delay:.2s}.skeleton-form{gap:var(--spacing-md);flex-direction:column;display:flex}.skeleton-input{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:100%;height:40px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-input:nth-child(2){animation-delay:.1s}.skeleton-input:nth-child(3){animation-delay:.2s}.skeleton-statistics{gap:var(--spacing-xl);padding:var(--spacing-lg);flex-direction:column;display:flex}.skeleton-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.skeleton-stat-card{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;height:100px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-stat-card:nth-child(2){animation-delay:.1s}.skeleton-stat-card:nth-child(3){animation-delay:.2s}.skeleton-chart{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;height:200px;animation:1.5s ease-in-out .3s infinite skeleton-loading}.skeleton-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.skeleton-list-item{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;height:60px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-list-item:nth-child(2){animation-delay:.1s}.skeleton-list-item:nth-child(3){animation-delay:.2s}.skeleton-box{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:200% 100%;width:100%;height:100px;animation:1.5s ease-in-out infinite skeleton-loading}@media (max-width:768px){.skeleton-stats-grid{grid-template-columns:1fr}.skeleton-chart{height:150px}.skeleton-avatar-large{width:60px;height:60px}}@media (prefers-reduced-motion:reduce){.skeleton-base,.skeleton-avatar,.skeleton-title,.skeleton-subtitle,.skeleton-badge,.skeleton-avatar-small,.skeleton-role,.skeleton-line,.skeleton-avatar-large,.skeleton-name,.skeleton-email,.skeleton-tab,.skeleton-input,.skeleton-stat-card,.skeleton-chart,.skeleton-list-item,.skeleton-box{opacity:.6;animation:none}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-portal-modal);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-secondary,#2a2a2a);border:1px solid var(--border-color,#404040);border-radius:12px;min-width:320px;max-width:480px;padding:0;animation:.2s ease-out slideIn;box-shadow:0 8px 32px #0000004d}.confirm-dialog__header{border-bottom:1px solid var(--border-color,#404040);padding:20px 24px 16px}.confirm-dialog__title{color:var(--text-primary,#fff);margin:0;font-size:1.25rem;font-weight:600}.confirm-dialog__body{padding:20px 24px}.confirm-dialog__message{color:var(--text-secondary,#ccc);white-space:pre-line;margin:0;font-size:1rem;line-height:1.5}.confirm-dialog__footer{justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.confirm-dialog__button{cursor:pointer;border:none;border-radius:6px;min-width:90px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s}.confirm-dialog__button--cancel{background:var(--bg-tertiary,#3a3a3a);color:var(--text-primary,#fff)}.confirm-dialog__button--cancel:hover{background:var(--bg-hover,#4a4a4a)}.confirm-dialog__button--confirm{color:#fff;font-weight:600}.confirm-dialog__button--warning{background:#f59e0b}.confirm-dialog__button--warning:hover{background:#d97706}.confirm-dialog__button--danger{background:#ef4444}.confirm-dialog__button--danger:hover{background:#dc2626}.confirm-dialog__button--info{background:#3b82f6}.confirm-dialog__button--info:hover{background:#2563eb}.confirm-dialog__button:focus{outline:2px solid var(--primary-color,#007bff);outline-offset:2px}.confirm-dialog__button:active{transform:scale(.98)}@media (prefers-color-scheme:dark){.confirm-dialog{background:#1a1a1a;border-color:#333}.confirm-dialog__header{border-color:#333}.confirm-dialog__button--cancel{background:#2a2a2a}.confirm-dialog__button--cancel:hover{background:#3a3a3a}}.conversation-list{flex-direction:column;flex:1;display:flex;overflow:hidden}.list-header{border-bottom:1px solid var(--glass-border);padding:20px 16px 12px}.list-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:600}.conversation-items{flex:1;padding:8px;overflow-y:auto}.conversation-items::-webkit-scrollbar{width:4px}.conversation-items::-webkit-scrollbar-track{background:var(--bg-secondary)}.conversation-items::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.conversation-items::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.conversation-item{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;padding:12px 16px;transition:all .15s;display:flex;position:relative}.conversation-item:hover{background:#ffffff14}.conversation-item.active{border-left:3px solid var(--accent-primary);background:#58a6ff26;padding-left:13px}.conversation-content{flex:1;min-width:0}.conversation-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:1.5;overflow:hidden}.conversation-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.conversation-item:hover .conversation-actions{opacity:1}.action-button{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:16px;line-height:1;transition:all .15s}.action-button:hover{opacity:1;background:#ffffff1a;transform:scale(1.15)}.action-button.delete:hover{background:#ef444426}.edit-input{background:var(--bg-secondary);border:2px solid var(--accent-primary);width:100%;color:var(--text-primary);padding:var(--space-sm)var(--space-md);border-radius:6px;font-family:inherit;font-size:14px}.edit-input:focus{border-color:var(--accent-hover);outline:none;box-shadow:0 0 0 2px #58a6ff33}.loading{text-align:center;color:var(--text-secondary);padding:var(--space-xl);font-size:14px}.error-message{border:1px solid var(--error);padding:var(--space-sm);color:var(--error);margin:var(--space-sm);background:#f851491a;border-radius:8px;font-size:13px}.empty-state{text-align:center;padding:var(--space-md)var(--space-sm);color:var(--text-secondary)}.empty-state p{margin:0 0 var(--space-sm)0;font-size:16px}.empty-state small{color:var(--text-secondary);opacity:.7;font-size:13px}:root{--gradient-primary-start:#667eea;--gradient-primary-end:#764ba2;--gradient-primary:linear-gradient(135deg,var(--gradient-primary-start)0%,var(--gradient-primary-end)100%);--color-primary:#667eea;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-accent:#764ba2;--color-accent-light:#9333ea;--color-accent-dark:#6b21a8;--accent-primary:#58a6ff;--accent-hover:#79c0ff;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-success-bg:#10b9811a;--success:#3fb950;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-warning-bg:#f59e0b1a;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-bg:#ef44441a;--error:#f85149;--color-info:#3b82f6;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-info-bg:#3b82f61a;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-elevated:#1c2128;--bg-hover:#ffffff0d;--bg-active:#ffffff1a;--color-surface:#1c2128cc;--color-surface-elevated:#21262de6;--color-surface-hover:#ffffff14;--color-surface-active:#ffffff1f;--text-primary:#e6edf3;--text-secondary:#7d8590;--text-tertiary:#888;--text-muted:#666;--text-disabled:#fff6;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--border-primary:#30363d;--border-secondary:#444;--border-focus:var(--color-primary);--color-border:var(--border-primary);--color-border-secondary:var(--border-secondary);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--space-xs:var(--space-1);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--font-family-base:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"Courier New",Courier,monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:15px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 12px 24px #0003;--shadow-2xl:0 20px 40px #00000040;--shadow-glow:0 8px 20px #667eea66;--glow-primary:0 0 20px #58a6ff4d;--glow-accent:0 0 12px #58a6ff33;--glass-bg:#1e293b99;--glass-border:#ffffff1a;--glass-hover:#ffffff14;--glass-shadow:0 4px 30px #0000004d;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--z-notification:1300;--z-portal:9000;--z-portal-dropdown:9100;--z-portal-modal:9500;--z-portal-tooltip:9900;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease:ease;--transition-fast:all var(--duration-fast)var(--ease-out);--transition-base:all var(--duration-base)var(--ease-out);--transition-slow:all var(--duration-slow)var(--ease-out);--btn-padding-x:var(--space-6);--btn-padding-y:var(--space-3);--btn-font-size:var(--font-size-base);--btn-font-weight:var(--font-weight-semibold);--btn-border-radius:var(--radius-lg);--input-padding-x:var(--space-4);--input-padding-y:var(--space-3);--input-border-width:2px;--input-border-radius:var(--radius-lg);--input-bg:var(--bg-secondary);--input-border:var(--border-primary);--input-focus-border:var(--border-focus);--card-padding:var(--space-10);--card-border-radius:var(--radius-2xl);--card-bg:var(--bg-primary);--card-shadow:var(--shadow-2xl);--sidebar-width:280px;--header-height:64px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.m-0{margin:0}.p-0{padding:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.animate-fadeIn{animation:fadeIn var(--duration-base)var(--ease-out)}.animate-slideIn{animation:slideIn var(--duration-slow)var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out)infinite}.animate-shake{animation:shake var(--duration-slow)var(--ease-in-out)}.animate-spin{animation:1s linear infinite spin}.auth-container{background:var(--gradient-primary);width:100vw;min-height:100vh;padding:var(--space-5);justify-content:center;align-items:flex-start;margin:0;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.auth-card{background:var(--card-bg);border-radius:var(--card-border-radius);padding:var(--card-padding);width:100%;max-width:450px;max-height:95vh;box-shadow:var(--card-shadow);animation:slideIn var(--duration-slow)var(--ease-out);margin:var(--space-5)0;overflow-y:auto}.auth-title{color:var(--text-primary);font-size:var(--font-size-3xl);margin:0 0 var(--space-3)0;text-align:center;font-weight:var(--font-weight-bold)}.auth-subtitle{color:var(--text-tertiary);text-align:center;margin:0 0 var(--space-8)0;font-size:var(--font-size-sm)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group input{background:var(--input-bg);border:var(--input-border-width)solid var(--input-border);border-radius:var(--input-border-radius);color:var(--text-primary);padding:var(--input-padding-y)var(--input-padding-x);font-size:var(--font-size-base);transition:var(--transition-base)}.form-group input:focus{border-color:var(--input-focus-border);background:var(--bg-tertiary);outline:none}.form-group input::placeholder{color:#9ca3afcc}.form-group input.error{border-color:var(--color-error);background:#ef44440d}.form-group input.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.auth-error{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);color:var(--color-error);font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);animation:shake var(--duration-slow);display:flex}.password-requirements{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);margin-top:calc(var(--space-3)*-1)}.password-requirements small{color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.auth-button{background:var(--gradient-primary);border-radius:var(--btn-border-radius);color:var(--text-primary);padding:var(--btn-padding-y)var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:var(--transition-base);margin-top:var(--space-3);border:none}.auth-button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:var(--space-8);text-align:center;padding-top:var(--space-5);border-top:1px solid var(--border-primary)}.auth-footer p{color:var(--text-tertiary);margin:0 0 var(--space-3)0;font-size:var(--font-size-sm)}.auth-link{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--duration-base);background:0 0;border:none;padding:0}.auth-link:hover:not(:disabled){color:var(--color-accent);text-decoration:underline}.auth-link:disabled{opacity:.6;cursor:not-allowed}.auth-header{margin-bottom:var(--space-8);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.app-logo{font-size:48px;line-height:1}.security-badge{background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);color:var(--color-success);font-size:var(--font-size-xs);text-align:center;margin-top:var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.auth-info{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);color:var(--color-info);font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);display:flex}.field-required{color:var(--color-error);margin-left:var(--space-1)}.field-hint{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:var(--space-1)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:50px}.password-toggle{right:var(--space-3);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-1)var(--space-2);transition:var(--transition-base);border-radius:var(--radius-sm);background:0 0;border:none;position:absolute}.password-toggle:hover:not(:disabled){background:var(--bg-hover);color:var(--color-primary)}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.password-strength{margin-top:var(--space-2)}.strength-bar{background:var(--border-primary);border-radius:var(--radius-sm);height:4px;margin-bottom:var(--space-2);overflow:hidden}.strength-fill{height:100%;transition:all var(--duration-slow)var(--ease-out);border-radius:var(--radius-sm)}.password-strength small{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.auth-input{background:var(--input-bg);border:var(--input-border-width)solid var(--input-border);border-radius:var(--input-border-radius);color:var(--text-primary);padding:var(--input-padding-y)var(--input-padding-x);font-size:var(--font-size-base);transition:var(--transition-base);width:100%}.auth-input:focus{border-color:var(--input-focus-border);background:var(--bg-tertiary);outline:none;box-shadow:0 0 0 3px #667eea1a}.auth-input:disabled{opacity:.6;cursor:not-allowed}@media (max-width:600px){.auth-container{padding:var(--space-3)}.auth-card{padding:var(--space-5)var(--space-4);max-height:none;margin:var(--space-3)0}.auth-title{font-size:var(--font-size-2xl)}.security-badge{padding:var(--space-2)var(--space-3);font-size:11px}.oauth-buttons{flex-direction:column}}.auth-success-message{text-align:center;padding:var(--space-6)}.auth-success-message .success-icon{margin-bottom:var(--space-4);font-size:48px}.auth-success-message h3{color:var(--color-success);font-size:var(--font-size-xl);margin:0 0 var(--space-4)0}.auth-success-message p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4)0}.success-steps{text-align:left;color:var(--text-secondary);margin:var(--space-4)0;padding-left:var(--space-6)}.success-steps li{margin-bottom:var(--space-2);line-height:var(--line-height-relaxed)}.success-note{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-lg);padding:var(--space-3)var(--space-4);color:var(--color-info);font-size:var(--font-size-sm);margin-top:var(--space-4)}.forgot-password-link{text-align:center;margin-top:var(--space-2)}.auth-link-inline{color:var(--text-tertiary);font-size:var(--font-size-sm);transition:color var(--duration-base);text-decoration:none}.auth-link-inline:hover{color:var(--color-primary);text-decoration:underline}.auth-divider{text-align:center;margin:var(--space-6)0;color:var(--text-tertiary);font-size:var(--font-size-sm);align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-primary);flex:1}.auth-divider span{padding:0 var(--space-4)}.oauth-buttons{gap:var(--space-3);flex-direction:column;display:flex}.oauth-button{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--btn-border-radius);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);display:flex}.oauth-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-secondary)}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.oauth-google:hover:not(:disabled){border-color:#4285f4}.oauth-github:hover:not(:disabled){border-color:#6e5494}.oauth-message{padding:var(--space-3)var(--space-4);text-align:center;font-size:var(--font-size-sm);z-index:1000;justify-content:center;align-items:center;gap:var(--space-2);display:flex;position:fixed;top:0;left:0;right:0}.oauth-message-pending{background:var(--color-info-bg);color:var(--color-info);border-bottom:1px solid var(--color-info)}.oauth-message-error{background:var(--color-error-bg);color:var(--color-error);border-bottom:1px solid var(--color-error)}.oauth-message-success{background:var(--color-success-bg);color:var(--color-success);border-bottom:1px solid var(--color-success)}.oauth-message-close{color:inherit;font-size:var(--font-size-lg);cursor:pointer;margin-left:var(--space-4);opacity:.7;transition:opacity var(--duration-base);background:0 0;border:none;padding:0}.oauth-message-close:hover{opacity:1}.profile-overlay{top:0;left:var(--sidebar-width,280px);background:var(--color-bg-overlay);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);z-index:var(--z-modal);animation:fadeIn var(--transition-base);justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;right:0}.profile-modal{background:var(--glass-bg);width:90%;max-width:700px;max-height:85vh;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-slow);flex-direction:column;display:flex;overflow:hidden}.profile-header{padding:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.profile-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.profile-close{padding:var(--space-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.profile-close:hover{color:var(--color-text-primary);background:#ffffff1a}.profile-user-info{align-items:center;gap:var(--space-md);padding:var(--space-xl);background:rgba(var(--color-primary),.05);border-bottom:1px solid var(--color-border);display:flex}.profile-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));width:80px;height:80px;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;text-transform:uppercase;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex}.profile-user-details h3{margin:0 0 var(--space-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.profile-user-details p{margin:0 0 var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-badge{padding:var(--space-xs)var(--space-md);background:var(--color-surface);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:inline-block}.profile-tabs{border-bottom:1px solid var(--color-border);padding:0 var(--space-xl);background:#0003;display:flex}.profile-tab{padding:var(--space-md)var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.profile-tab:hover{color:var(--color-text-primary)}.profile-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-content{padding:var(--space-xl);flex:1;overflow-y:auto}.profile-section{max-width:500px}.profile-section h3{margin:0 0 var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.profile-field{margin-bottom:var(--space-md)}.profile-field label{margin-bottom:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.profile-field input{width:100%;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.profile-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20);outline:none}.profile-field input.disabled,.profile-field input:disabled{opacity:.6;cursor:not-allowed;background:#0003}.profile-field small{margin-top:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.profile-button{padding:var(--space-md)var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-md);border:none}.profile-button:disabled{opacity:.5;cursor:not-allowed}.profile-button.primary{background:var(--color-primary);color:#fff}.profile-button.primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-button.danger{background:var(--color-error);color:#fff}.profile-button.danger:hover:not(:disabled){background:var(--color-error-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.danger-zone{padding:var(--space-md);background:rgba(var(--color-error),.05);border:1px solid var(--color-error);border-radius:var(--radius-lg)}.danger-warning{padding:var(--space-md);background:rgba(var(--color-error),.1);border-left:3px solid var(--color-error);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.danger-action{padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.danger-action h4{margin:0 0 var(--space-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.danger-action p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.profile-select{width:100%;padding:var(--space-sm)var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.profile-select:hover{border-color:var(--color-primary)}.profile-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f633}.checkbox-label{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-label span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.profile-field input[type=range]{border-radius:var(--radius-full);background:var(--color-bg-tertiary);cursor:pointer;width:100%;height:6px;accent-color:var(--color-primary)}.profile-section h3{margin-top:var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-size-md);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);font-weight:600}.profile-section h3:first-child{margin-top:0}.coming-soon{border-radius:var(--radius-md);padding:var(--space-md);background:#fbbf241a;border:1px dashed #fbbf2480}.coming-soon p{margin:var(--space-xs)0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-actions{align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex}.profile-button.secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.profile-button.secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.sync-indicator{font-size:var(--font-size-sm);color:var(--color-text-muted);animation:1.5s infinite pulse}@media (max-width:768px){.profile-modal{width:95%;max-height:90vh}.profile-header{padding:var(--space-sm)}.profile-user-info{text-align:center;flex-direction:column}.profile-tabs{padding:0 var(--space-md)}.profile-tab{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-xs)}.profile-content{padding:var(--space-md)}.danger-action{flex-direction:column;align-items:flex-start}}.statistics-overlay{top:0;left:var(--sidebar-width,280px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;bottom:0;right:0}.statistics-modal{background:var(--color-surface-elevated);border-radius:var(--radius-xl);width:90%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s ease-out slideUp;display:flex;overflow:hidden}.statistics-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.statistics-header h2{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:600}.statistics-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.statistics-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:scale(1.1)}.statistics-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.statistics-loading{padding:var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.statistics-loading .spinner{border:4px solid var(--color-border-secondary);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.statistics-loading p{color:var(--color-text-secondary);margin:0}.statistics-error{padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-danger);text-align:center;background:#f871711a;border:1px solid #f871714d}.statistics-error p{margin:0}.stats-overview{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:linear-gradient(135deg,var(--color-surface-elevated)0%,var(--color-surface)100%);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);transition:all .3s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.stat-icon{background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.stat-primary .stat-icon{background:#3b82f626}.stat-secondary .stat-icon{background:#8b5cf626}.stat-accent .stat-icon{background:#ec489926}.stat-content{flex:1}.stat-value{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:500}.stats-section{margin-bottom:var(--spacing-xl)}.stats-section h3{margin:0 0 var(--spacing-md)0;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.messages-breakdown{gap:var(--spacing-md);background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-secondary);flex-direction:column;display:flex}.message-stat{gap:var(--spacing-xs);flex-direction:column;display:flex}.message-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.message-value{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.message-bar{background:var(--color-surface-elevated);border-radius:var(--radius-full);height:8px;margin-top:var(--spacing-xs);overflow:hidden}.message-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.message-bar-fill.user{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.message-bar-fill.assistant{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.models-list{gap:var(--spacing-md);flex-direction:column;display:flex}.model-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);transition:all .2s;display:flex}.model-item:hover{border-color:var(--color-primary);transform:translate(4px)}.model-rank{color:var(--color-primary);text-align:center;min-width:40px;font-size:1.25rem;font-weight:700}.model-info{flex:1}.model-name{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.9375rem;font-weight:500}.model-bar{background:var(--color-surface-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.model-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.model-count{color:var(--color-text-primary);text-align:right;min-width:50px;font-size:1.125rem;font-weight:700}.activity-chart{justify-content:space-between;align-items:flex-end;gap:var(--spacing-xs);height:200px;padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);display:flex}.activity-bar-container{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;height:100%;display:flex}.activity-bar{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-hover));border-radius:var(--radius-md)var(--radius-md)0 0;cursor:pointer;width:100%;min-height:5%;padding-top:var(--spacing-xs);justify-content:center;align-items:flex-start;transition:all .3s;display:flex;position:relative}.activity-bar:hover{opacity:.8;transform:scaleY(1.05)}.activity-count{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:.75rem;font-weight:700}.activity-date{color:var(--color-text-secondary);white-space:nowrap;transform-origin:50%;margin-top:auto;font-size:.75rem;transform:rotate(-45deg)}.stats-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.stats-empty p{margin:0;font-size:1.125rem}@media (max-width:768px){.statistics-modal{border-radius:0;width:100%;max-width:100%;max-height:100vh}.stats-overview{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stat-value{font-size:1.5rem}.activity-chart{height:150px;padding:var(--spacing-md)}.activity-date{font-size:.625rem}.model-item{padding:var(--spacing-sm)}.model-rank{min-width:30px;font-size:1rem}}@media (max-width:480px){.statistics-header{padding:var(--spacing-md)}.statistics-header h2{font-size:1.25rem}.statistics-content{padding:var(--spacing-md)}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}}.token-expiry-indicator{z-index:var(--z-modal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.token-icon{font-size:18px}.token-text{color:#fff}.token-text strong{font-size:15px;font-weight:700}.token-expiry-indicator.info{color:#fff;background:#3b82f6e6;border:1px solid #3b82f6}.token-expiry-indicator.warning{color:#fff;background:#f59e0be6;border:1px solid #f59e0b;animation:2s ease-in-out infinite pulse}.token-expiry-indicator.danger{color:#fff;background:#ef4444e6;border:1px solid #ef4444;animation:.5s ease-in-out infinite shake}@media (max-width:768px){.token-expiry-indicator{padding:10px 16px;font-size:12px;top:10px;left:10px;right:10px}.token-icon{font-size:16px}.token-text strong{font-size:13px}}.agent-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-portal-modal);background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.agent-modal{background:var(--bg-secondary,#1e1e2e);border:1px solid var(--glass-border,#404050);border-radius:12px;flex-direction:column;max-height:90vh;animation:.2s ease-out modalSlideIn;display:flex;box-shadow:0 8px 32px #0006}.agent-modal--small{width:360px}.agent-modal--medium{width:480px}.agent-modal--large{width:640px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.agent-modal__header{border-bottom:1px solid var(--glass-border,#404050);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.agent-modal__title{color:var(--color-text-primary,#fff);margin:0;font-size:1.1rem;font-weight:600}.agent-modal__close{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.2rem;transition:all .15s}.agent-modal__close:hover{color:var(--color-text-primary,#fff);background:#ffffff1a}.agent-modal__content{padding:20px;overflow-y:auto}.agent-form{flex-direction:column;gap:16px;display:flex}.agent-form__group{flex-direction:column;gap:6px;display:flex}.agent-form__label{color:var(--color-text-secondary,#aaa);font-size:.875rem;font-weight:500}.agent-form__label.required:after{content:" *";color:#f87171}.agent-form__input,.agent-form__select,.agent-form__textarea{border:1px solid var(--glass-border,#404050);color:var(--color-text-primary,#fff);background:#0003;border-radius:6px;padding:10px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.agent-form__input:focus,.agent-form__select:focus,.agent-form__textarea:focus{border-color:var(--color-accent,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f133}.agent-form__input::placeholder,.agent-form__textarea::placeholder{color:var(--color-text-muted,#666)}.agent-form__textarea{resize:vertical;min-height:80px}.agent-form__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.agent-form__select option{color:#fff;background:#1e1e2e;padding:10px}.agent-form__select option:hover,.agent-form__select option:checked{color:#fff;background:#6366f1}.agent-form__hint{color:var(--color-text-muted,#666);margin-top:2px;font-size:.75rem}.agent-form__error{color:#f87171;margin-top:2px;font-size:.75rem}.agent-form__actions{border-top:1px solid var(--glass-border,#404050);justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.agent-form__btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .15s}.agent-form__btn--primary{background:var(--color-accent,#6366f1);color:#fff}.agent-form__btn--primary:hover{background:var(--color-accent-hover,#5558e3)}.agent-form__btn--primary:disabled{opacity:.5;cursor:not-allowed}.agent-form__btn--secondary{color:var(--color-text-secondary,#aaa);background:#ffffff1a}.agent-form__btn--secondary:hover{background:#ffffff26}.agent-form__row{gap:12px;display:flex}.agent-form__row>.agent-form__group{flex:1}@media (max-width:768px){.agent-modal-overlay{align-items:flex-start;padding:10vh 1rem 1rem}.agent-modal,.agent-modal--small,.agent-modal--medium,.agent-modal--large{border-radius:12px;width:100%;max-width:100%;margin:0}.agent-modal__header{padding:14px 16px}.agent-modal__content{padding:16px}.agent-form__row{flex-direction:column;gap:16px}.agent-form__actions{flex-direction:column-reverse;gap:8px}.agent-form__btn{justify-content:center;width:100%}}.agents-panel{gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;display:flex}.agents-panel.compact{gap:1px}.collapsible-section{border-radius:var(--radius-sm);overflow:hidden}.section-header{width:100%;padding:var(--space-sm)var(--space-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:#58a6ff0d;border:1px solid #58a6ff33;border-radius:6px;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.section-header:hover{border-color:var(--accent-primary);background:#58a6ff1a}.collapsible-section.open .section-header{border-bottom-color:#0000;border-radius:6px 6px 0 0}.section-icon{flex-shrink:0;font-size:1rem}.section-title{font-weight:500;font-size:var(--font-size-sm);flex:1}.section-count{color:#a5b4fc;text-align:center;background:#6366f133;border-radius:10px;min-width:24px;padding:2px 8px;font-size:11px;font-weight:600}.section-count.empty{color:var(--color-text-muted);background:#ffffff0d}.section-chevron{color:var(--color-text-muted);font-size:10px;transition:transform .2s}.section-chevron.open{transform:rotate(180deg)}.section-content{background:#58a6ff05;border:1px solid #58a6ff33;border-top:none;border-radius:0 0 6px 6px;padding:8px;animation:.15s slideDown}.section-empty{justify-content:center;padding:8px;display:flex}.create-new-btn{border-radius:var(--radius-sm);color:#a5b4fc;font-size:var(--font-size-sm);cursor:pointer;background:#6366f11a;border:1px dashed #6366f14d;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 16px;transition:all .15s;display:flex}.create-new-btn:hover{background:#6366f133;border-color:#6366f180}.create-new-btn .btn-icon{font-size:1.1rem;font-weight:300}.create-new-btn .btn-label{font-weight:500}.section-items{flex-direction:column;gap:4px;display:flex}.agent-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:#ffffff08;border:1px solid #0000;display:flex}.agent-item:hover{border-color:var(--glass-border);background:#ffffff0f}.item-icon{flex-shrink:0;font-size:1rem}.item-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.item-status{color:var(--color-text-muted);font-size:8px}.item-status.active,.item-status.running{color:#4ade80}.item-status.paused{color:#fbbf24}.item-status.error{color:#f87171}.item-meta{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.item-meta .run-count{background:#ffffff1a;border-radius:3px;padding:1px 4px;font-size:10px}.item-meta .word-count:after{content:" parole"}.item-meta .version{opacity:.7;font-size:10px}.empty-icon.loading{animation:1.5s ease-in-out infinite pulse}.agent-item.clickable{cursor:pointer}.agent-item.clickable:active{transform:scale(.98)}.agents-panel.compact .agents-empty-state{padding:var(--space-sm)}.agents-panel.compact .empty-hint{display:none}.agents-panel.compact .section-title{font-size:10px}.agents-create-buttons{margin-top:var(--space-sm);flex-wrap:wrap;gap:8px;display:flex}.agents-create-btn{color:var(--color-text-primary,#fff);font-size:var(--font-size-xs);cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;transition:all .15s;display:flex}.agents-create-btn:hover{background:#6366f140;border-color:#6366f180}.agents-create-btn.small{padding:4px 8px;font-size:10px}.agents-create-section{padding-top:var(--space-sm);border-top:1px solid var(--glass-border);margin-top:var(--space-xs);gap:6px;display:flex}.workspace-item{position:relative}.workspace-item:hover .workspace-actions{opacity:1}.workspace-actions{opacity:0;gap:2px;margin-left:auto;margin-right:4px;transition:opacity .15s;display:flex}.workspace-action-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:4px;padding:2px 6px;font-size:12px;line-height:1;transition:all .15s}.workspace-action-btn:hover{background:#ffffff26;transform:scale(1.1)}.workspace-action-btn.delete:hover{background:#ef444433}.workspace-rename-input{border:1px solid var(--accent-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);background:#0000004d;border-radius:4px;outline:none;flex:1;padding:2px 6px}.workspace-rename-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.workspace-delete-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.workspace-delete-modal{background:var(--color-bg-secondary,#1e1e2e);border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:400px;padding:24px;animation:.2s slideUp;box-shadow:0 20px 40px #00000080}.workspace-delete-modal h3{color:var(--color-text-primary);margin:0 0 12px;font-size:18px}.workspace-delete-modal p{color:var(--color-text-secondary);margin:0 0 8px;font-size:14px}.workspace-delete-modal p strong{color:var(--color-text-primary)}.workspace-delete-info{background:#ffffff0d;border-radius:6px;padding:8px 12px;font-size:13px;margin-bottom:16px!important}.workspace-delete-options{gap:8px;margin-bottom:12px;display:flex}.workspace-delete-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.workspace-delete-btn.archive{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.workspace-delete-btn.archive:hover{background:#fbbf2440;border-color:#fbbf2480}.workspace-delete-btn.permanent{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.workspace-delete-btn.permanent:hover{background:#ef444440;border-color:#ef444480}.workspace-delete-btn.cancel{color:var(--color-text-muted);background:#ffffff0d;border:1px solid #ffffff1a}.workspace-delete-btn.cancel:hover{color:var(--color-text-primary);background:#ffffff1a}.agent-task-viewer{background:var(--color-bg-secondary,#1e1e2e);border-radius:8px;flex-direction:column;gap:1rem;max-height:80vh;padding:1rem;display:flex;overflow-y:auto}.task-header{border-bottom:1px solid var(--color-border,#3a3a4a);flex-direction:column;gap:.75rem;padding-bottom:1rem;display:flex}.task-header-main{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-goal{color:var(--color-text,#e0e0e0);flex:1;margin:0;font-size:1.1rem;font-weight:600}.close-btn{color:var(--color-text-muted,#888);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .2s}.close-btn:hover{color:var(--color-text,#e0e0e0)}.task-meta{flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.task-status{color:var(--status-color,var(--color-text));align-items:center;gap:.25rem;font-weight:500;display:flex}.task-autonomy,.task-id{color:var(--color-text-muted,#888)}.task-progress{background:var(--color-bg-tertiary,#2a2a3a);border-radius:12px;height:24px;position:relative;overflow:hidden}.task-progress-bar{background:linear-gradient(90deg,var(--color-primary,#6366f1),var(--color-primary-light,#818cf8));border-radius:12px;height:100%;transition:width .3s}.task-progress-text{color:var(--color-text,#e0e0e0);text-shadow:0 1px 2px #00000080;font-size:.75rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-actions{flex-wrap:wrap;gap:.5rem;display:flex}.task-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.task-btn:disabled{opacity:.5;cursor:not-allowed}.task-btn--start{background:var(--color-success,#22c55e);color:#fff}.task-btn--start:hover:not(:disabled){background:var(--color-success-dark,#16a34a)}.task-btn--pause{background:var(--color-warning,#f59e0b);color:#fff}.task-btn--pause:hover:not(:disabled){background:var(--color-warning-dark,#d97706)}.task-btn--resume{background:var(--color-info,#3b82f6);color:#fff}.task-btn--resume:hover:not(:disabled){background:var(--color-info-dark,#2563eb)}.task-btn--cancel{background:var(--color-error,#ef4444);color:#fff}.task-btn--cancel:hover:not(:disabled){background:var(--color-error-dark,#dc2626)}.resume-group{flex:1;gap:.5rem;min-width:200px;display:flex}.resume-input{background:var(--color-bg-tertiary,#2a2a3a);border:1px solid var(--color-border,#3a3a4a);color:var(--color-text,#e0e0e0);border-radius:6px;flex:1;padding:.5rem;font-size:.875rem}.resume-input::placeholder{color:var(--color-text-muted,#888)}.interaction-panel{background:var(--color-bg-tertiary,#2a2a3a);border:2px solid var(--color-warning,#f59e0b);border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.interaction-header{align-items:center;gap:.5rem;display:flex}.interaction-icon{font-size:1.25rem}.interaction-title{color:var(--color-text,#e0e0e0);font-weight:600}.interaction-type{text-transform:uppercase;border-radius:4px;margin-left:auto;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.interaction-type--approval{background:var(--color-warning-bg,#f59e0b33);color:var(--color-warning,#f59e0b)}.interaction-type--input{background:var(--color-info-bg,#3b82f633);color:var(--color-info,#3b82f6)}.interaction-type--choice{background:var(--color-primary-bg,#6366f133);color:var(--color-primary,#6366f1)}.interaction-message{color:var(--color-text,#e0e0e0);line-height:1.5}.interaction-tool{color:var(--color-text-muted,#888);font-size:.875rem}.interaction-tool code{background:var(--color-bg-code,#1a1a2a);color:var(--color-primary,#6366f1);border-radius:4px;padding:.125rem .375rem;font-family:JetBrains Mono,monospace}.interaction-args{background:var(--color-bg-code,#1a1a2a);border-radius:4px;max-height:150px;margin-top:.5rem;padding:.5rem;font-size:.75rem;overflow-x:auto}.interaction-options{flex-wrap:wrap;gap:.5rem;display:flex}.option-btn{background:var(--color-bg-secondary,#1e1e2e);border:1px solid var(--color-border,#3a3a4a);color:var(--color-text,#e0e0e0);cursor:pointer;border-radius:6px;padding:.5rem 1rem;transition:all .2s}.option-btn:hover{border-color:var(--color-primary,#6366f1)}.option-btn.selected{background:var(--color-primary,#6366f1);border-color:var(--color-primary,#6366f1);color:#fff}.interaction-feedback label,.interaction-modify label{color:var(--color-text-muted,#888);margin-bottom:.25rem;font-size:.875rem;display:block}.interaction-feedback textarea,.interaction-modify textarea{background:var(--color-bg-secondary,#1e1e2e);border:1px solid var(--color-border,#3a3a4a);width:100%;color:var(--color-text,#e0e0e0);resize:vertical;border-radius:6px;padding:.5rem;font-family:inherit;font-size:.875rem}.interaction-modify textarea{font-family:JetBrains Mono,monospace}.interaction-actions{gap:.5rem;margin-top:.5rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.625rem 1rem;font-weight:500;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn--approve{background:var(--color-success,#22c55e);color:#fff}.action-btn--approve:hover:not(:disabled){background:var(--color-success-dark,#16a34a)}.action-btn--modify{background:var(--color-warning,#f59e0b);color:#fff}.action-btn--modify:hover:not(:disabled){background:var(--color-warning-dark,#d97706)}.action-btn--reject{background:var(--color-error,#ef4444);color:#fff}.action-btn--reject:hover:not(:disabled){background:var(--color-error-dark,#dc2626)}.task-steps{flex-direction:column;gap:.5rem;display:flex}.steps-title{color:var(--color-text-muted,#888);margin:0;font-size:.875rem;font-weight:600}.steps-empty{text-align:center;color:var(--color-text-muted,#888);padding:2rem;font-style:italic}.steps-timeline{flex-direction:column;display:flex}.step-item{gap:.75rem;padding:.5rem 0;display:flex}.step-timeline{flex-direction:column;align-items:center;width:20px;display:flex}.step-dot{background:var(--color-border,#3a3a4a);border:2px solid var(--color-bg-secondary,#1e1e2e);z-index:1;border-radius:50%;width:12px;height:12px}.step-item--success .step-dot{background:var(--color-success,#22c55e)}.step-item--error .step-dot{background:var(--color-error,#ef4444)}.step-item--running .step-dot{background:var(--color-primary,#6366f1);animation:1s infinite pulse}.step-line{background:var(--color-border,#3a3a4a);flex:1;width:2px;margin-top:-2px}.step-item--last .step-line{display:none}.step-content{flex:1;min-width:0}.step-header{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.step-icon{font-size:1rem}.step-number{color:var(--color-text-muted,#888);font-weight:500}.step-type{color:var(--color-text,#e0e0e0);font-weight:500}.step-tool{background:var(--color-bg-code,#1a1a2a);color:var(--color-primary,#6366f1);border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.step-time{color:var(--color-text-muted,#888);margin-left:auto;font-size:.75rem}.step-duration{color:var(--color-text-muted,#888);background:var(--color-bg-tertiary,#2a2a3a);border-radius:4px;padding:.125rem .375rem;font-size:.75rem}.step-expand{color:var(--color-text-muted,#888);margin-left:.25rem;font-size:.625rem}.step-body{background:var(--color-bg-tertiary,#2a2a3a);border-radius:6px;max-height:200px;margin-top:.5rem;padding:.5rem;overflow:auto}.step-body pre{white-space:pre-wrap;word-break:break-word;color:var(--color-text,#e0e0e0);margin:0;font-size:.75rem}.step-error{background:var(--color-error-bg,#ef444426);color:var(--color-error,#ef4444);border-radius:4px;margin-top:.25rem;padding:.375rem .5rem;font-size:.75rem}.task-result,.task-error{border-radius:8px;padding:1rem}.task-result{background:var(--color-success-bg,#22c55e26);border:1px solid var(--color-success,#22c55e)}.task-result h4{color:var(--color-success,#22c55e);margin:0 0 .5rem;font-size:.875rem}.task-result p{color:var(--color-text,#e0e0e0);margin:0;line-height:1.5}.task-error{background:var(--color-error-bg,#ef444426);border:1px solid var(--color-error,#ef4444)}.task-error h4{color:var(--color-error,#ef4444);margin:0 0 .5rem;font-size:.875rem}.task-error pre{white-space:pre-wrap;word-break:break-word;color:var(--color-text,#e0e0e0);margin:0;font-size:.75rem}.tasks-sidebar{background:var(--surface-secondary,#1e1e1e);border-radius:8px;margin-bottom:.5rem;transition:all .2s;overflow:hidden}.tasks-sidebar.compact{font-size:.9em}.tasks-header{width:100%;color:var(--text-primary,#e0e0e0);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}.tasks-header:hover{background:var(--surface-hover,#2a2a2a)}.tasks-icon{font-size:1.1rem}.tasks-title{flex:1}.tasks-count{background:var(--accent-primary,#3b82f6);color:#fff;border-radius:10px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:flex}.overdue-badge{background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:.25rem;padding:0 .25rem;font-size:.65rem;animation:2s infinite pulse;display:inline-flex}.tasks-chevron{color:var(--text-secondary,#888);font-size:.7rem;transition:transform .2s}.tasks-chevron.open{transform:rotate(180deg)}.tasks-content{padding:0 .75rem .75rem;animation:.2s slideDown}.tasks-filters{background:var(--surface-tertiary,#252525);border-radius:6px;gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:flex}.filter-btn{color:var(--text-secondary,#888);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;flex:1;padding:.375rem .5rem;font-size:.7rem;font-weight:500;transition:all .15s}.filter-btn:hover{background:var(--surface-hover,#2a2a2a);color:var(--text-primary,#e0e0e0)}.filter-btn.active{background:var(--accent-primary,#3b82f6);color:#fff}.filter-btn.overdue{color:#ef4444}.filter-btn.overdue.active{color:#fff;background:#ef4444}.tasks-list{max-height:300px;margin-bottom:.5rem;overflow-y:auto}.tasks-loading,.tasks-empty{text-align:center;color:var(--text-secondary,#888);padding:1.5rem 1rem;font-size:.85rem}.empty-hint{color:var(--text-tertiary,#666);margin-top:.5rem;font-size:.75rem}.tasks-more{text-align:center;color:var(--text-secondary,#888);padding:.5rem;font-size:.75rem;font-style:italic}.task-item{background:var(--surface-tertiary,#252525);cursor:pointer;border-left:3px solid #0000;border-radius:6px;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;padding:.5rem;transition:all .15s;display:flex}.task-item:hover{background:var(--surface-hover,#2a2a2a)}.task-item.completed{opacity:.6}.task-item.overdue{background:#ef44441a;border-left-color:#ef4444}.task-item:focus{outline:2px solid var(--accent-primary,#3b82f6);outline-offset:2px}.task-checkbox{width:1.25rem;height:1.25rem;color:var(--accent-success,#22c55e);flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;display:flex}.checkbox-empty{border:2px solid var(--border-secondary,#444);border-radius:3px;width:14px;height:14px;transition:all .15s}.task-item:hover .checkbox-empty{border-color:var(--accent-primary,#3b82f6)}.task-content{flex:1;min-width:0;overflow:hidden}.task-title{color:var(--text-primary,#e0e0e0);align-items:center;gap:.375rem;font-size:.85rem;line-height:1.3;display:flex}.task-title span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.completed-text{color:var(--text-secondary,#888);text-decoration:line-through}.priority-icon{flex-shrink:0;font-size:.65rem}.task-meta{color:var(--text-secondary,#888);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.7rem;display:flex}.due-date{align-items:center;gap:.25rem;display:inline-flex}.due-date.overdue{color:#ef4444;font-weight:500}.tags{flex-wrap:wrap;gap:.25rem;display:flex}.tag{background:var(--surface-secondary,#1e1e1e);border-radius:3px;padding:.125rem .375rem;font-size:.65rem}.tag.more{background:var(--accent-secondary,#6366f1);color:#fff}.sync-indicator{font-size:.75rem;animation:1.5s linear infinite spin}.tasks-stats{background:var(--surface-tertiary,#252525);border-radius:6px;justify-content:space-around;margin:.5rem 0;padding:.5rem;display:flex}.stat{flex-direction:column;align-items:center;gap:.125rem;display:flex}.tasks-refresh{border:1px dashed var(--border-secondary,#444);width:100%;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem;font-size:.75rem;transition:all .15s;display:flex}.tasks-refresh:hover:not(:disabled){background:var(--surface-hover,#2a2a2a);border-color:var(--accent-primary,#3b82f6);color:var(--accent-primary,#3b82f6)}.tasks-refresh:disabled{cursor:not-allowed;opacity:.5}.tasks-list::-webkit-scrollbar{width:6px}.tasks-list::-webkit-scrollbar-track{background:0 0}.tasks-list::-webkit-scrollbar-thumb{background:var(--border-secondary,#444);border-radius:3px}.tasks-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary,#888)}.workspace-selector{display:inline-block;position:relative}.workspace-selector.disabled{opacity:.5;pointer-events:none}.workspace-selector-button{border:1px solid var(--border-color,#e0e0e0);background:var(--bg-secondary,#f5f5f5);color:var(--text-primary,#333);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;transition:all .2s;display:flex}.compact .workspace-selector-button{min-width:auto;padding:4px 8px}.workspace-selector-button:hover:not(:disabled){background:var(--bg-hover,#eaeaea);border-color:var(--primary-color,#667eea)}.workspace-selector-button:disabled{cursor:not-allowed}.workspace-selector-button.linked{border-color:var(--success-color,#28a745);background:#28a7451a}.ws-icon{font-size:16px}.ws-label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.ws-arrow{color:var(--text-secondary,#666);font-size:8px}.ws-loading{animation:1s linear infinite spin}.workspace-selector-dropdown{z-index:var(--z-modal);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:10px;min-width:240px;max-height:300px;animation:.15s slideDown;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.ws-header{border-bottom:1px solid var(--border-color,#e0e0e0);background:linear-gradient(135deg,var(--primary-color,#667eea)0%,var(--secondary-color,#764ba2)100%);border-radius:9px 9px 0 0;padding:10px 14px}.ws-header-title{color:#fff;font-size:12px;font-weight:600}.ws-loading-state,.ws-empty-state{text-align:center;color:var(--text-secondary,#666);padding:20px;font-size:13px}.ws-list{padding:4px 0}.ws-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:background .15s;display:flex}.ws-option:hover{background:var(--bg-hover,#f5f5f5)}.ws-option.selected{background:var(--bg-selected,#e8f0fe)}.ws-option:disabled{opacity:.5;cursor:wait}.ws-option-icon{background:var(--bg-secondary,#f5f5f5);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.ws-option-content{flex:1;min-width:0}.ws-option-name{color:var(--text-primary,#333);font-size:13px;font-weight:500;display:block}.ws-option-desc{color:var(--text-secondary,#666);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.ws-check{color:var(--success-color,#28a745);font-weight:700}.ws-hint{border-top:1px solid var(--border-color,#e0e0e0);text-align:center;color:var(--text-secondary,#888);background:var(--bg-secondary,#f9f9f9);border-radius:0 0 9px 9px;padding:8px 14px}@media (prefers-color-scheme:dark){.workspace-selector-button{background:var(--bg-secondary,#2a2a2a);border-color:var(--border-color,#444);color:var(--text-primary,#e0e0e0)}.workspace-selector-button:hover:not(:disabled){background:var(--bg-hover,#3a3a3a)}.workspace-selector-button.linked{background:#28a74533}.workspace-selector-dropdown{background:var(--bg-primary,#1e1e1e);border-color:var(--border-color,#444);box-shadow:0 4px 16px #0000004d}.ws-option:hover{background:var(--bg-hover,#2a2a2a)}.ws-option.selected{background:#667eea33}.ws-option-icon{background:var(--bg-secondary,#2a2a2a)}.ws-hint{background:var(--bg-secondary,#252525)}}.companion-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;transition:all .2s;overflow:hidden}.companion-panel--purple{background:#a855f714;border-color:#a855f74d}.companion-panel--gray{background:#9ca3af0d;border-color:#9ca3af33}.companion-panel-header{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:inherit;transition:background .2s;display:flex}.companion-panel-header:hover{background:#ffffff0a}.companion-panel-header:focus{background:#a855f71a;outline:none}.companion-panel-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.companion-panel-indicator--purple{color:#c084fc;background:#a855f733}.companion-panel-indicator--gray{color:#9ca3af;background:#9ca3af26}.companion-panel-indicator--active{animation:2s ease-in-out infinite companionPulse}.companion-panel-icon{width:16px;height:16px}.companion-panel-text{color:#ffffffd9;white-space:nowrap;flex:1;font-size:.8rem;font-weight:500}.companion-panel--gray .companion-panel-text{color:#ffffff80}.companion-panel-chevron{color:#fff6;font-size:.7rem;transition:transform .2s}.companion-panel-chevron--open{transform:rotate(180deg)}.companion-panel-content{border-top:1px solid #ffffff0f;padding:.5rem .75rem .75rem;animation:.2s panelSlideDown}@keyframes panelSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.companion-panel-section{margin-bottom:.75rem}.companion-panel-section-header{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.7rem;font-weight:600;display:flex}.companion-panel-section-icon{font-size:.8rem}.companion-panel-section-title{flex:1}.companion-panel-device{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.companion-panel-device:last-child{border-bottom:none}.companion-panel-device-info{flex-direction:column;gap:.1rem;display:flex}.companion-panel-device-name{color:#ffffffe6;font-size:.8rem;font-weight:500}.companion-panel-device-id{color:#fff6;font-family:monospace;font-size:.65rem}.companion-panel-device-caps{gap:.3rem;display:flex}.companion-panel-cap{font-size:.85rem}.companion-panel-download-row{border-top:1px solid #a855f726;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;display:flex}.companion-panel-download-row--centered{justify-content:center}.companion-panel-download-label{color:#ffffff80;font-size:.75rem}.companion-panel-download-btn{color:#c084fc;cursor:pointer;background:#a855f726;border:1px solid #a855f74d;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem;transition:all .2s;display:inline-flex}.companion-panel-download-btn:hover{background:#a855f740;border-color:#a855f780;transform:translateY(-1px)}.companion-panel-download-btn--large{padding:.5rem 1rem;font-size:.8rem;font-weight:500}.companion-panel-empty{text-align:center}.companion-panel-empty-text{color:#ffffff80;margin:0 0 .75rem;font-size:.75rem;line-height:1.5}.companion-badge{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex;position:relative}.companion-badge:hover{background:#ffffff14;transform:translateY(-1px)}.companion-badge:focus{outline:none;box-shadow:0 0 0 2px #a855f766}.companion-badge--purple{background:#a855f714;border-color:#a855f74d}.companion-badge--purple:hover{background:#a855f71f;border-color:#a855f780}.companion-badge--gray{background:#9ca3af0d;border-color:#9ca3af33}.companion-badge--gray:hover{background:#9ca3af14}.companion-badge-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.companion-badge-indicator--purple{color:#c084fc;background:#a855f733}.companion-badge-indicator--gray{color:#9ca3af;background:#9ca3af26}.companion-badge-indicator--active{animation:2s ease-in-out infinite companionPulse}@keyframes companionPulse{0%,to{transform:scale(1);box-shadow:0 0 #a855f766}50%{transform:scale(1.05);box-shadow:0 0 0 4px #a855f700}}.companion-badge-icon{width:16px;height:16px}.companion-badge-text{color:#ffffffd9;white-space:nowrap;font-size:.8rem;font-weight:500}.companion-badge--gray .companion-badge-text{color:#ffffff80}.companion-badge-tooltip{z-index:1000;background:linear-gradient(145deg,#1e1e23fa,#19191efa);border:1px solid #a855f733;border-radius:12px;min-width:220px;padding:0;animation:.2s tooltipFadeIn;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px #0006,0 0 20px #a855f71a}.companion-badge-tooltip:after{content:"";border:8px solid #0000;border-top-color:#1e1e23fa;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.companion-badge-tooltip-header{color:#e2e8f0;background:#a855f714;border-bottom:1px solid #a855f726;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.companion-badge-tooltip-dot{border-radius:50%;width:8px;height:8px}.companion-badge-tooltip-dot--purple{background:#c084fc;box-shadow:0 0 8px #a855f780}.companion-badge-tooltip-dot--gray{background:#6b7280}.companion-badge-tooltip-body{padding:.75rem 1rem}.companion-badge-tooltip-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.companion-badge-tooltip-item:last-of-type{border-bottom:none}.companion-badge-tooltip-name{color:#ffffffe6;font-size:.8rem}.companion-badge-tooltip-caps{font-size:.9rem}.companion-badge-tooltip-footer{color:#a855f7cc;text-align:center;border-top:1px solid #a855f726;margin-top:.75rem;padding-top:.75rem;font-size:.75rem}.companion-badge-tooltip-empty{text-align:center}.companion-badge-tooltip-empty p{color:#fff9;margin:0 0 .5rem;font-size:.75rem;line-height:1.5}.companion-badge-download-btn{color:#c084fc;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#a855f740,#6366f140);border:1px solid #a855f766;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin:.5rem 0;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.companion-badge-download-btn:hover{background:linear-gradient(135deg,#a855f759,#6366f159);border-color:#a855f799;transform:translateY(-1px);box-shadow:0 4px 12px #a855f733}.companion-badge-download-btn svg{flex-shrink:0}.companion-orbital-container{aspect-ratio:1;width:100%;max-width:400px;margin:2rem auto;position:relative}.companion-orbital-center{z-index:10;background:linear-gradient(135deg,#a855f74d,#6366f14d);border:2px solid #a855f780;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #a855f74d,inset 0 0 20px #a855f71a}.companion-orbital-center-icon{color:#c084fc;width:40px;height:40px}.companion-orbital-center-label{color:#ffffffb3;white-space:nowrap;font-size:.75rem;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.companion-orbital-ring{pointer-events:none;border:1px dashed #a855f733;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.companion-orbital-ring--1{width:60%;height:60%;animation:4s ease-in-out infinite ringPulse}.companion-orbital-ring--2{width:85%;height:85%;animation:4s ease-in-out 1s infinite ringPulse}@keyframes ringPulse{0%,to{opacity:.3}50%{opacity:.6}}.companion-orbital-line{transform-origin:0;z-index:5;background:linear-gradient(90deg,#a855f780 0%,#a855f733 50%,#0000 100%);height:1px;position:absolute;top:50%;left:50%}.companion-orbital-line--active{background:linear-gradient(90deg,#22c55e99 0%,#22c55e4d 50%,#0000 100%);animation:2s linear infinite lineFlow}@keyframes lineFlow{0%{background-position:0 0}to{background-position:50px 0}}.companion-orbital-node{cursor:pointer;z-index:15;background:linear-gradient(145deg,#1e1e23f2,#19191ef2);border:2px solid #a855f766;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.companion-orbital-node:hover{border-color:#a855f7cc;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 20px #a855f766}.companion-orbital-node--online{border-color:#22c55e99;box-shadow:0 0 15px #22c55e33}.companion-orbital-node--online:hover{border-color:#22c55ee6;box-shadow:0 0 25px #22c55e66}.companion-orbital-node--offline{opacity:.6;border-color:#9ca3af4d}.companion-orbital-node-icon{color:#c084fc;width:24px;height:24px}.companion-orbital-node--online .companion-orbital-node-icon{color:#22c55e}.companion-orbital-node--offline .companion-orbital-node-icon{color:#6b7280}.companion-orbital-node-label{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:80px;font-size:.65rem;position:absolute;bottom:-24px;left:50%;overflow:hidden;transform:translate(-50%)}.companion-orbital-node-status{border:2px solid #19191e;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.companion-orbital-node-status--online{background:#22c55e;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 8px #22c55e99}.companion-orbital-node-status--offline{background:#6b7280}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.companion-orbital-empty{text-align:center;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.companion-orbital-empty-text{color:#ffffff80;margin-bottom:1rem;font-size:.9rem}.companion-orbital-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.companion-orbital-particle{background:#a855f766;border-radius:50%;width:3px;height:3px;animation:8s linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100%)scale(0)}10%{opacity:1;transform:translateY(80%)scale(1)}90%{opacity:1;transform:translateY(20%)scale(1)}to{opacity:0;transform:translateY(0%)scale(0)}}.companion-orbital-stats{background:#19191ee6;border:1px solid #a855f74d;border-radius:8px;flex-direction:column;align-items:center;padding:.5rem .75rem;display:flex;position:absolute;bottom:10px;right:10px}.companion-orbital-stats-count{color:#22c55e;font-size:1.25rem;font-weight:700}.companion-orbital-stats-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.companion-orbital-node--selected{border-color:#a855f7;transform:translate(-50%,-50%)scale(1.2);box-shadow:0 0 25px #a855f799}.queue-badge{cursor:default;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex;position:relative}.queue-badge:hover{background:#ffffff0f}.queue-badge--blue{background:#3b82f614;border-color:#3b82f64d}.queue-badge--green{background:#10b98114;border-color:#10b9814d}.queue-badge--yellow{background:#fbbf2414;border-color:#fbbf244d}.queue-badge--red{background:#ef444414;border-color:#ef44444d}.queue-badge-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.queue-badge-indicator--blue{color:#60a5fa;background:#3b82f633}.queue-badge-indicator--green{color:#34d399;background:#10b98133}.queue-badge-indicator--yellow{color:#fbbf24;background:#fbbf2433}.queue-badge-indicator--red{color:#f87171;background:#ef444433}.queue-badge-indicator--pulse{animation:1.5s ease-in-out infinite indicatorPulse}@keyframes indicatorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.queue-badge-spinner{width:14px;height:14px;animation:1s linear infinite spinnerRotate}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.queue-badge-check{width:14px;height:14px}.queue-badge-number{font-size:.7rem;font-weight:700}.queue-badge-text{color:#ffffffd9;white-space:nowrap;font-size:.75rem;font-weight:500}.queue-badge-tooltip{z-index:1000;background:#1e293b;border:1px solid #ffffff1f;border-radius:10px;min-width:200px;padding:0;animation:.15s ease-out tooltipFadeIn;position:absolute;bottom:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 40px #0006}.queue-badge-tooltip:after{content:"";border:8px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.queue-badge-tooltip-header{color:#fff;background:#ffffff08;border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.75rem;font-weight:600;display:flex}.queue-badge-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.queue-badge-tooltip-dot--blue{background:#3b82f6}.queue-badge-tooltip-dot--green{background:#10b981}.queue-badge-tooltip-dot--yellow{background:#fbbf24}.queue-badge-tooltip-dot--red{background:#ef4444}.queue-badge-tooltip-body{padding:.5rem .75rem}.queue-badge-tooltip-row{color:#ffffffb3;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;font-size:.7rem;display:flex}.queue-badge-tooltip-row span:first-child{align-items:center;gap:.375rem;display:flex}.queue-badge-tooltip-row span:last-child{color:#fff;font-weight:600}.queue-badge-tooltip-model{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.queue-panel{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.queue-panel--blue{border-left:3px solid #3b82f6}.queue-panel--green{border-left:3px solid #10b981}.queue-panel--yellow{border-left:3px solid #fbbf24}.queue-panel--red{border-left:3px solid #ef4444}.queue-panel--error,.queue-panel--loading{opacity:.7;border-left:3px solid #64748b}.queue-panel-header{color:var(--text-primary,#fff);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;transition:background .15s;display:flex}.queue-panel-header:hover{background:#ffffff08}.queue-panel-icon{flex-shrink:0;font-size:.875rem}.queue-panel-summary{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.queue-panel-title{color:#fffffff2;font-size:.8rem;font-weight:600}.queue-panel-model{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.queue-panel-chevron{color:#fff6;flex-shrink:0;font-size:.7rem;transition:transform .2s}.queue-panel-chevron--open{transform:rotate(180deg)}.queue-panel-content{background:#00000026;border-top:1px solid #ffffff0f;flex-direction:column;gap:.75rem;padding:.625rem .75rem;animation:.2s ease-out panelSlideDown;display:flex}.queue-panel-section{flex-direction:column;gap:.375rem;display:flex}.queue-panel-section-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:.375rem;padding-bottom:.25rem;display:flex}.queue-panel-section-icon{font-size:.7rem}.queue-panel-section-title{text-transform:uppercase;letter-spacing:.05em;color:#fff6;font-size:.65rem;font-weight:600}.queue-panel-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.queue-panel-label{color:#fff9;font-size:.7rem}.queue-panel-value{color:#fffffff2;font-size:.75rem;font-weight:600}.queue-panel-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.125rem .375rem;font-size:.6rem;font-weight:600}.queue-panel-badge--provider{color:#a5b4fc;background:#6366f133}.queue-panel-metrics{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.queue-panel-metric{background:#ffffff08;border-radius:6px;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .375rem;display:flex}.queue-panel-metric-value{color:#fff;font-size:1rem;font-weight:700}.queue-panel-metric-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.03em;font-size:.6rem}.queue-panel-footer{color:#ffffff4d;text-align:center;border-top:1px solid #ffffff0a;padding-top:.375rem;font-size:.6rem}.context-window-control{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.context-disabled{opacity:.6;pointer-events:none}.context-header{justify-content:space-between;align-items:center;display:flex}.context-label{color:#fff;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.context-info-btn{cursor:pointer;opacity:.7;background:0 0;border:none;padding:.2rem;font-size:.85rem;transition:opacity .2s}.context-info-btn:hover{opacity:1}.context-value{color:#10b981;background:#10b9811a;border-radius:4px;padding:.25rem .5rem;font-size:.9rem;font-weight:600}.context-value.context-caution{color:#fbbf24;background:#fbbf241a}.context-value.context-warning{color:#ef4444;background:#ef44441a}.context-tooltip{color:#fff;width:250px;z-index:var(--z-modal);background:#000000f2;border:1px solid #fff3;border-radius:8px;padding:.75rem;font-size:.85rem;position:absolute;top:-120px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.context-tooltip strong{color:#10b981;margin-bottom:.5rem;display:block}.context-tooltip p{margin:.25rem 0;line-height:1.4}.context-slider{cursor:pointer;appearance:none;background:linear-gradient(90deg,#10b9814d 0% 10.93%,#fbbf244d 10.93% 19.53%,#ef44444d 19.53% 50%,#f006 50%,#ff7f0066 58.33%,#ff06 66.67%,#0f06 75%,#00f6 83.33%,#4b008266 91.67%,#9400d366 100%);border-radius:3px;outline:none;width:100%;height:6px}.context-slider::-webkit-slider-thumb{appearance:none;background:var(--slider-color,#10b981);cursor:pointer;border:3px solid #ffffffe6;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #0006}.context-rainbow .context-slider::-webkit-slider-thumb{background:linear-gradient(90deg,red 0%,#ff7f00 14.28%,#ff0 28.57%,#0f0 42.86%,#00f 57.14%,indigo 71.43%,#9400d3 85.71%,red 100%) 0 0/200% 200%;border:3px solid #fff;animation:3s infinite rainbow-pulse;box-shadow:0 0 20px #f0fc}.context-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #0009}.context-rainbow .context-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 30px #f0f}.context-slider::-moz-range-thumb{background:var(--slider-color,#10b981);cursor:pointer;border:3px solid #ffffffe6;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #0006}.context-rainbow .context-slider::-moz-range-thumb{background:linear-gradient(90deg,red 0%,#ff7f00 14.28%,#ff0 28.57%,#0f0 42.86%,#00f 57.14%,indigo 71.43%,#9400d3 85.71%,red 100%) 0 0/200% 200%;border:3px solid #fff;animation:3s infinite rainbow-pulse;box-shadow:0 0 20px #f0fc}.context-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #0009}.context-rainbow .context-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 30px #f0f}.context-markers{justify-content:space-between;padding:0 .25rem;display:flex}.context-marker{color:#ffffff80;font-size:.7rem;font-weight:500}.context-alert{border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;line-height:1.4;display:flex}.context-alert-info{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633}.context-alert-caution{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433}.context-alert-warning{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.context-alert-danger{color:#fff;background:linear-gradient(90deg,#ff000026 0%,#ff7f0026 14.28%,#ffff0026 28.57%,#00ff0026 42.86%,#0000ff26 57.14%,#4b008226 71.43%,#9400d326 85.71%,#ff000026 100%) 0 0/200% 200%;border:2px solid #ff00ff80;font-weight:600;animation:3s infinite rainbow-pulse;box-shadow:0 0 20px #ff00ff4d}.context-window-control{position:relative}.memory-manager{background:var(--bg-primary,#1a1a2e);height:100%;color:var(--text-primary,#e0e0e0);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.memory-manager-header{border-bottom:1px solid var(--border-color,#333);padding:.5rem .75rem}.header-title{align-items:center;gap:.5rem;display:flex}.header-title span{font-size:1.25rem}.header-title h2{flex:1;margin:0;font-size:1rem;font-weight:600}.close-btn{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.5rem;transition:all .2s}.close-btn:hover{background:var(--bg-hover,#333);color:var(--text-primary,#fff)}.message{border-radius:6px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.message.error{color:#f44336;background:#f4433626;border:1px solid #f443364d}.message.success{color:#4caf50;background:#4caf5026;border:1px solid #4caf504d}.message button{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.25rem}.stats-bar{background:var(--bg-secondary,#252538);border-bottom:1px solid var(--border-color,#333);gap:1rem;padding:.5rem .75rem;display:flex;overflow-x:auto}.stat-item{flex-direction:column;align-items:center;min-width:60px;display:flex}.stat-value{font-size:1rem;font-weight:700}.toolbar{border-bottom:1px solid var(--border-color,#333);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.search-box{background:var(--bg-input,#2a2a3e);border:1px solid var(--border-color,#444);border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex}.search-box input{color:var(--text-primary,#e0e0e0);background:0 0;border:none;outline:none;min-width:120px;font-size:.8rem}.search-box input::placeholder{color:var(--text-secondary,#666)}.filter-select{background:var(--bg-input,#2a2a3e);border:1px solid var(--border-color,#444);color:var(--text-primary,#e0e0e0);cursor:pointer;border-radius:6px;padding:.35rem .5rem;font-size:.8rem}.filter-select:focus{border-color:var(--accent-color,#6366f1);outline:none}.toolbar-btn{background:var(--bg-button,#3a3a4e);border:1px solid var(--border-color,#444);color:var(--text-primary,#e0e0e0);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.75rem;transition:all .2s;display:flex}.toolbar-btn:hover{background:var(--bg-hover,#4a4a5e);border-color:var(--accent-color,#6366f1)}.memory-list{flex-direction:column;flex:1;gap:.5rem;padding:.5rem .75rem;display:flex;overflow-y:auto}.empty-state{color:var(--text-secondary,#666);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.empty-state span{margin-bottom:.5rem;font-size:2rem}.empty-state button{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:.5rem;padding:.5rem 1rem;font-size:.8rem}.memory-card{background:var(--bg-card,#252538);border:1px solid var(--border-color,#333);border-radius:8px;padding:.6rem;transition:all .2s}.memory-card:hover{border-color:var(--accent-color,#6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.memory-header{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.memory-type{text-transform:uppercase;color:#fff;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.memory-priority{text-transform:uppercase;font-size:.7rem;font-weight:600}.memory-access{color:var(--text-secondary,#888);margin-left:auto;font-size:.75rem}.memory-content{word-break:break-word;margin-bottom:.4rem;font-size:.85rem;line-height:1.4}.memory-tags{flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem;display:flex}.memory-footer{border-top:1px solid var(--border-color,#333);align-items:center;gap:.5rem;padding-top:.4rem;display:flex}.memory-date{color:var(--text-secondary,#666);font-size:.75rem}.importance-stars{gap:.25rem;margin-left:auto;display:flex}.importance-star{cursor:pointer;font-size:1rem;transition:transform .15s}.importance-star:hover{transform:scale(1.2)}.importance-star.active{color:#ffc107}.delete-btn{color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.delete-btn:hover{color:#f44336;background:#f4433633}.modal-overlay{z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border-color,#444);border-radius:10px;width:100%;max-height:80vh;padding:1rem;overflow-y:auto}.modal h3{align-items:center;gap:.4rem;margin:0 0 .6rem;font-size:1rem;display:flex}.modal-description{color:var(--text-secondary,#888);margin-bottom:1rem;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{background:var(--bg-input,#2a2a3e);border:1px solid var(--border-color,#444);width:100%;color:var(--text-primary,#e0e0e0);border-radius:6px;padding:.5rem;font-family:inherit;font-size:.85rem}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-color,#6366f1);outline:none}.form-row{gap:.5rem;display:flex}.form-row .form-group{flex:1}.consolidation-info{background:var(--bg-secondary,#252538);border-radius:6px;margin-bottom:.6rem;padding:.6rem;font-size:.8rem}.consolidation-info p{margin:.25rem 0}.consolidation-options{flex-direction:column;gap:.5rem;margin-bottom:.6rem;display:flex}.consolidation-options label{cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.consolidation-options input[type=checkbox]{cursor:pointer;width:18px;height:18px}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.8rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--accent-color,#6366f1);color:#fff;border:none}.btn-primary:hover{background:var(--accent-hover,#4f46e5)}.btn-secondary{background:var(--bg-button,#3a3a4e);border:1px solid var(--border-color,#444);color:var(--text-primary,#e0e0e0)}.btn-secondary:hover{background:var(--bg-hover,#4a4a5e)}.memory-manager-loading{flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.loading-icon{font-size:2rem;animation:1.5s ease-in-out infinite pulse}@media (max-width:768px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right,.stats-bar{justify-content:center}.form-row,.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.dynamic-hint{background:#e91e631a;border:1px solid #e91e634d;border-radius:8px;margin-top:8px;padding:12px}.dynamic-hint strong{color:#e91e63;margin-bottom:8px;display:block}.dynamic-hint p{margin:4px 0;font-size:.8125rem;line-height:1.5}.dynamic-hint code{color:#f48fb1;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:Fira Code,Monaco,monospace;font-size:.75rem}.dynamic-hint .hint-example{color:var(--text-secondary);border-top:1px dashed #e91e634d;margin-top:8px;padding-top:8px;font-style:italic}.companion-manager{padding:0}.companion-manager.loading{min-height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{font-size:2rem;animation:1s linear infinite spin}.companion-header{margin-bottom:1.5rem}.header-title-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.header-title-row h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.ws-status{cursor:help;font-size:.75rem}.companion-header h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.companion-subtitle{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.companion-actions{gap:.5rem;display:flex}.btn-refresh{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.btn-refresh:hover:not(:disabled){background:var(--bg-tertiary)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.companion-stats{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.stat-item{flex-direction:column;flex:1;align-items:center;padding:.5rem;display:flex}.stat-value{color:var(--accent-color);font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.companion-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.companion-empty{text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;padding:3rem 2rem}.companion-empty .empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem;display:block}.companion-empty p{color:var(--text-secondary);margin:.5rem 0}.companion-empty .hint{color:var(--text-muted);font-size:.85rem}.companion-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.companion-card:hover{border-color:var(--accent-color-muted)}.companion-card.expanded{border-color:var(--accent-color)}.companion-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem;transition:background .2s;display:flex}.companion-card-header:hover{background:var(--bg-tertiary)}.companion-info{flex-direction:column;gap:.5rem;display:flex}.companion-name{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex}.device-icon{font-size:.9rem}.companion-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-badge{color:#fff;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.latency,.last-seen{color:var(--text-muted);font-size:.8rem}.companion-card.expanded .expand-icon{transform:rotate(90deg)}.companion-card-body{border-top:1px solid var(--border-color);background:var(--bg-primary);padding:1rem}.companion-card-body h4{color:var(--text-secondary);margin:0 0 .75rem;font-size:.9rem;font-weight:600}.capabilities-section{margin-bottom:1.25rem}.capability-badge{background:var(--accent-color-muted);color:var(--accent-color);border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:500}.no-capabilities{color:var(--text-muted);font-style:italic}.load-section{margin-bottom:1.25rem}.load-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.load-fill{border-radius:4px;height:100%;transition:width .3s}.load-text{color:var(--text-muted);font-size:.85rem}.current-task{background:var(--bg-secondary);border-radius:6px;margin-top:.5rem;padding:.5rem}.current-task .task-label{color:var(--text-muted);margin-right:.5rem;font-size:.8rem}.current-task code{color:var(--accent-color);font-size:.85rem}.yolo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.25rem;padding:1rem}.yolo-section h4{margin-bottom:.5rem}.yolo-description{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;line-height:1.5}.yolo-description strong{color:var(--warning-color)}.yolo-edit{align-items:center;gap:.5rem;display:flex}.yolo-input{border:1px solid var(--border-color);background:var(--bg-primary);width:80px;color:var(--text-primary);text-align:center;border-radius:6px;padding:.5rem;font-size:1rem}.yolo-input:focus{border-color:var(--accent-color);outline:none}.btn-save-yolo,.btn-cancel{cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-save-yolo{background:var(--success-color);color:#fff;border:none}.btn-save-yolo:hover:not(:disabled){filter:brightness(1.1)}.btn-cancel{color:var(--text-muted);border:1px solid var(--border-color);background:0 0}.btn-cancel:hover:not(:disabled){background:var(--bg-tertiary)}.yolo-display{flex-direction:column;gap:.5rem;display:flex}.yolo-remaining{color:var(--accent-color);font-size:1.5rem;font-weight:700}.yolo-label{color:var(--text-muted);font-size:.85rem}.yolo-actions{gap:.5rem;margin-top:.5rem;display:flex}.btn-edit-yolo,.btn-reset-yolo{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;transition:all .2s}.btn-edit-yolo:hover,.btn-reset-yolo:hover{background:var(--bg-hover);border-color:var(--accent-color)}.connection-section{margin-bottom:1.25rem}.connection-info{flex-direction:column;gap:.5rem;display:flex}.info-row{align-items:center;gap:.5rem;display:flex}.info-label{color:var(--text-muted);font-size:.85rem}.info-value{color:var(--text-primary);font-size:.85rem}.info-value code{background:var(--bg-tertiary);border-radius:4px;padding:.2rem .4rem;font-size:.8rem}.companion-actions-footer{border-top:1px solid var(--border-color);padding-top:1rem}.btn-disconnect{background:var(--error-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-disconnect:hover:not(:disabled){filter:brightness(1.1)}.btn-disconnect:disabled{opacity:.6;cursor:not-allowed}.companion-help{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.companion-help h4{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:600}.companion-help ul{margin:0;padding-left:1.5rem}.companion-help li{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.companion-help li strong{color:var(--text-primary)}.companion-orbital-section{background:#a855f708;border:1px solid #a855f71a;border-radius:12px;margin:1.5rem 0;padding:1rem}.companion-orbital-section h4{color:var(--text-primary);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.preferred-device-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.preferred-device-section h4{color:var(--text-primary);margin:0 0 .5rem;font-size:.95rem;font-weight:600}.preferred-description{color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.preferred-select-row{align-items:center;gap:.5rem;display:flex}.preferred-select{background:var(--color-bg-secondary,#1a1a2e);max-width:300px;color:var(--color-text-primary,#e0e0e0);border:1px solid var(--color-border,#3a3a5a);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border-radius:8px;flex:1;padding:.5rem 2rem .5rem .75rem;font-size:.9rem;transition:all .2s}.preferred-select option{background:var(--color-bg-secondary,#1a1a2e);color:var(--color-text-primary,#e0e0e0);padding:.5rem}.preferred-select:hover:not(:disabled){border-color:var(--color-accent,#6366f1)}.preferred-select:focus{border-color:var(--color-accent,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f133}.preferred-select:disabled{opacity:.6;cursor:not-allowed}.saving-indicator{font-size:1rem}.btn-clear-preferred{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .6rem;font-size:.85rem;transition:all .2s}.btn-clear-preferred:hover:not(:disabled){background:var(--error-bg);color:var(--error-color);border-color:var(--error-color)}.btn-clear-preferred:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.companion-stats{flex-wrap:wrap}.stat-item{min-width:calc(50% - .5rem)}.companion-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.yolo-edit{flex-wrap:wrap}.companion-orbital-section{padding:.75rem}.preferred-select{max-width:none}}.copilot-settings{padding:1rem 0}.copilot-unavailable{text-align:center;background:var(--bg-secondary,#1e1e1e);border:1px dashed var(--border-color,#444);border-radius:12px;padding:3rem 2rem}.copilot-unavailable .status-icon{margin-bottom:1rem;font-size:3rem;display:block}.copilot-unavailable h3{color:var(--text-primary,#fff);margin-bottom:.5rem}.copilot-unavailable p{color:var(--text-secondary,#999);margin-bottom:1.5rem}.auth-status-card{background:var(--bg-secondary,#1e1e1e);border:1px solid var(--border-color,#333);border-radius:12px;padding:1.5rem}.auth-status-header{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.status-badge{border-radius:20px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.status-badge.authenticated{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.status-badge.not-authenticated{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.username{color:var(--text-primary,#fff);align-items:center;gap:.5rem;font-weight:500;display:flex}.username .avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.auth-email,.auth-expires{color:var(--text-secondary,#999);margin:.25rem 0;font-size:.875rem}.auth-actions{margin-top:1rem}.auth-device-flow{text-align:center;padding:1rem 0}.auth-device-flow a{color:var(--accent-color,#0ea5e9);text-decoration:none}.auth-device-flow a:hover{text-decoration:underline}.user-code{letter-spacing:4px;background:var(--bg-tertiary,#252525);border:2px dashed var(--accent-color,#0ea5e9);cursor:pointer;border-radius:8px;margin:1rem 0;padding:1rem 2rem;font-family:Consolas,Monaco,monospace;font-size:2rem;font-weight:700;transition:all .2s}.user-code:hover{background:#0ea5e91a;border-style:solid}.auth-waiting{color:var(--text-secondary,#999);animation:1.5s infinite pulse}.settings-group{margin-bottom:2rem}.settings-group h3{color:var(--text-primary,#fff);border-bottom:1px solid var(--border-color,#333);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.section-description{color:var(--text-secondary,#999);margin-bottom:1rem;font-size:.875rem}.setting-item label{color:var(--text-primary,#fff);margin-bottom:.5rem;font-weight:500;display:block}.setting-item select,.setting-item input[type=text]{background:var(--bg-secondary,#1e1e1e);border:1px solid var(--border-color,#333);width:100%;color:var(--text-primary,#fff);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.setting-item select:focus,.setting-item input[type=text]:focus{border-color:var(--accent-color,#0ea5e9);outline:none}.trusted-paths-list{background:var(--bg-secondary,#1e1e1e);border:1px solid var(--border-color,#333);border-radius:8px;max-height:200px;margin-bottom:1rem;overflow-y:auto}.no-paths{color:var(--text-tertiary,#666);text-align:center;padding:1.5rem;font-style:italic}.trusted-path-item{border-bottom:1px solid var(--border-color-light,#2a2a2a);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.trusted-path-item:last-child{border-bottom:none}.path-icon{flex-shrink:0}.path-value{color:var(--text-primary,#fff);word-break:break-all;flex:1;font-family:Consolas,Monaco,monospace;font-size:.875rem}.btn-icon{border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.add-path-form{gap:.5rem;display:flex}.add-path-form input{background:var(--bg-secondary,#1e1e1e);border:1px solid var(--border-color,#333);color:var(--text-primary,#fff);border-radius:8px;flex:1;padding:.75rem 1rem}.add-path-form input:focus{border-color:var(--accent-color,#0ea5e9);outline:none}.reasoning-selector{gap:.5rem;display:flex}.reasoning-btn{background:var(--bg-secondary,#1e1e1e);border:1px solid var(--border-color,#333);color:var(--text-secondary,#999);cursor:pointer;border-radius:8px;flex:1;padding:.75rem 1rem;transition:all .2s}.reasoning-btn:hover{border-color:var(--accent-color,#0ea5e9);color:var(--text-primary,#fff)}.reasoning-btn.active{border-color:var(--accent-color,#0ea5e9);color:var(--accent-color,#0ea5e9);background:#0ea5e926}.session-info{background:var(--bg-secondary,#1e1e1e);border-radius:8px;padding:1rem;font-size:.875rem}.session-info p{color:var(--text-secondary,#999);margin:.35rem 0}.session-info strong{color:var(--text-primary,#fff)}.error-banner{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-top:1rem;padding:1rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-color,#0ea5e9);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--bg-secondary,#1e1e1e);border-color:var(--border-color,#333);color:var(--text-primary,#fff)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-color,#0ea5e9)}.btn-danger{color:#ef4444;background:#ef444426;border-color:#ef44444d}.btn-danger:hover:not(:disabled){background:#ef444440}.btn:disabled{opacity:.5;cursor:not-allowed}.profile-manager{flex-direction:column;gap:1rem;display:flex}.profile-manager-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.profile-manager-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.profile-count{align-items:center;gap:.5rem;display:flex}.count-badge{background:var(--primary-color);color:#fff;border-radius:12px;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.count-label{color:var(--text-secondary);font-size:.9rem}.companion-status{border-radius:12px;padding:.25rem .5rem;font-size:.8rem}.companion-status.connected{color:#22c55e;background:#22c55e33}.companion-status.disconnected{background:var(--bg-secondary);color:var(--text-secondary)}.profile-actions{gap:.5rem;display:flex}.btn-reset{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.btn-reset:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-reset:disabled{opacity:.5;cursor:not-allowed}.capabilities-section{background:var(--bg-secondary);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.capabilities-label{color:var(--text-secondary);font-size:.85rem}.capabilities-list{flex-wrap:wrap;gap:.5rem;display:flex}.capability-badge{background:var(--bg-tertiary);color:var(--text-primary);border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.profile-preview-section{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.preview-toggle{background:var(--bg-secondary);cursor:pointer;width:100%;color:var(--text-primary);border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.preview-toggle:hover{background:var(--bg-tertiary)}.preview-toggle.expanded{border-bottom:1px solid var(--border-color)}.toggle-icon{color:var(--text-secondary);font-size:.75rem}.toggle-label{font-weight:500}.preview-info{color:var(--text-secondary);margin-left:auto;font-size:.85rem}.preview-content{background:var(--bg-primary);padding:1rem}.preview-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.preview-profile{font-size:1rem}.preview-tools,.preview-temp{color:var(--text-secondary);font-size:.85rem}.preview-categories{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.category-badge{background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.preview-text{background:var(--bg-tertiary);font-family:var(--font-mono,monospace);white-space:pre-wrap;word-wrap:break-word;max-height:300px;color:var(--text-primary);border-radius:8px;margin:0;padding:1rem;font-size:.85rem;overflow-y:auto}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.profile-card{border:2px solid var(--border-color);background:var(--bg-primary);cursor:pointer;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.profile-card:hover{border-color:var(--profile-color,var(--primary-color));box-shadow:0 4px 12px #0000001a}.profile-card.active{border-color:var(--profile-color,var(--primary-color));background:color-mix(in srgb,var(--profile-color,var(--primary-color))10%,var(--bg-primary))}.profile-card.unavailable{opacity:.6;cursor:not-allowed}.profile-card-header{align-items:flex-start;gap:.75rem;display:flex}.profile-icon{font-size:1.75rem;line-height:1}.profile-info{flex:1;min-width:0}.profile-name{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.profile-tool-count{color:var(--text-secondary);margin:.25rem 0 0;font-size:.8rem}.active-badge{color:#22c55e;background:#22c55e33;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.profile-description{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.profile-categories{gap:.25rem;display:flex}.category-mini{font-size:1rem}.category-more{color:var(--text-secondary);padding:.125rem .25rem;font-size:.75rem}.profile-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.profile-badges{flex-wrap:wrap;gap:.5rem;display:flex}.badge{border-radius:4px;padding:.2rem .4rem;font-size:.7rem;font-weight:500}.builtin-badge{background:var(--bg-tertiary);color:var(--text-secondary)}.companion-badge{color:#3b82f6;background:#3b82f633}.unavailable-badge{color:#ef4444;background:#ef444433}.profile-card-actions{gap:.5rem;display:flex}.btn-activate{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s}.btn-activate:hover:not(:disabled){filter:brightness(1.1)}.btn-activate:disabled{opacity:.6;cursor:not-allowed}.profile-manager-footer{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.info-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.companion-hint{color:#3b82f6}@media (max-width:640px){.profile-manager-header{flex-direction:column;align-items:stretch}.profile-actions{justify-content:flex-end}.profile-grid{grid-template-columns:1fr}}.model-priority-manager{background:var(--surface-light,#f8f9fa);border-radius:8px;margin-top:1.5rem;padding:1rem}.model-priority-manager.loading{text-align:center;color:var(--text-muted,#6c757d);padding:2rem}.priority-header{margin-bottom:1rem}.priority-header h4{color:var(--text-primary,#212529);margin:0 0 .5rem;font-size:1.1rem}.priority-description{color:var(--text-muted,#6c757d);margin:0;font-size:.9rem;line-height:1.5}.priority-description .hint{color:var(--text-light,#868e96);font-size:.85rem}.model-list{flex-direction:column;gap:.5rem;min-height:100px;display:flex}.empty-message{text-align:center;color:var(--text-muted,#6c757d);padding:2rem;font-style:italic}.model-item{background:var(--surface-card,#fff);border:1px solid var(--border-light,#dee2e6);cursor:grab;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .15s;display:flex}.model-item:hover{border-color:var(--primary-color,#3b82f6);box-shadow:0 2px 8px #00000014}.model-item.dragging{opacity:.5;background:var(--surface-light,#f8f9fa);border-style:dashed}.model-item:active{cursor:grabbing}.priority-number{background:var(--primary-color,#3b82f6);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:flex}.drag-handle{color:var(--text-light,#868e96);letter-spacing:2px;-webkit-user-select:none;user-select:none;flex-shrink:0;font-weight:700}.model-name{color:var(--text-primary,#212529);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.model-source{border-radius:4px;flex-shrink:0;padding:.25rem .5rem;font-size:.75rem}.model-source.user{background:var(--success-bg,#d1fae5);color:var(--success-text,#065f46)}.model-source.server{background:var(--info-bg,#dbeafe);color:var(--info-text,#1e40af)}.move-buttons{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.btn-move{background:var(--surface-light,#f1f3f4);border:1px solid var(--border-light,#dee2e6);cursor:pointer;color:var(--text-muted,#6c757d);border-radius:3px;padding:2px 6px;font-size:.7rem;line-height:1;transition:all .15s}.btn-move:hover:not(:disabled){background:var(--primary-color,#3b82f6);color:#fff;border-color:var(--primary-color,#3b82f6)}.btn-move:disabled{opacity:.3;cursor:not-allowed}.priority-actions{border-top:1px solid var(--border-light,#dee2e6);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.btn-reset{border:1px solid var(--border-light,#dee2e6);cursor:pointer;color:var(--text-muted,#6c757d);background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .15s}.btn-reset:hover:not(:disabled){background:var(--surface-light,#f1f3f4)}.btn-save{background:var(--primary-color,#3b82f6);cursor:pointer;color:#fff;border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .15s}.btn-save:disabled,.btn-reset:disabled{opacity:.6;cursor:not-allowed}.priority-legend{border-top:1px solid var(--border-light,#dee2e6);color:var(--text-muted,#6c757d);flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding-top:.75rem;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}@media (prefers-color-scheme:dark){.model-priority-manager{background:var(--surface-dark,#1f2937)}.model-item{background:var(--surface-card-dark,#374151);border-color:var(--border-dark,#4b5563)}.model-name,.priority-header h4{color:var(--text-primary-dark,#f3f4f6)}}[data-theme=dark] .model-priority-manager{background:var(--surface-dark,#1f2937)}[data-theme=dark] .model-item{background:var(--surface-card-dark,#374151);border-color:var(--border-dark,#4b5563)}[data-theme=dark] .model-name,[data-theme=dark] .priority-header h4{color:var(--text-primary-dark,#f3f4f6)}.provider-manager{padding:0}.provider-manager.loading{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.provider-header{margin-bottom:1.5rem}.provider-header h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.provider-subtitle{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.btn-add-provider{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.btn-add-provider:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.provider-list{flex-direction:column;gap:.75rem;display:flex}.provider-empty{text-align:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;padding:2rem}.provider-empty p{color:var(--text-secondary);margin:.5rem 0}.provider-empty .hint{color:var(--text-muted);font-size:.85rem}.provider-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.provider-card:hover{border-color:var(--accent-color);box-shadow:0 2px 8px #00000014}.provider-card.is-default{border-color:var(--accent-color);background:var(--bg-tertiary)}.provider-card.disabled{opacity:.6}.provider-card-header{align-items:center;gap:.5rem;display:flex}.provider-icon{font-size:1.25rem}.provider-name{color:var(--text-primary);flex:1;font-weight:600}.badge{text-transform:uppercase;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.badge.default{background:var(--accent-color);color:#fff}.badge.disabled{background:var(--warning-bg);color:var(--warning-color)}.badge.error{background:var(--error-bg);color:var(--error-color);cursor:help}.provider-card-details{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.85rem;display:flex}.provider-type{font-weight:500}.provider-endpoint{color:var(--text-muted);font-family:monospace;font-size:.8rem}.provider-card-actions{border-top:1px solid var(--border-color);gap:.5rem;margin-top:.5rem;padding-top:.75rem;display:flex}.btn-action{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:.4rem .6rem;font-size:1rem;transition:all .2s}.btn-action:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-color)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action.delete:hover:not(:disabled){background:var(--error-bg);border-color:var(--error-color)}.provider-form-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.provider-form{background:var(--bg-primary);border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 10px 40px #0003}.provider-form h4{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.provider-type-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.type-option{background:var(--bg-secondary);border:2px solid var(--border-color);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;transition:all .2s;display:flex}.type-option:hover:not(:disabled){border-color:var(--accent-color);background:var(--bg-tertiary)}.type-option.selected{border-color:var(--accent-color);background:var(--accent-bg)}.type-option:disabled{opacity:.6;cursor:not-allowed}.type-icon{font-size:1.5rem}.type-name{color:var(--text-primary);text-align:center;font-size:.75rem;font-weight:500}.type-description{color:var(--text-muted);margin:0;font-size:.8rem;font-style:italic}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.form-group input[type=text],.form-group input[type=url],.form-group input[type=password],.form-group input[type=number]{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus{border-color:var(--accent-color);outline:none}.form-group input:disabled{opacity:.7;cursor:not-allowed}.field-hint{color:var(--text-muted);margin:.25rem 0 0;font-size:.8rem}.field-link{color:var(--accent-color);margin-top:.25rem;font-size:.8rem;text-decoration:none;display:inline-block}.field-link:hover{text-decoration:underline}.form-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.form-group.checkbox{margin-bottom:0}.form-group.checkbox label{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.form-group.checkbox input[type=checkbox]{width:auto;accent-color:var(--accent-color)}.form-group.priority{width:80px;margin-bottom:0}.form-group.priority input{text-align:center}.test-result{border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.test-result.success{background:var(--success-bg);color:var(--success-color)}.test-result.error{background:var(--error-bg);color:var(--error-color)}.test-icon{font-size:1.1rem}.test-message{font-weight:500}.test-latency{opacity:.8;font-size:.85rem}.test-models{width:100%;margin-top:.25rem}.test-models small{opacity:.85;font-size:.8rem}.form-actions{border-top:1px solid var(--border-color);gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.form-actions button{cursor:pointer;border-radius:8px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .2s}.btn-cancel{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.btn-cancel:hover{background:var(--bg-secondary)}.btn-test{background:var(--bg-secondary);border:1px solid var(--accent-color);color:var(--accent-color)}.btn-test:hover:not(:disabled){background:var(--accent-bg)}.btn-test:disabled{opacity:.6;cursor:not-allowed}.btn-save{background:var(--accent-color);color:#fff;border:none;flex:1}.btn-save:hover:not(:disabled){background:var(--accent-color-hover)}@media (max-width:600px){.provider-type-grid{grid-template-columns:repeat(2,1fr)}.form-row{flex-direction:column;align-items:stretch}.form-group.priority{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.settings-page{background:var(--bg-primary);width:100%;height:100vh;color:var(--text-primary);display:flex}.settings-page-loading{width:100%;height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.settings-sidebar{background:var(--glass-bg);border-right:1px solid var(--glass-border);flex-direction:column;width:280px;min-width:280px;height:100%;display:flex;overflow:hidden}.settings-sidebar-header{border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#6366f10d,#a855f70d);justify-content:space-between;align-items:center;padding:24px;display:flex}.settings-sidebar-header h1{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:600}.settings-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:all .2s;display:flex}.settings-close-btn:hover{color:var(--error-color);background:#ef44441a;transform:rotate(90deg)}.settings-nav{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex;overflow-y:auto}.settings-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9375rem;transition:all .2s;display:flex}.settings-nav-item:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.settings-nav-item.active{color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#a855f71a);font-weight:500}.nav-icon{text-align:center;width:28px;font-size:1.25rem}.nav-label{flex:1}.settings-sidebar-footer{border-top:1px solid var(--glass-border);padding:16px}.btn-save-sidebar{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-save-sidebar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-save-sidebar:disabled{opacity:.6;cursor:not-allowed}.settings-content-area{flex:1;padding:32px 48px 100px;overflow-y:auto}.settings-section-content h2{color:var(--text-primary);margin:0 0 8px;font-size:1.5rem;font-weight:600}.section-description{color:var(--text-secondary);margin:0 0 24px;font-size:.9375rem;line-height:1.5}.settings-group{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;margin-bottom:24px;padding:24px}.settings-group h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 16px;font-size:.875rem;font-weight:600}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-item>label{color:var(--text-primary);margin-bottom:8px;font-size:.9375rem;font-weight:500;display:block}.setting-item.checkbox-item>label{cursor:pointer;align-items:center;gap:12px;display:flex}.setting-item.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.setting-item small{color:var(--text-muted);margin-top:4px;font-size:.8125rem;display:block}.setting-select{background:var(--bg-secondary);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:.9375rem;transition:border-color .2s}.setting-select:focus{border-color:var(--accent-primary);outline:none}.setting-slider{appearance:none;background:var(--glass-border);border-radius:3px;outline:none;width:100%;height:6px}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-labels{color:var(--text-muted);flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:8px;font-size:.75rem;display:flex}.slider-labels span{white-space:nowrap;flex:none}.settings-footer-fixed{background:var(--glass-bg);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:flex-end;gap:12px;padding:16px 48px;display:flex;position:fixed;bottom:0;left:280px;right:0}.btn-cancel{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.9375rem;transition:all .2s}.btn-cancel:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.btn-save{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.settings-nav-item.placeholder{opacity:.7}.nav-badge{border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.75rem}.nav-badge.not-implemented{color:#f59e0b;background:#fbbf2433}.placeholder-notice{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px dashed #fbbf2466;border-radius:12px;gap:16px;margin-bottom:24px;padding:24px;display:flex}.placeholder-notice.small{gap:12px;padding:16px}.placeholder-icon{font-size:2rem}.placeholder-notice.small .placeholder-icon{font-size:1.5rem}.placeholder-text h3,.placeholder-text h4{color:var(--text-primary);margin:0 0 8px}.placeholder-text p{color:var(--text-secondary);margin:0 0 8px;font-size:.9rem}.placeholder-text ul{color:var(--text-secondary);margin:8px 0 0;padding-left:20px;font-size:.875rem}.placeholder-text ul li{margin-bottom:4px}.settings-group.disabled{opacity:.6;pointer-events:none}.not-implemented-hint{color:#f59e0b;font-style:italic}label.disabled{opacity:.5;cursor:not-allowed}.autotune-section{border-top:1px solid var(--glass-border);margin-top:16px;padding-top:16px}.autotune-controls{align-items:center;gap:16px;margin-bottom:8px;display:flex}.btn-autotune{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-autotune:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-autotune:disabled{opacity:.6;cursor:not-allowed}.loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.autotune-result{color:#10b981;font-size:.9rem;font-weight:500}.settings-section-memory{max-width:100%}.memory-manager-embedded{background:0 0;border:none;padding:0}.memory-manager-embedded h3{margin-bottom:16px}.memory-manager-embedded .modal-overlay{background:0 0;padding:0;position:relative}.memory-manager-embedded .modal.memory-manager{max-height:none;box-shadow:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;position:relative}.memory-manager-embedded .memory-manager-header .close-btn{display:none}@media (max-width:768px){.settings-page{flex-direction:column}.settings-sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--glass-border);height:auto}.settings-nav{flex-direction:row;gap:8px;padding:12px;overflow-x:auto}.settings-nav-item{white-space:nowrap;padding:8px 16px}.nav-label,.nav-badge{display:none}.settings-content-area{padding:24px}.settings-footer-fixed{padding:12px 24px;left:0}.placeholder-notice{text-align:center;flex-direction:column}.autotune-controls{flex-direction:column;align-items:flex-start}}.edge-tts-status{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;font-size:.9rem}.edge-tts-status .status-ok{color:var(--color-success,#4ade80)}.edge-tts-status .status-error{color:var(--color-error,#f87171)}.edge-tts-status .status-checking{color:var(--text-secondary)}.voice-select-row{align-items:center;gap:8px;display:flex}.voice-select-row .setting-select{flex:1}.btn-preview{border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0;font-size:1.2rem;display:flex}.btn-preview:disabled{opacity:.5;cursor:not-allowed}.voices-loading{color:var(--text-secondary);padding:8px 12px;font-style:italic}.setting-description{color:var(--text-secondary);margin-top:4px;font-size:.85rem;line-height:1.4}.tools-mode-selector{gap:8px;margin-top:8px;display:flex}.tools-mode-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;transition:all .2s}.tools-mode-btn:hover{border-color:var(--accent-primary);background:#6366f11a}.tools-mode-btn.active{border-color:var(--accent-primary);color:var(--text-primary);background:linear-gradient(135deg,#6366f133,#a855f733)}.tools-search-input{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:.95rem;transition:all .2s}.tools-search-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #6366f11a}.tools-search-input::placeholder{color:var(--text-secondary)}.tools-loading{color:var(--text-secondary);align-items:center;gap:8px;padding:16px;font-style:italic;display:flex}.tools-categories-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.tools-category{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;overflow:hidden}.tools-category-header{cursor:pointer;align-items:center;gap:8px;padding:12px 14px;transition:background .2s;display:flex}.tools-category-header:hover{background:#6366f10d}.category-expand{color:var(--text-secondary);width:16px;font-size:.75rem}.category-name{flex:1;font-weight:500}.category-count{color:var(--text-secondary);font-size:.85rem}.category-actions{gap:4px;display:flex}.category-actions .btn-small{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:.75rem;transition:all .2s}.category-actions .btn-small:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.tools-list{border-top:1px solid var(--glass-border);flex-direction:column;gap:4px;max-height:300px;padding:8px;display:flex;overflow-y:auto}.tool-item{border-radius:6px;flex-direction:column;padding:8px 10px;transition:background .2s;display:flex}.tool-item:hover{background:#6366f10d}.tool-checkbox{cursor:pointer;align-items:center;gap:8px;display:flex}.tool-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.tool-checkbox input[type=checkbox]:disabled{opacity:.5}.tool-name{font-size:.9rem;font-weight:500}.tool-description{color:var(--text-secondary);margin-left:24px;font-size:.8rem;line-height:1.4}.agents-grid{flex-direction:column;gap:12px;margin-top:12px;display:flex}.agent-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid var(--accent-primary);border-radius:8px;padding:14px;transition:box-shadow .2s,transform .1s}.agent-card:hover{box-shadow:0 2px 12px #0000001a}.agent-card.companion-source{opacity:.85;border-left-style:dashed}.agent-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.agent-emoji{flex-shrink:0;font-size:1.4rem}.agent-label{flex:1;font-size:1rem;font-weight:600}.agent-count{color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:2px 8px;font-size:.85rem}.expand-icon{color:var(--text-secondary);font-size:.75rem;transition:transform .2s}.agent-description{color:var(--text-secondary);margin-top:8px;font-size:.85rem;line-height:1.4}.agent-subcategories{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.subcategory-pill{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:4px;padding:3px 8px;font-size:.75rem;transition:all .2s}.subcategory-pill:hover{border-color:var(--accent-primary);background:#6366f11a}.subcategory-pill.more{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.companion-warning{color:var(--warning-color,#f59e0b);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;margin-top:10px;padding:8px 10px;font-size:.85rem}.agent-tools-section{border-top:1px solid var(--glass-border);margin-top:14px;padding-top:12px}.agent-tools-actions{gap:8px;margin-bottom:10px;display:flex}.agent-tools-actions .btn-small{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:5px 10px;font-size:.8rem;transition:all .2s}.agent-tools-actions .btn-small:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.test-prompt-guide{max-width:100%;padding:1rem}.guide-header{border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:1.5rem;padding-bottom:1rem}.guide-header h2{color:var(--text-primary,#333);margin:0 0 .5rem;font-size:1.5rem}.guide-description{color:var(--text-secondary,#666);margin:0;font-size:.95rem;line-height:1.5}.guide-filters{background:var(--bg-secondary,#f5f5f5);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.search-box{margin-bottom:.75rem}.search-input{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);width:100%;color:var(--text-primary,#333);border-radius:6px;padding:.75rem 1rem;font-size:1rem}.search-input:focus{border-color:var(--accent-color,#007bff);outline:none;box-shadow:0 0 0 2px #007bff33}.filter-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.difficulty-filter{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);color:var(--text-primary,#333);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}.expand-buttons{gap:.5rem;margin-left:auto;display:flex}.btn-expand{border:1px solid var(--border-color,#ddd);background:var(--bg-primary,#fff);color:var(--text-secondary,#666);cursor:pointer;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.btn-expand:hover{background:var(--bg-hover,#e8e8e8);color:var(--text-primary,#333)}.results-count{color:var(--text-muted,#888);margin-top:.75rem;font-size:.85rem}.categories-list{flex-direction:column;gap:.75rem;display:flex}.category-section{border:1px solid var(--border-color,#e0e0e0);border-radius:8px;overflow:hidden}.category-header{background:var(--bg-secondary,#f8f9fa);cursor:pointer;text-align:left;border:none;align-items:center;gap:.75rem;width:100%;padding:1rem;font-size:1rem;transition:background-color .2s;display:flex}.category-header:hover{background:var(--bg-hover,#e9ecef)}.category-header.expanded{border-bottom:1px solid var(--border-color,#e0e0e0)}.category-icon{font-size:1.25rem}.category-name{color:var(--text-primary,#333);flex:1;font-weight:600}.category-count{color:var(--text-muted,#888);background:var(--bg-tertiary,#e9ecef);border-radius:12px;padding:.25rem .5rem;font-size:.85rem}.category-arrow{color:var(--text-muted,#888);font-size:.75rem}.category-content{background:var(--bg-primary,#fff);padding:1rem}.category-description{color:var(--text-secondary,#666);margin:0 0 1rem;font-size:.9rem;font-style:italic}.prompts-list{flex-direction:column;gap:1rem;display:flex}.prompt-card{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;padding:1rem;transition:box-shadow .2s}.prompt-card:hover{box-shadow:0 2px 8px #0000001a}.prompt-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.prompt-title{color:var(--text-primary,#333);margin:0;font-size:1rem;font-weight:600}.difficulty-badge{border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.difficulty-badge.easy{color:#155724;background:#d4edda}.difficulty-badge.medium{color:#856404;background:#fff3cd}.difficulty-badge.hard{color:#721c24;background:#f8d7da}.prompt-content{margin-bottom:.75rem;position:relative}.prompt-text{background:var(--bg-code,#282c34);color:var(--text-code,#abb2bf);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:150px;margin:0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;overflow:auto}.copy-btn{background:var(--accent-color,#007bff);color:#fff;cursor:pointer;opacity:.9;border:none;border-radius:4px;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}.copy-btn:hover{opacity:1;transform:scale(1.05)}.copy-btn.copied{background:#28a745}.prompt-expected{background:var(--bg-success-light,#e8f5e9);border-left:3px solid var(--success-color,#28a745);border-radius:0 4px 4px 0;margin-bottom:.75rem;padding:.75rem;font-size:.9rem}.prompt-expected strong{color:var(--success-color,#28a745);margin-right:.5rem}.prompt-expected span{color:var(--text-secondary,#555)}.prompt-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--bg-tag,#e3f2fd);color:var(--text-tag,#1565c0);border-radius:12px;padding:.2rem .5rem;font-size:.75rem}.no-results{text-align:center;color:var(--text-muted,#888);padding:2rem}.no-results button{border:1px solid var(--accent-color,#007bff);color:var(--accent-color,#007bff);cursor:pointer;background:0 0;border-radius:6px;margin-top:1rem;padding:.5rem 1rem}.no-results button:hover{background:var(--accent-color,#007bff);color:#fff}.quick-reference{background:var(--bg-info-light,#e3f2fd);border:1px solid var(--info-color,#2196f3);border-radius:8px;margin-top:2rem;padding:1.5rem}.quick-reference h3{color:var(--info-color,#1976d2);margin:0 0 1rem;font-size:1.1rem}.reference-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.reference-item{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#90caf9);border-radius:6px;padding:.75rem}.reference-item strong{color:var(--text-primary,#333);margin-bottom:.25rem;display:block}.reference-item p{color:var(--text-secondary,#666);margin:0;font-size:.85rem}@media (prefers-color-scheme:dark){.test-prompt-guide{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#333;--bg-hover:#3c3c3c;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-muted:#888;--border-color:#404040;--accent-color:#569cd6;--success-color:#4ec9b0;--info-color:#9cdcfe;--bg-code:#1e1e1e;--text-code:#d4d4d4;--bg-success-light:#1e3a2f;--bg-info-light:#1e3040;--bg-tag:#2d4a5e;--text-tag:#9cdcfe}.difficulty-badge.easy{color:#4ec9b0;background:#1e3a2f}.difficulty-badge.medium{color:#dcdcaa;background:#3d3520}.difficulty-badge.hard{color:#f48771;background:#3a1e1e}}.dark .test-prompt-guide,[data-theme=dark] .test-prompt-guide{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#333;--bg-hover:#3c3c3c;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-muted:#888;--border-color:#404040;--accent-color:#569cd6;--success-color:#4ec9b0;--info-color:#9cdcfe;--bg-code:#1e1e1e;--text-code:#d4d4d4;--bg-success-light:#1e3a2f;--bg-info-light:#1e3040;--bg-tag:#2d4a5e;--text-tag:#9cdcfe}.dark .difficulty-badge.easy,[data-theme=dark] .difficulty-badge.easy{color:#4ec9b0;background:#1e3a2f}.dark .difficulty-badge.medium,[data-theme=dark] .difficulty-badge.medium{color:#dcdcaa;background:#3d3520}.dark .difficulty-badge.hard,[data-theme=dark] .difficulty-badge.hard{color:#f48771;background:#3a1e1e}@media (max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.expand-buttons{justify-content:center;margin-left:0}.prompt-header{flex-direction:column;align-items:flex-start;gap:.5rem}.reference-grid{grid-template-columns:1fr}}.workspace-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.workspace-modal{background:var(--bg-primary);border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:80vh;animation:.2s slideUp;display:flex;box-shadow:0 20px 60px #0000004d}.workspace-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.workspace-modal__header h2{align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.workspace-modal__remote-badge{font-size:1rem}.workspace-modal__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;font-size:1.25rem;line-height:1;transition:all .15s}.workspace-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.workspace-modal__info{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:1rem;padding:.75rem 1.5rem;display:flex}.workspace-modal__info-item{gap:.5rem;font-size:.8125rem;display:flex}.workspace-modal__info-item .label{color:var(--text-secondary)}.workspace-modal__info-item .value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.workspace-modal__breadcrumbs{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-wrap:wrap;align-items:center;gap:.25rem;padding:.75rem 1.5rem;display:flex}.workspace-modal__breadcrumb{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.8125rem;transition:all .15s}.workspace-modal__breadcrumb:hover:not(:disabled){background:var(--bg-hover)}.workspace-modal__breadcrumb.active{color:var(--text-primary);cursor:default;font-weight:500}.workspace-modal__breadcrumb:disabled{color:var(--text-primary);font-weight:500}.workspace-modal__breadcrumb-sep{color:var(--text-secondary);font-size:.75rem}.workspace-modal__content{flex:1;min-height:200px;overflow-y:auto}.workspace-modal__loading,.workspace-modal__error,.workspace-modal__empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;min-height:200px;padding:2rem;display:flex}.workspace-modal__loading .spinner{animation:1s linear infinite spin;display:inline-block}.workspace-modal__error{color:var(--color-error)}.workspace-modal__error button{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:4px;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.workspace-modal__error button:hover{background:var(--bg-hover)}.workspace-modal__file-table{border-collapse:collapse;width:100%;font-size:.875rem}.workspace-modal__file-table thead{background:var(--bg-secondary);z-index:1;position:sticky;top:0}.workspace-modal__file-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-weight:600}.workspace-modal__file-table th:first-child{padding-left:1.5rem}.workspace-modal__file-table th:last-child{padding-right:1.5rem}.workspace-modal__file-row{cursor:pointer;transition:background-color .1s}.workspace-modal__file-row:hover{background:var(--bg-hover)}.workspace-modal__file-row td{border-bottom:1px solid var(--border-color);padding:.625rem 1rem}.workspace-modal__file-row td:first-child{align-items:center;gap:.5rem;padding-left:1.5rem;display:flex}.workspace-modal__file-row td:last-child{padding-right:1.5rem}.workspace-modal__file-row .file-icon{font-size:1rem}.workspace-modal__file-row .file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.workspace-modal__file-row.directory{font-weight:500}.workspace-modal__file-row.parent-dir{color:var(--text-secondary)}.workspace-modal__footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.workspace-modal__file-count{color:var(--text-secondary);font-size:.8125rem}.workspace-modal__actions{gap:.5rem;display:flex}.workspace-modal__delete-btn{border:1px solid var(--color-error);cursor:pointer;color:var(--color-error);background:0 0;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.workspace-modal__delete-btn:hover{background:var(--color-error);color:#fff}.workspace-modal__close-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:6px;padding:.5rem 1.25rem;font-size:.875rem;transition:all .15s}.workspace-modal__close-btn:hover{background:var(--bg-hover)}.workspace-modal__confirm-overlay{z-index:10;background:#0009;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.workspace-modal__confirm-dialog{background:var(--bg-primary);border-radius:8px;max-width:400px;padding:1.5rem;box-shadow:0 10px 40px #0000004d}.workspace-modal__confirm-dialog h3{margin:0 0 1rem;font-size:1.125rem}.workspace-modal__confirm-dialog p{color:var(--text-secondary);margin:0 0 .75rem;font-size:.9rem}.workspace-modal__confirm-warning{background:#ffc1071a;border-radius:6px;padding:.75rem;color:var(--color-warning)!important;font-size:.85rem!important}.workspace-modal__confirm-error{font-weight:500;color:var(--color-error)!important}.workspace-modal__confirm-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.workspace-modal__confirm-cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.workspace-modal__confirm-cancel:hover{background:var(--bg-hover)}.workspace-modal__confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.workspace-modal__confirm-delete{background:var(--color-error);cursor:pointer;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;transition:all .15s}.workspace-modal__confirm-delete:hover{filter:brightness(.9)}.workspace-modal__confirm-delete:disabled{opacity:.7;cursor:not-allowed}@media (max-width:640px){.workspace-modal{border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.workspace-modal__info{flex-direction:column;gap:.5rem}.workspace-modal__breadcrumbs{padding:.5rem 1rem}.workspace-modal__file-table th:nth-child(2),.workspace-modal__file-table th:nth-child(3),.workspace-modal__file-table td:nth-child(2),.workspace-modal__file-table td:nth-child(3){display:none}}.workspace-sidebar{border-top:1px solid var(--border-color);flex-direction:column;max-height:300px;padding:.5rem 0;display:flex;overflow-y:auto}.workspace-sidebar__header{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.workspace-sidebar__count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.workspace-sidebar__content{flex-direction:column;gap:.25rem;display:flex}.workspace-sidebar__loading,.workspace-sidebar__error,.workspace-sidebar__empty{text-align:center;color:var(--text-secondary);padding:1rem;font-size:.875rem}.workspace-sidebar__error{color:var(--color-error)}.workspace-sidebar__empty small{opacity:.7;margin-top:.5rem;font-size:.75rem;display:block}.workspace-category{flex-direction:column;display:flex}.workspace-category__header{cursor:pointer;text-align:left;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.375rem 1rem;font-size:.8125rem;transition:background-color .15s;display:flex}.workspace-category__header:hover{background:var(--bg-hover)}.workspace-category__icon{font-size:.875rem}.workspace-category__label{flex:1;font-weight:500}.workspace-category__count{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;padding:.0625rem .375rem;font-size:.75rem}.workspace-category__arrow{color:var(--text-secondary);font-size:.625rem;transition:transform .2s}.workspace-category__arrow.expanded{transform:rotate(90deg)}.workspace-category__list{margin:0;padding:0 0 0 1.5rem;list-style:none}.workspace-category__list li{margin:0}.workspace-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:4px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:background-color .15s;display:flex}.workspace-item:hover{background:var(--bg-hover)}.workspace-item.active{background:var(--color-primary-light);color:var(--color-primary)}.workspace-item__name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.workspace-item__remote{opacity:.7;font-size:.75rem}.workspace-sidebar__refresh{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;margin-left:auto;padding:.25rem;font-size:1rem;line-height:1;transition:all .2s}.workspace-sidebar__refresh:hover{background:var(--bg-hover);color:var(--text-primary)}.workspace-sidebar__refresh:disabled{opacity:.5;cursor:not-allowed}.workspace-sidebar__refresh.spinning{animation:1s linear infinite spin}.workspace-sidebar__spinner{margin-right:.5rem;animation:1s linear infinite spin;display:inline-block}.workspace-sidebar__error{flex-direction:column;align-items:center;gap:.5rem;display:flex}.workspace-sidebar__retry-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:4px;padding:.25rem .75rem;font-size:.75rem;transition:all .15s}.workspace-sidebar__retry-btn:hover{background:var(--bg-hover)}