:root{--color-neutral-950:#0f0f0f;--color-neutral-900:#1a1a1a;--color-neutral-850:#1f1f1f;--color-neutral-800:#252525;--color-neutral-700:#303030;--color-neutral-600:#333;--color-neutral-400:#666;--color-neutral-300:#a0a0a0;--color-neutral-100:#e5e5e5;--color-brand-400:#818cf8;--color-brand-500:#6366f1;--color-brand-600:#4f46e5;--color-brand-700:#4338ca;--color-brand-800:#3730a3;--color-brand-900:#312e81;--color-brand-950:#1e1b4b;--color-purple-500:#8b5cf6;--color-purple-400:#a855f7;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-900:#22c55e26;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-900:#ef444426;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-900:#f59e0b26;--warning-text:var(--color-warning-400);--color-info-500:#3b82f6;--color-user-500:#2563eb;--color-user-text:#fff;--color-user-text-secondary:#ffffffd9;--color-user-overlay:#fff3;--bg-primary:var(--color-neutral-950);--bg-secondary:var(--color-neutral-900);--bg-tertiary:var(--color-neutral-800);--bg-hover:var(--color-neutral-700);--bg-assistant:var(--color-neutral-850);--bg-user:var(--color-user-500);--text-primary:var(--color-neutral-100);--text-secondary:var(--color-neutral-300);--text-muted:var(--color-neutral-400);--accent:var(--color-brand-500);--accent-hover:var(--color-brand-400);--accent-muted:#6366f126;--border:var(--color-neutral-600);--border-light:var(--color-neutral-700);--success:var(--color-success-500);--error:var(--color-error-500);--error-hover:var(--color-error-600);--warning:var(--color-warning-500);--overlay-bg:#000c;--lightbox-bg:#000000f2;--code-bg:var(--bg-tertiary);--code-inline-bg:#0000004d;--gradient-assistant-avatar:linear-gradient(135deg, var(--color-brand-500) 0%, var(--color-purple-500) 50%, var(--color-purple-400) 100%);--gradient-table-header:linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 8px 32px #0000004d;--shadow-glow-accent:0 0 12px #8b5cf680;--shadow-scroll-btn:0 2px 12px #0006;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:10px;--radius-full:9999px;--radius:var(--radius-md);--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:"SF Mono", "Consolas", "Monaco", monospace;--font-size-2xs:.5rem;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-badge:.7rem;--font-size-base:.875rem;--font-size-md:.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:2rem;--line-height:1.5;--sidebar-width:280px;--header-height:56px;--input-height:60px;--message-max-width:800px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:50;--z-sidebar:50;--z-overlay:40;--z-banner:150;--z-modal-backdrop:200;--z-lightbox:300;--z-popup:300;--z-toast:10000;--z-modal:10001;--shadow:var(--shadow-md);--user-bg:var(--bg-user);--assistant-bg:var(--bg-assistant)}[data-theme=light]{--color-neutral-950:#fff;--color-neutral-900:#f9fafb;--color-neutral-850:#f3f4f6;--color-neutral-800:#e5e7eb;--color-neutral-700:#d1d5db;--color-neutral-600:#d1d5db;--color-neutral-400:#6b7280;--color-neutral-300:#4b5563;--color-neutral-100:#111827;--accent-hover:var(--color-brand-600);--accent-muted:#6366f11a;--color-success-900:#22c55e1f;--color-error-900:#ef44441f;--color-warning-900:#f59e0b1f;--color-brand-900:#6366f11f;--warning-text:var(--color-warning-700);--overlay-bg:#00000080;--lightbox-bg:#000000e6;--code-bg:#f3f4f6;--code-inline-bg:#0000000f;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 8px 32px #00000026;--shadow-glow-accent:0 0 12px #6366f14d;--shadow-scroll-btn:0 2px 12px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-lg);line-height:var(--line-height);background-color:var(--bg-primary);color:var(--text-primary)}.hidden{display:none!important}.text-muted{color:var(--text-muted)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background-color:var(--bg-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background-color:var(--accent);color:#fff}#app{display:flex;position:fixed;inset:0;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border);padding-top:env(safe-area-inset-top,0);flex-direction:column;flex-shrink:0;align-self:stretch;display:flex}.sidebar-header{padding:var(--space-3) var(--space-3) var(--space-2);flex-shrink:0}.sidebar-header h1{font-size:var(--font-size-base);margin-bottom:var(--space-2);font-weight:600}.sidebar-footer{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);flex-shrink:0}.sidebar-overlay{z-index:var(--z-overlay);background-color:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.main{flex-direction:column;flex:1;align-self:stretch;min-width:0;min-height:0;display:flex;position:relative}.mobile-header{height:calc(var(--header-height) + env(safe-area-inset-top,0));padding:env(safe-area-inset-top,0) var(--space-4) 0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:none;position:relative}.mobile-header span{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:calc(100% - 120px);font-weight:500;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.messages{min-height:0;padding:var(--space-6);gap:var(--space-4);scroll-behavior:auto;flex-direction:column;flex:1 1 0;display:flex;position:relative;overflow:hidden auto}.messages.has-sticky-header{padding-top:0}.input-area{padding:var(--space-4) var(--space-6) var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0));background-color:var(--bg-primary);flex-shrink:0}.input-wrapper{max-width:var(--message-max-width);margin:0 auto}@media (width<=768px){.sidebar{z-index:var(--z-sidebar);transition:transform var(--transition-slow);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-header{display:flex}.messages{padding:var(--space-4)}.input-area{padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0))}}.btn{padding:10px var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-fast);border:none;font-weight:500}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--accent);color:#fff;width:100%;padding:var(--space-2) var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.btn-primary svg{flex-shrink:0;width:18px;height:18px}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-hover)}.btn-icon{color:var(--text-secondary);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-toolbar{color:var(--text-muted);cursor:pointer;padding:var(--space-1-5);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}.btn-toolbar:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-toolbar svg{width:18px;height:18px}.btn-toolbar.active{color:var(--accent)}.btn-toolbar.active:hover{background-color:var(--accent-muted);color:var(--accent-hover)}.btn-send{background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;padding:0;display:flex}.btn-send svg{width:16px;height:16px;display:block}.btn-send:disabled{background-color:var(--bg-tertiary);color:var(--text-muted)}.btn-stop{background-color:var(--error);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:background-color var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;padding:0;animation:1.5s ease-in-out infinite stop-pulse;display:flex}@keyframes stop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.btn-stop svg{width:14px;height:14px;display:block}.btn-stop:hover{background-color:var(--error-hover)}.btn-logout{color:var(--text-muted);cursor:pointer;padding:var(--space-1) var(--space-2);font-size:var(--font-size-lg);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}.btn-logout svg{width:18px;height:18px}.btn-logout:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-icon-action{color:var(--text-muted);cursor:pointer;padding:var(--space-1);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}.btn-icon-action svg{width:18px;height:18px}.btn-icon-action:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-monthly-cost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;box-sizing:border-box;background:0 0;width:100%;display:flex}.btn-monthly-cost:hover{background-color:var(--bg-hover);border-color:var(--accent);color:var(--text-primary)}.btn-monthly-cost .cost-label{color:var(--text-muted)}.btn-monthly-cost .cost-value{color:var(--text-primary);font-weight:500}.btn-voice{color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-voice:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-voice svg{width:20px;height:20px}.btn-voice.recording{color:var(--error);animation:1.5s ease-in-out infinite pulse-recording}.btn-voice.recording:hover{color:var(--error);background-color:#ef44441a}.btn-voice.hidden{display:none}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.5}}.scroll-to-bottom{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0));border-radius:var(--radius-full);background-color:var(--bg-hover);border:1px solid var(--text-muted);width:36px;height:36px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-scroll-btn);transition:opacity var(--transition-normal), transform var(--transition-normal), background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);z-index:20;opacity:1;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-top:-52px;display:flex;position:sticky;left:50%;transform:translate(-50%)}.scroll-to-bottom:hover{background-color:var(--bg-tertiary);color:#fff;border-color:var(--text-secondary)}.scroll-to-bottom:active{transform:translate(-50%)scale(.95)}.scroll-to-bottom svg{width:18px;height:18px}.scroll-to-bottom.hidden{opacity:0;pointer-events:none}.scroll-to-bottom.streaming-paused{background-color:var(--accent);border-color:var(--accent);color:#fff;animation:1.5s ease-in-out infinite scroll-button-pulse}.scroll-to-bottom.streaming-paused:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}@keyframes scroll-button-pulse{0%,to{box-shadow:var(--shadow-scroll-btn), 0 0 0 0 #6366f166}50%{box-shadow:var(--shadow-scroll-btn), 0 0 0 8px #6366f100}}.welcome-message{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.welcome-message h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-2);color:var(--text-primary)}.message{max-width:var(--message-max-width);gap:var(--space-4);flex-shrink:0;width:100%;margin:0 auto;display:flex}.message.user{flex-direction:row-reverse}.message-avatar{border-radius:var(--radius-full);background-color:var(--bg-tertiary);width:32px;height:32px;font-size:var(--font-size-base);margin-top:var(--space-2);flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;display:flex}.message-avatar img{border-radius:var(--radius-full);object-fit:cover;width:100%;height:100%}.message-avatar svg{width:20px;height:20px}.message-avatar .ai-avatar-img{object-fit:contain;width:100%;height:100%}.message.assistant .message-avatar{background:var(--gradient-assistant-avatar);box-shadow:var(--shadow-glow-accent)}.message.user .message-avatar{background-color:var(--bg-user);color:var(--color-user-text)}.message-content{background-color:var(--bg-assistant);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);overflow-wrap:anywhere;word-break:break-word;min-width:0}.message.user .message-content{background-color:var(--bg-user);color:var(--color-user-text);width:fit-content;max-width:100%}.message-content-wrapper{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.message.user .message-content-wrapper{flex:0 auto;align-items:flex-end;max-width:calc(100% - 48px)}.message-actions{align-items:center;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast);display:flex}.message:hover .message-actions{opacity:1}@media (hover:none){.message-actions{opacity:.6}}.message-time{font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.message-copy-btn,.message-sources-btn,.message-imagegen-btn,.message-cost-btn,.message-speak-btn,.message-delete-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.message-copy-btn:hover,.message-sources-btn:hover,.message-imagegen-btn:hover,.message-cost-btn:hover,.message-speak-btn:hover{color:var(--accent);background-color:var(--bg-tertiary)}.message-delete-btn:hover{color:var(--color-error-400);background-color:var(--bg-tertiary)}.message-copy-btn.copied{color:var(--success)}.message-speak-btn.speaking{color:var(--color-error-400);animation:1.5s ease-in-out infinite speak-pulse}@keyframes speak-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.message-copy-btn svg,.message-sources-btn svg,.message-imagegen-btn svg,.message-cost-btn svg,.message-speak-btn svg,.message-delete-btn svg{width:16px;height:16px}.message-imagegen-btn{padding:var(--space-1) var(--space-2)}.streaming-cursor{background-color:var(--accent);vertical-align:text-bottom;width:8px;height:1.2em;margin-left:2px;animation:.8s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.message-incomplete .message-content:after{content:"Response incomplete";width:fit-content;margin-top:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) + 20px);border-radius:var(--radius-sm);color:var(--warning);font-size:var(--font-size-sm);background-color:#f59e0b1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--space-2) center;background-size:14px 14px;border:1px solid #f59e0b4d;align-items:center;line-height:1;display:flex}.message-files{gap:var(--space-2);flex-direction:column;display:flex}.message-images{gap:var(--space-2);flex-wrap:wrap;display:flex}.message.user .message-content .message-files{margin-top:var(--space-2)}.message-image-wrapper{border-radius:var(--radius-sm);position:relative;overflow:hidden}.message-image-wrapper.loading{background-color:var(--bg-tertiary);justify-content:center;align-items:flex-end;min-width:100px;min-height:100px;animation:1.5s ease-in-out infinite pulse;display:flex}.message-image-wrapper.loading .message-image{opacity:0;width:1px;height:1px;position:absolute}.image-placeholder{display:none}.message-image-wrapper.loading .image-placeholder{padding:var(--space-3);font-size:var(--font-size-sm);color:#fff9;text-align:center;word-break:break-word;max-width:100%;display:block}.message-image{object-fit:contain;cursor:pointer;max-width:200px;max-height:200px;transition:transform var(--transition-fast), opacity var(--transition-slow);border-radius:var(--radius-sm);display:block}.message-image:hover{transform:scale(1.02)}.message-image[data-pending=true]{cursor:wait}.message-image[data-pending=true]:hover{transform:none}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.message.user .message-image-wrapper.loading{background:linear-gradient(110deg,#ffffff1a 0%,#fff3 50%,#ffffff1a 100%) 0 0/200% 100%;min-width:120px;min-height:120px;animation:1.5s ease-in-out infinite user-image-shimmer}@keyframes user-image-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.message-documents{gap:var(--space-1-5);flex-direction:column;display:flex}.message-document{align-items:center;gap:var(--space-2-5);padding:var(--space-2-5) 14px;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.message.user .message-document{background-color:var(--color-user-overlay);color:var(--color-user-text)}.message.user .message-document .document-name,.message.user .message-document a.document-name{color:var(--color-user-text)}.message.user .message-document a.document-name:hover{color:var(--color-user-text);text-decoration:underline}.message.user .message-document .document-download{color:var(--color-user-text-secondary)}.message.user .message-document .document-download:hover{color:var(--color-user-text)}.document-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.document-icon svg{width:100%;height:100%}.document-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}a.document-name{color:inherit;cursor:pointer;text-decoration:none}a.document-name:hover{text-decoration:underline}.document-download{color:inherit;opacity:.6;cursor:pointer;padding:var(--space-1);transition:opacity var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.document-download:hover{opacity:1}.document-download svg{width:16px;height:16px}.message-content p{margin-bottom:var(--space-3)}.message-content p:last-child{margin-bottom:0}.message-content code{background-color:var(--bg-tertiary);border-radius:var(--radius-xs);font-family:var(--font-family-mono);padding:2px 6px;font-size:.875em}.message-content pre{background-color:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-sm);margin:var(--space-3) 0;overflow-x:auto}.copyable-content{margin:var(--space-3) 0;position:relative}.copyable-content>pre,.copyable-content>.message-content-scroll-wrapper{margin:0}.code-block-wrapper{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.code-block-wrapper>pre{padding-top:var(--space-8);border-radius:0;margin:0}.code-language{top:var(--space-2);left:var(--space-3);font-size:var(--font-size-xs);color:var(--text-muted);font-family:var(--font-family-mono);text-transform:lowercase;pointer-events:none;z-index:1;line-height:1;position:absolute}.table-wrapper{background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.table-wrapper .message-content-scroll-wrapper,.table-wrapper table{margin:0}.inline-copy-btn{top:var(--space-2);right:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:0;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute}.copyable-content:hover .inline-copy-btn{opacity:1}.inline-copy-btn:hover{color:var(--accent);background-color:var(--bg-tertiary);border-color:var(--accent)}.inline-copy-btn.copied{color:var(--success);border-color:var(--success)}.inline-copy-btn svg{width:14px;height:14px}@media (hover:none){.inline-copy-btn{opacity:.7}.inline-copy-btn:active{opacity:1}}.message-content pre code{background:0 0;padding:0}.message-content ul,.message-content ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.message-content li{margin-bottom:var(--space-1)}.message-content blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);margin:var(--space-3) 0;color:var(--text-secondary)}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin-top:var(--space-4);margin-bottom:var(--space-2)}.message-content a{color:var(--accent);text-decoration:none}.message-content a:hover{text-decoration:underline}.message.user .message-content a{color:var(--color-user-text);text-decoration:underline}.message.user .message-content a:hover{color:var(--color-user-text);opacity:.9;text-decoration:underline}.message-content table{border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--font-size-base);width:100%;min-width:max-content}.message-content th,.message-content td{border:1px solid var(--border);padding:var(--space-2) var(--space-3);text-align:left}.message-content th{background-color:var(--bg-tertiary);font-weight:600}.message-content tr:nth-child(2n){background-color:var(--bg-secondary)}.message-content-scroll-wrapper{-webkit-overflow-scrolling:touch;margin:var(--space-3) 0;overflow-x:auto}.message-content-scroll-wrapper>table,.message-content-scroll-wrapper>pre{margin:0}.message-loading{max-width:var(--message-max-width);gap:var(--space-4);width:100%;margin:0 auto;display:flex}.message-loading .message-avatar{background:var(--gradient-assistant-avatar);box-shadow:var(--shadow-glow-accent)}.message-loading .loading-dots{margin-top:var(--space-4)}.loading-dots{gap:var(--space-1);padding:var(--space-1) 0;display:flex}.loading-dots span{background-color:var(--text-secondary);border-radius:var(--radius-full);width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.conversation-loader{background-color:var(--bg-primary);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.conversation-loader-content{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.conversation-loader-content .loading-dots{justify-content:center}.conversation-loader-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.older-messages-loader{padding:var(--space-4) 0;margin-bottom:var(--space-2);justify-content:center;display:flex}.older-messages-loader .loading-dots{justify-content:center}.newer-messages-loader{padding:var(--space-4) 0;margin-top:var(--space-2);justify-content:center;display:flex}.newer-messages-loader .loading-dots{justify-content:center}@media (width<=768px){.message{gap:var(--space-3)}.message-avatar{width:28px;height:28px;font-size:var(--font-size-sm)}.message-content{max-width:calc(100% - 40px);padding:10px 14px}}.new-messages-banner{justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-3);padding:var(--space-2-5) var(--space-4);background:linear-gradient(135deg, var(--color-brand-800) 0%, var(--color-brand-700) 100%);color:#fff;font-size:var(--font-size-sm);z-index:5;border-radius:var(--radius-md);margin-bottom:0;font-weight:500;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.new-messages-banner span{align-items:center;gap:var(--space-2);display:flex}.new-messages-banner span:before{content:"";background-color:var(--color-brand-400);border-radius:var(--radius-full);width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.new-messages-banner .btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--color-brand-950);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;border:none;font-weight:500}.new-messages-banner .btn:hover{background-color:#ffffffe6;transform:translateY(-1px);box-shadow:0 2px 6px #0003}.message.trigger-message{max-width:none;padding:var(--space-2) 0;justify-content:center}.trigger-message-content{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--text-secondary);display:inline-flex}.trigger-icon{justify-content:center;align-items:center;display:flex}.trigger-icon svg{width:14px;height:14px}.trigger-label{color:var(--text-primary);font-weight:500}.trigger-time{color:var(--text-muted);font-size:var(--font-size-xs)}.trigger-time:before{content:"·";margin-right:var(--space-2)}.trigger-message.trigger--scheduled .trigger-message-content{background-color:color-mix(in srgb, var(--color-brand-500) 10%, transparent);border-color:color-mix(in srgb, var(--color-brand-500) 30%, transparent)}.trigger-message.trigger--scheduled .trigger-icon{color:var(--color-brand-500)}.trigger-message.trigger--manual .trigger-message-content{background-color:color-mix(in srgb, var(--color-success-500) 10%, transparent);border-color:color-mix(in srgb, var(--color-success-500) 30%, transparent)}.trigger-message.trigger--manual .trigger-icon{color:var(--color-success-500)}.trigger-message.trigger--chain .trigger-message-content{background-color:color-mix(in srgb, var(--color-warning-500) 10%, transparent);border-color:color-mix(in srgb, var(--color-warning-500) 30%, transparent)}.trigger-message.trigger--chain .trigger-icon{color:var(--color-warning-500)}.message.approval-request-message{max-width:100%;padding:var(--space-4) 0;justify-content:center}.approval-request-content{gap:var(--space-3);padding:var(--space-4);background:var(--color-warning-900);border:2px solid #fbbf244d;border-left:4px solid var(--color-warning-500);border-radius:var(--radius-lg);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.approval-request-header{align-items:center;gap:var(--space-2);display:flex}.approval-icon{color:var(--color-warning-500);justify-content:center;align-items:center;display:flex}.approval-icon svg{width:20px;height:20px}.approval-title{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary)}.approval-request-body{gap:var(--space-2);flex-direction:column;display:flex}.approval-tool{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.approval-tool code{background-color:var(--bg-tertiary);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary)}.approval-request-actions{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.approval-request-actions .btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1;font-weight:500;display:flex}.approval-request-actions .btn svg{width:14px;height:14px}.approval-request-actions .btn:disabled{opacity:.6;cursor:not-allowed}.approval-request-actions .btn-approve{background-color:var(--color-success-500);color:#fff;border:none}.approval-request-actions .btn-approve:hover:not(:disabled){background-color:var(--color-success-600)}.approval-request-actions .btn-reject{background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.approval-request-actions .btn-reject:hover:not(:disabled){background-color:var(--color-error-900);border-color:var(--color-error-500);color:var(--color-error-500)}.approval-result{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);width:100%;display:flex}.approval-result svg{width:14px;height:14px}.approval-result.approved{background-color:var(--color-success-100);color:var(--color-success-700)}.approval-result.rejected{background-color:var(--color-error-100);color:var(--color-error-700)}[data-theme=dark] .approval-result.approved{color:var(--color-success-400);background-color:#22c55e26}[data-theme=dark] .approval-result.rejected{color:var(--color-error-400);background-color:#ef444426}.message.action-approved-message{max-width:none;padding:var(--space-2) 0;justify-content:center}.action-approved-content{align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);background-color:var(--color-success-100);border:1px solid var(--color-success-400);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--color-success-700);display:inline-flex}.action-approved-icon{font-size:var(--font-size-base);color:var(--color-success-600);line-height:1}.action-approved-label{font-weight:500}[data-theme=dark] .action-approved-content{border-color:var(--color-success-600);color:var(--color-success-400);background-color:#22c55e26}.message.search-highlight{border-radius:var(--radius-md);animation:2s ease-out search-highlight-pulse;position:relative}@keyframes search-highlight-pulse{0%{outline:2px solid var(--color-brand-400);outline-offset:4px;background-color:color-mix(in srgb, var(--color-brand-400) 10%, transparent)}50%{outline:2px solid var(--color-brand-400);outline-offset:4px;background-color:color-mix(in srgb, var(--color-brand-400) 10%, transparent)}to{outline-offset:4px;background-color:#0000;outline:2px solid #0000}}.conversations-list{padding:var(--space-2);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.conversations-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.conversations-empty p{margin:var(--space-1) 0}.conversations-empty .text-muted{font-size:var(--font-size-base)}.conversation-item-wrapper{margin-bottom:var(--space-1);border-radius:var(--radius-sm);position:relative;overflow:hidden}.conversation-item{padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), transform .2s cubic-bezier(.4, 0, .2, 1);-webkit-tap-highlight-color:#ffffff1a;touch-action:pan-y;background-color:var(--bg-secondary);z-index:2;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-width:100%;display:flex;position:relative}.conversation-item:hover{background-color:var(--bg-hover)}.conversation-item-wrapper.active .conversation-item{background-color:var(--bg-tertiary)}.conversation-title{font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;transition:margin-right var(--transition-fast);flex:1;overflow:hidden}.conversation-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);right:var(--space-3);display:flex;position:absolute}.conversation-item:hover .conversation-actions{opacity:1}.conversation-rename,.conversation-delete,.conversation-archive{color:var(--text-muted);cursor:pointer;padding:var(--space-1);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}.conversation-rename svg,.conversation-delete svg,.conversation-archive svg{width:16px;height:16px}.conversation-rename:hover{color:var(--accent);background-color:var(--accent-muted)}.conversation-archive:hover{color:var(--text-secondary);background-color:var(--bg-hover)}.conversation-delete:hover{color:var(--error);background-color:#ef44441a}.conversation-item:hover .conversation-title{margin-right:80px}.conversation-actions-swipe{display:none}@media (hover:none){.conversation-actions{display:none}.conversation-actions-swipe{width:240px;transition:right var(--transition-slow);z-index:1;opacity:0;pointer-events:none;flex-shrink:0;display:flex;position:absolute;top:0;bottom:0;right:-240px}.conversation-rename-swipe,.conversation-archive-swipe,.conversation-delete-swipe{color:#fff;width:80px;font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);border:none;flex-direction:column;flex-shrink:0;font-weight:500;display:flex}.conversation-rename-swipe{background-color:var(--accent)}.conversation-archive-swipe{background-color:var(--text-muted)}.conversation-delete-swipe{background-color:var(--error)}.conversation-rename-swipe svg,.conversation-archive-swipe svg,.conversation-delete-swipe svg{width:20px;height:20px}.conversation-item-wrapper.swiped .conversation-item{border-radius:var(--radius-sm) 0 0 var(--radius-sm);transform:translate(-240px)}.conversation-item-wrapper.swiped .conversation-actions-swipe{opacity:1;pointer-events:auto;right:0}}.user-info{gap:var(--space-2);flex-direction:column;display:flex}.user-actions-buttons{align-items:center;gap:var(--space-1);flex-shrink:0;margin-left:auto;display:flex}.user-profile{align-items:center;gap:var(--space-2);min-width:0;display:flex}.user-avatar{border-radius:var(--radius-full);background-color:var(--bg-tertiary);object-fit:cover;flex-shrink:0;width:28px;height:28px}.user-avatar-initials{background-color:var(--bg-user);color:#fff;font-size:var(--font-size-xs);justify-content:center;align-items:center;font-weight:500;display:flex}.user-name{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.unread-badge{min-width:18px;height:18px;padding:0 var(--space-1);font-size:var(--font-size-xs);color:#fff;background-color:var(--accent);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-weight:600;display:inline-flex}.conversation-item:has(.unread-badge) .conversation-title{margin-right:var(--space-2)}.conversation-item:hover .unread-badge{display:none}@media (hover:none){.conversation-item:hover .unread-badge{display:inline-flex}}.conversations-load-more{padding:var(--space-4);opacity:0;transition:opacity var(--transition-fast);justify-content:center;display:flex}.conversations-load-more.loading{opacity:1}.conversations-load-more .loading-dots{justify-content:center}.search-container{padding:0 var(--space-3) var(--space-2)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.search-icon svg{width:16px;height:16px}.search-input{width:100%;padding:var(--space-2) var(--space-3);padding-left:calc(var(--space-3) + 16px + var(--space-2));padding-right:calc(var(--space-3) + 20px + var(--space-2));background-color:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000}.search-input::placeholder{color:var(--text-muted)}.search-input:hover{background-color:var(--bg-hover)}.search-input:focus{background-color:var(--bg-primary);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.search-clear-btn{right:var(--space-2);color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.search-clear-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.search-clear-btn svg{width:14px;height:14px}.search-clear-btn.hidden{display:none}.search-results-header{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--text-muted)}.search-results-count{font-weight:500}.search-results-list{flex-direction:column;display:flex}.search-result-item{padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.search-result-item:hover{background-color:var(--bg-hover)}.search-result-item.active{background-color:var(--bg-tertiary)}.search-result-title{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-1);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.search-result-snippet{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-snippet mark{background-color:var(--accent-muted);color:var(--accent-hover);border-radius:2px;padding:0 2px}.search-result-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);display:flex}.search-result-type{color:var(--text-muted);text-transform:capitalize}.search-result-meta:has(.search-result-date) .search-result-type:after{content:"·";margin-left:var(--space-2);color:var(--text-muted)}.search-empty,.search-loading{padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.search-empty p,.search-loading p{font-size:var(--font-size-sm);line-height:1.5}.search-loading p{margin-top:var(--space-3)}#archive-entry-container{padding:0 var(--space-2);border-top:1px solid var(--border);flex-shrink:0}#archive-entry-container:empty{display:none}.archive-entry{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;color:var(--text-muted);font-size:var(--font-size-sm);display:flex}.archive-entry:hover{background-color:var(--bg-hover);color:var(--text-secondary)}.archive-entry-icon{align-items:center;display:flex}.archive-entry-icon svg{width:14px;height:14px}.archive-entry-label{flex:1}.archive-count{font-size:var(--font-size-xs);color:var(--text-muted);background-color:var(--bg-tertiary);padding:0 var(--space-2);border-radius:var(--radius-full);text-align:center;min-width:18px}.archive-view-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-2);display:flex}.archive-back-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.archive-back-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.archive-back-icon{align-items:center;display:flex;transform:rotate(180deg)}.archive-back-icon svg{width:16px;height:16px}.archive-view-title{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary);flex:1}.archive-load-more{padding:var(--space-4);opacity:0;transition:opacity var(--transition-fast);justify-content:center;display:flex}.archive-load-more.loading{opacity:1}.archive-load-more .loading-dots{justify-content:center}.conversation-unarchive{color:var(--text-muted);cursor:pointer;padding:var(--space-1);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}.conversation-unarchive svg{width:16px;height:16px}.conversation-unarchive:hover{color:var(--accent);background-color:var(--accent-muted)}@media (hover:none){.conversation-unarchive-swipe{color:#fff;width:80px;font-size:var(--font-size-sm);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-1);background-color:var(--accent);border:none;flex-direction:column;flex-shrink:0;font-weight:500;display:flex}.conversation-unarchive-swipe svg{width:20px;height:20px}}.input-toolbar{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:var(--space-1);display:flex}.input-container{gap:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);align-items:flex-end;display:flex}#message-input{color:var(--text-primary);font-size:var(--font-size-lg);line-height:var(--line-height);resize:none;max-height:200px;padding:var(--space-2) 0;background:0 0;border:none;flex:1}#message-input:focus{outline:none}#message-input::placeholder{color:var(--text-muted)}.conversation-cost-display{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;padding:var(--space-1) var(--space-4) 0;font-variant-numeric:tabular-nums;height:auto;min-height:16px}.model-selector{position:relative}.model-selector-btn{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;display:inline-flex}#current-model-name{text-align:left;min-width:6em}.model-selector-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dropdown-arrow{font-size:var(--font-size-2xs);transition:transform var(--transition-fast);line-height:1}.model-selector-btn.open .dropdown-arrow{transform:rotate(180deg)}.model-dropdown{margin-bottom:var(--space-1);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:150px;box-shadow:var(--shadow-md);z-index:var(--z-dropdown);position:absolute;bottom:100%;left:0}.model-dropdown.hidden{display:none}.model-option{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2-5);text-align:left;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.model-option:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.model-option:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.model-option:hover{background-color:var(--bg-hover)}.model-option.selected{background-color:var(--accent-muted)}.model-option.selected .model-name{color:var(--accent-hover);font-weight:500}.model-option .model-name{font-size:var(--font-size-sm);transition:color var(--transition-fast)}.model-option .model-check{width:16px;height:16px;color:var(--accent-hover);flex-shrink:0;justify-content:center;align-items:center;display:flex}.model-option .model-check svg{width:100%;height:100%}#file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-preview{gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;border-bottom:none;flex-wrap:wrap;margin-bottom:-1px;display:flex}.file-preview.hidden{display:none}.file-preview-item{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);position:relative;overflow:hidden}.file-preview-item.file-preview-image{width:64px;height:64px}.file-preview-item.file-preview-image img{object-fit:cover;width:100%;height:100%;display:block}.file-preview-item.file-preview-doc{padding:var(--space-3) var(--space-8) var(--space-3) var(--space-3);align-items:center;gap:var(--space-2-5);height:64px;display:flex}.file-preview-icon{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-preview-icon svg{width:100%;height:100%}.file-preview-name{font-size:var(--font-size-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.file-preview-remove{color:#fff;border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;transition:background-color var(--transition-fast);background-color:#000000b3;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;right:2px}.file-preview-remove svg{width:12px;height:12px}.file-preview-remove:hover{background-color:var(--error)}.file-preview:not(.hidden)~.input-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.upload-progress{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border);border-bottom:none;border-radius:0;display:flex}.upload-progress.hidden{display:none}.upload-progress-bar{background-color:var(--bg-tertiary);border-radius:var(--radius-full);flex:1;height:4px;position:relative;overflow:hidden}.upload-progress-bar:after{content:"";height:100%;width:var(--progress,0%);background-color:var(--accent);border-radius:var(--radius-full);transition:width .15s ease-out;position:absolute;top:0;left:0}.upload-progress-text{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:90px}.upload-progress:not(.hidden)~.input-container{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.file-preview:not(.hidden)~.upload-progress{border-top:none}.input-area.drag-over{background-color:var(--bg-secondary)}.input-area.drag-over .input-container{border-color:var(--accent);background-color:var(--accent-muted)}.voice-lang-selector{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;min-width:160px;max-height:240px;position:fixed;overflow-y:auto}.voice-lang-option{width:100%;color:var(--text-primary);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;padding:10px 14px;display:block}.voice-lang-option:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.voice-lang-option:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.voice-lang-option:hover,.voice-lang-option.hover{background-color:var(--bg-hover)}.voice-lang-option.selected{background-color:var(--bg-tertiary)}.input-container{position:relative}.approval-pending-overlay{justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--bg-secondary);border-radius:var(--radius-md);z-index:10;display:flex;position:absolute;inset:0}.approval-pending-overlay.hidden{display:none}.approval-pending-icon{font-size:var(--font-size-lg)}.approval-pending-text{font-size:var(--font-size-sm);color:var(--warning-text);font-weight:500}@media (width<=768px){.file-preview-item.file-preview-image{width:56px;height:56px}.file-preview-item.file-preview-doc{height:56px}}.lightbox{background-color:var(--lightbox-bg);z-index:var(--z-lightbox);cursor:zoom-out;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox.hidden{display:none}.lightbox-container{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}.lightbox-close{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color var(--transition-fast), border-color var(--transition-fast);z-index:301;-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-12px;right:-12px}.lightbox-close svg{width:20px;height:20px}.lightbox-close:hover{background:#ffffff40;border-color:#ffffff80}#lightbox-img{object-fit:contain;cursor:default;max-width:100%;max-height:calc(100vh - 32px);display:block}.lightbox-loader{align-items:center;gap:var(--space-4);flex-direction:column;display:none}.lightbox-loader .loading-dots{justify-content:center}.lightbox-loader .loading-dots span{background-color:#ffffffb3}.lightbox-loader p{color:#ffffffb3;font-size:var(--font-size-sm);margin:0}.lightbox.loading .lightbox-loader{display:flex}.lightbox.loading .lightbox-container{visibility:hidden;position:absolute}.info-popup{background-color:var(--overlay-bg);z-index:var(--z-popup);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.info-popup.hidden{display:none}.info-popup-content{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:500px;max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.info-popup-header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);background-color:var(--bg-tertiary);display:flex}.info-popup-icon{color:var(--accent);justify-content:center;align-items:center;display:flex}.info-popup-icon svg{width:20px;height:20px}.info-popup-header h3{font-size:var(--font-size-lg);color:var(--text-primary);align-items:center;gap:var(--space-2);flex:1;margin:0;font-weight:600;display:flex}.info-popup-close{color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.info-popup-close:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.info-popup-close svg{width:18px;height:18px}.info-popup-body{padding:var(--space-2);overflow-y:auto}@media (width<=768px){.info-popup{padding:var(--space-2);align-items:flex-end}.info-popup-content{max-height:70vh;margin-bottom:env(safe-area-inset-bottom,0);border-bottom-right-radius:0;border-bottom-left-radius:0}}.sources-header-badge{display:none}.sources-count{min-width:24px;height:20px;padding:0 var(--space-2);background-color:var(--accent);color:#fff;border-radius:var(--radius-pill);font-size:var(--font-size-sm);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.sources-body{padding:0}.sources-list{gap:var(--space-1);flex-direction:column;display:flex}.source-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 14px;border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:flex}.source-item:hover{background-color:var(--bg-tertiary);border-color:var(--border)}.source-number{background-color:var(--accent);color:#fff;border-radius:var(--radius-full);width:20px;height:20px;font-size:var(--font-size-badge);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-weight:600;display:flex}.source-title{color:var(--text-primary);flex:1;font-weight:500;line-height:1.4}.source-url{font-size:var(--font-size-badge);color:var(--text-muted);white-space:nowrap;opacity:.7;margin-top:3px}@media (width<=768px){.source-item{flex-wrap:wrap}.source-url{width:100%;margin-left:36px;margin-top:var(--space-1)}}.imagegen-header-badge{display:none}.imagegen-count{min-width:24px;height:20px;padding:0 var(--space-2);background-color:var(--accent);color:#fff;border-radius:var(--radius-pill);font-size:var(--font-size-sm);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.imagegen-body{padding:var(--space-4)}.imagegen-list{flex-direction:column;display:flex}.imagegen-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;color:var(--text-primary);transition:all var(--transition-fast);border-bottom:1px solid var(--border);text-decoration:none;display:flex}.imagegen-item:last-child{border-bottom:none}.imagegen-item:hover{background-color:#0000}.imagegen-number{background-color:var(--accent);color:#fff;border-radius:var(--radius-full);width:20px;height:20px;font-size:var(--font-size-badge);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-weight:600;display:flex}.imagegen-prompt{color:var(--text-primary);word-break:break-word;flex:1;font-weight:500;line-height:1.4}.imagegen-cost-loading{padding:var(--space-4) 0;text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.imagegen-cost{margin-top:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.imagegen-cost .imagegen-label{color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm)}.imagegen-cost .imagegen-cost-value{color:var(--accent);font-weight:600;font-size:var(--font-size-lg)}.cost-history-body{padding:0}.cost-history-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.cost-history-empty p{margin:var(--space-2) 0}.cost-history-content{padding:var(--space-4)}.cost-history-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--font-size-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.cost-history-table thead{background:var(--gradient-table-header);border-bottom:2px solid var(--border)}.cost-history-table th{padding:14px var(--space-4);text-align:left;color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.8px}.cost-history-table th:last-child,.cost-history-table td:last-child{text-align:right}.cost-history-table tbody{background-color:var(--bg-primary)}.cost-history-table tbody tr{transition:background-color var(--transition-fast)}.cost-history-table tbody tr:not(:last-child){border-bottom:1px solid var(--border)}.cost-history-table tbody tr:hover{background-color:var(--bg-hover)}.cost-history-table tbody tr:first-child{background-color:var(--bg-tertiary);border-left:3px solid var(--accent)}.cost-history-table tbody tr:first-child:hover{background-color:var(--bg-hover)}.cost-history-table td{padding:14px var(--space-4);color:var(--text-secondary)}.cost-history-table tbody tr:first-child td{color:var(--text-primary);font-weight:500}.cost-history-table tfoot{background:var(--gradient-table-header);border-top:2px solid var(--border)}.cost-history-table tfoot td{padding:18px var(--space-4);color:var(--text-primary);font-size:var(--font-size-md)}.cost-amount{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:.3px;font-weight:600}.cost-history-table tbody tr:first-child .cost-amount{color:var(--accent)}.cost-messages{text-align:right;color:var(--text-muted);font-size:var(--font-size-base);font-weight:400}.cost-history-total .cost-amount{font-size:1.0625rem;font-weight:700}.cost-history-total .cost-messages{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.message-cost-content{padding:var(--space-4)}.message-cost-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--font-size-sm)}.message-cost-table tbody tr{border-bottom:1px solid var(--border)}.message-cost-table tbody tr:last-child{border-bottom:none}.message-cost-table td{padding:var(--space-3) 0;vertical-align:top}.message-cost-table .message-cost-label{color:var(--text-secondary);padding-right:var(--space-4);white-space:nowrap;font-weight:500}.message-cost-table .message-cost-value{color:var(--text-primary);text-align:right}.message-cost-table .message-cost-amount{font-size:var(--font-size-xl);color:var(--accent);font-weight:600}.toast-container{top:calc(var(--space-4) + env(safe-area-inset-top,0px));z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:calc(100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:auto;max-width:400px;animation:.2s ease-out toast-enter;display:flex}.toast-exit{animation:.2s ease-in forwards toast-exit}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-icon svg{width:100%;height:100%}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--accent)}.toast-message{font-size:var(--font-size-sm);color:var(--text-primary);flex:1;line-height:1.4}.toast-action{padding:var(--space-1-5) var(--space-3);background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-fast);border:none;flex-shrink:0;font-weight:500}.toast-action:hover{background-color:var(--accent-hover)}.toast-dismiss{width:24px;height:24px;padding:var(--space-1);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0}.toast-dismiss:hover{background-color:var(--bg-hover);color:var(--text-primary)}.toast-dismiss svg{width:100%;height:100%}@media (width<=480px){.toast-container{left:var(--space-4);right:var(--space-4);transform:none}.toast{gap:var(--space-2);flex-wrap:wrap;padding-right:36px;position:relative}.toast-message{flex:1;min-width:0}.toast-action{flex-basis:100%;order:10}.toast-dismiss{top:var(--space-2);right:var(--space-2);position:absolute}}.modal-container{z-index:var(--z-modal);background-color:var(--overlay-bg);padding:var(--space-4);justify-content:center;align-items:center;animation:.15s ease-out modal-overlay-enter;display:flex;position:fixed;inset:0}.modal-container.modal-hidden{display:none}.modal-container.modal-overlay-exit{animation:.15s ease-in forwards modal-overlay-exit}@keyframes modal-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-exit{0%{opacity:1}to{opacity:0}}.modal{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-6);width:100%;max-width:400px;animation:.15s ease-out modal-enter;position:relative}.modal.modal-exit{animation:.15s ease-in forwards modal-exit}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-close{top:var(--space-3);right:var(--space-3);width:28px;height:28px;padding:var(--space-1-5);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;position:absolute}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-close svg{width:100%;height:100%}.modal-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-3);padding-right:var(--space-8);font-weight:600}.modal-message{font-size:var(--font-size-md);color:var(--text-secondary);line-height:var(--line-height);margin-bottom:var(--space-5)}.modal-input{width:100%;padding:10px var(--space-3);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--space-5);transition:border-color var(--transition-fast);outline:none}.modal-input:focus{border-color:var(--accent)}.modal-input::placeholder{color:var(--text-muted)}.modal-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.modal-cancel{padding:10px var(--space-5);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--transition-fast);font-weight:500}.modal-cancel:hover{background-color:var(--bg-hover)}.modal-confirm{padding:10px var(--space-5);background-color:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--transition-fast);border:none;font-weight:500}.modal-confirm:hover{background-color:var(--accent-hover)}.modal-confirm.modal-danger{background-color:var(--error)}.modal-confirm.modal-danger:hover{background-color:var(--error-hover)}.version-banner{background-color:var(--color-brand-800);color:#fff;padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0));justify-content:center;align-items:center;gap:var(--space-4);z-index:var(--z-banner);transition:transform var(--transition-slow);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 4px 12px #0000004d}.version-banner.visible{transform:translateY(0)}.version-banner-message{font-size:var(--font-size-sm);font-weight:500}.version-banner-actions{gap:var(--space-2);display:flex}.version-banner-reload{color:var(--color-brand-950);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;align-items:center;gap:var(--space-1-5);transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;border:none;font-weight:500;display:flex}.version-banner-reload:hover{background-color:#ffffffd9;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.version-banner-reload:active{box-shadow:none;background-color:#ffffffbf;transform:translateY(0)}.version-banner-dismiss{color:#fff;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-base);cursor:pointer;align-items:center;gap:var(--space-1-5);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background-color:#ffffff26;border:1px solid #ffffff4d;font-weight:500;display:flex}.version-banner-dismiss:hover{background-color:#ffffff26;border-color:#fffc;transform:translateY(-1px)}.version-banner-dismiss:active{background-color:#ffffff40;transform:translateY(0)}.version-banner-reload svg,.version-banner-dismiss svg{width:14px;height:14px}@media (width<=768px){.version-banner{gap:var(--space-2);text-align:center;flex-wrap:wrap}.version-banner-message{width:100%}}.memories-body{padding:0}.memories-loading,.memories-error{text-align:center;color:var(--text-muted);padding:48px 24px}.memories-error p{margin:var(--space-2) 0}.memories-retry-btn{margin-top:var(--space-4)}.memories-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.memories-empty-icon{width:48px;height:48px;margin:0 auto var(--space-4);opacity:.5}.memories-empty-icon svg{width:100%;height:100%}.memories-empty p{margin:var(--space-2) 0}.memories-list{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.memory-item{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);transition:background-color var(--transition-fast);flex-direction:column;padding-right:48px;display:flex;position:relative}.memory-item:last-child{border-bottom:none}.memory-item:hover{background-color:var(--bg-hover)}.memory-header{align-items:center;gap:var(--space-2);display:flex}.memory-category{font-size:var(--font-size-xs);border-radius:var(--radius-pill);text-transform:capitalize;align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}.memory-category.preference{background-color:var(--color-brand-900);color:var(--color-brand-400)}.memory-category.fact{background-color:var(--color-success-900);color:var(--color-success-400)}.memory-category.context{background-color:var(--color-warning-900);color:var(--color-warning-400)}.memory-category.goal{background-color:var(--color-error-900);color:var(--color-error-400)}.memory-content{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5}.memory-delete-btn{top:50%;right:var(--space-3);width:32px;height:32px;padding:var(--space-2);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);background:0 0;border:none;position:absolute;transform:translateY(-50%)}.memory-item:hover .memory-delete-btn{opacity:1}.memory-delete-btn:hover{color:var(--error);background-color:var(--color-error-900)}.memory-delete-btn svg{width:100%;height:100%}.info-popup-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background-color:var(--bg-tertiary);justify-content:center;display:flex}.memories-count{font-size:var(--font-size-sm);color:var(--text-muted)}@media (width<=768px){.memory-delete-btn{opacity:1}}.settings-loading,.settings-error{text-align:center;color:var(--text-muted);padding:48px 24px}.settings-error p{margin:var(--space-2) 0}.settings-retry-btn{margin-top:var(--space-4)}.settings-body{padding:var(--space-4)}.settings-field{gap:var(--space-2);flex-direction:column;display:flex}.settings-label{color:var(--text-primary);font-weight:600;font-size:var(--font-size-md)}.settings-label-with-icon{align-items:center;gap:var(--space-2);display:flex}.settings-label-icon{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-label-icon svg{width:100%;height:100%}.settings-helper{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.4}.settings-textarea{width:100%;min-height:150px;padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);resize:vertical;transition:border-color var(--transition-fast);line-height:1.5}.settings-textarea:focus{border-color:var(--accent);outline:none}.settings-textarea::placeholder{color:var(--text-muted)}.settings-input{width:100%;padding:var(--space-2) var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.settings-input:focus{border-color:var(--accent);outline:none}.settings-input::placeholder{color:var(--text-muted)}.settings-helper-muted{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.settings-char-count{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right}.settings-char-count.warning{color:var(--warning)}.settings-char-count.error{color:var(--error)}.settings-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background-color:var(--bg-tertiary);display:flex}.settings-save-btn{min-width:80px}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-divider{background-color:var(--border);height:1px;margin:var(--space-4) 0}.settings-color-scheme{gap:var(--space-2);display:flex}.settings-color-scheme-option{align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:1;display:flex}.settings-color-scheme-option:hover{border-color:var(--text-muted)}.settings-color-scheme-option.selected{border-color:var(--accent);background-color:var(--accent-muted)}.settings-color-scheme-icon{width:24px;height:24px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.settings-color-scheme-option.selected .settings-color-scheme-icon{color:var(--accent)}.settings-color-scheme-icon svg{width:100%;height:100%}.settings-color-scheme-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.settings-color-scheme-option.selected .settings-color-scheme-label{color:var(--text-primary)}@media (width<=480px){.settings-color-scheme{flex-direction:column}.settings-color-scheme-option{padding:var(--space-2) var(--space-3);flex-direction:row;justify-content:flex-start}}.settings-todoist-loading{padding:var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.settings-todoist-connected{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.settings-todoist-status{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;display:flex}.settings-todoist-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.settings-todoist-icon.connected{color:var(--success)}.settings-todoist-icon.warning{color:var(--warning)}.settings-todoist-icon svg{width:100%;height:100%}.settings-todoist-disconnected{padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm)}.settings-todoist-disconnected .settings-helper{margin-bottom:var(--space-3)}.settings-todoist-needs-reconnect{padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--warning);border-radius:var(--radius-sm)}.settings-todoist-needs-reconnect .settings-todoist-status{color:var(--warning);margin-bottom:var(--space-1)}.settings-todoist-needs-reconnect .settings-helper{margin-bottom:var(--space-3)}.settings-todoist-actions{gap:var(--space-2);display:flex}.settings-todoist-connect,.settings-todoist-disconnect{white-space:nowrap}@media (width<=480px){.settings-todoist-connected{align-items:flex-start;gap:var(--space-2);flex-direction:column}.settings-todoist-disconnect{width:100%}.settings-todoist-actions{flex-direction:column;width:100%}.settings-todoist-actions .btn{width:100%}}.settings-calendar-loading{padding:var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.settings-calendar-error{gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-warning);border:1px solid var(--border-warning);border-radius:var(--radius-sm);display:flex}.settings-calendar-error .warning{color:var(--color-warning);flex-shrink:0}.settings-error-message{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.settings-calendar-connected{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.settings-calendar-disconnected,.settings-calendar-needs-reconnect{gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.settings-calendar-status{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;display:flex}.settings-calendar-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.settings-calendar-icon.connected{color:var(--success)}.settings-calendar-icon.warning{color:var(--warning)}.settings-calendar-icon svg{width:100%;height:100%}.settings-calendar-needs-reconnect{border-color:var(--warning)}.settings-calendar-needs-reconnect .settings-helper{margin-bottom:0}.settings-calendar-actions{gap:var(--space-2);display:flex}.settings-calendar-connect,.settings-calendar-disconnect{white-space:nowrap}.settings-calendar-connected-wrapper{gap:var(--space-4);flex-direction:column;display:flex}.settings-calendar-selection{padding:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.settings-calendar-list{gap:var(--space-2);margin:var(--space-3) 0;max-height:400px;padding:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.settings-calendar-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.settings-calendar-item:hover:not(.disabled){border-color:var(--accent);background-color:var(--bg-hover)}.settings-calendar-item:has(.settings-calendar-checkbox:checked){border-color:var(--accent);background-color:var(--accent-muted)}.settings-calendar-item.disabled{cursor:default;opacity:.9}.settings-calendar-checkbox{cursor:pointer;flex-shrink:0;width:18px;height:18px}.settings-calendar-item.disabled .settings-calendar-checkbox{cursor:default}.settings-calendar-info{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.calendar-color-dot{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px}.calendar-star-icon{width:14px;height:14px;color:var(--warning);flex-shrink:0;justify-content:center;align-items:center;display:flex}.calendar-star-icon svg{width:100%;height:100%}.settings-calendar-name{font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.settings-calendar-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:capitalize;flex-shrink:0}.settings-calendar-save-btn{width:100%;margin-top:var(--space-3)}.settings-empty-state{padding:var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.spinner-small{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.settings-calendar-connected{align-items:flex-start;gap:var(--space-2);flex-direction:column}.settings-calendar-disconnect{width:100%}.settings-calendar-actions{flex-direction:column;width:100%}.settings-calendar-actions .btn{width:100%}.settings-calendar-header{flex-direction:column;align-items:flex-start}.settings-calendar-list{max-height:300px}.settings-calendar-badge{display:none}}.settings-garmin-loading{padding:var(--space-3);color:var(--text-muted);font-size:var(--font-size-sm);text-align:center}.settings-garmin-disconnected,.settings-garmin-needs-reconnect,.settings-garmin-mfa{gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.settings-garmin-needs-reconnect{border-color:var(--warning)}.settings-garmin-login-form{gap:var(--space-3);flex-direction:column;display:flex}.settings-garmin-connected{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex}.settings-garmin-status{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;display:flex}.settings-garmin-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.settings-garmin-icon.connected{color:var(--success)}.settings-garmin-icon.warning{color:var(--warning)}.settings-garmin-icon svg{width:100%;height:100%}.settings-garmin-actions{gap:var(--space-2);display:flex}.settings-garmin-connect,.settings-garmin-disconnect{white-space:nowrap}@media (width<=480px){.settings-garmin-connected{align-items:flex-start;gap:var(--space-2);flex-direction:column}.settings-garmin-disconnect{width:100%}.settings-garmin-actions{flex-direction:column;width:100%}.settings-garmin-actions .btn{width:100%}}.login-overlay{background-color:var(--bg-primary);z-index:var(--z-modal-backdrop);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-overlay.hidden{display:none}.login-box{text-align:center;padding:var(--space-12)}.login-box h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin:0 0 var(--space-2);font-weight:600}.login-box p{color:var(--text-secondary);font-size:var(--font-size-md);margin:0 0 var(--space-6)}.login-privacy-link{margin-top:var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-xs);text-decoration:none;display:inline-block}.login-privacy-link:hover{color:var(--text-secondary);text-decoration:underline}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast-exit{opacity:0;animation:none}.modal-overlay{animation:none}.modal-overlay.exit{opacity:0;animation:none}.modal-dialog,.modal-dialog.exit{animation:none}}.thinking-indicator{margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-sm);overflow:hidden}.thinking-indicator-content{flex-direction:column;display:flex}.thinking-trace{gap:var(--space-1);flex-direction:column;display:flex}.thinking-trace-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);min-height:32px;line-height:18px;display:flex}.thinking-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:18px;display:flex}.thinking-icon svg{width:16px;height:16px}.thinking-label{flex-shrink:0;font-weight:500;line-height:18px}.thinking-detail{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-mono);font-size:var(--font-size-xs);flex:1;line-height:18px;overflow:hidden}.thinking-indicator-content .thinking-trace-item:last-child .thinking-detail,.thinking-detail.full-detail{white-space:pre-wrap;word-break:break-word;text-overflow:clip;overflow:visible}.thinking-markdown{font-family:var(--font-family);font-size:var(--font-size-sm);white-space:normal;line-height:1.5}.thinking-markdown p{margin:0 0 var(--space-2) 0}.thinking-markdown p:last-child{margin-bottom:0}.thinking-markdown ul,.thinking-markdown ol{margin:var(--space-1) 0;padding-left:var(--space-4)}.thinking-markdown li{margin:var(--space-1) 0}.thinking-markdown code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background-color:var(--code-inline-bg);border-radius:var(--radius-xs);padding:2px 4px}.thinking-markdown pre{margin:var(--space-2) 0;padding:var(--space-2);background-color:var(--code-inline-bg);border-radius:var(--radius-sm);overflow-x:auto}.thinking-markdown pre code{background:0 0;padding:0}.thinking-markdown strong{font-weight:600}.thinking-markdown em{font-style:italic}.thinking-markdown blockquote{margin:var(--space-2) 0;padding-left:var(--space-3);border-left:2px solid var(--border);color:var(--text-muted)}.thinking-dots{flex-shrink:0;align-items:center;gap:2px;height:18px;margin-left:auto;display:flex}.thinking-dots span{background-color:var(--text-muted);border-radius:var(--radius-full);width:4px;height:4px;animation:1.4s ease-in-out infinite thinking-bounce}.thinking-dots span:first-child{animation-delay:0s}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.thinking-trace-item.active{background:linear-gradient(135deg, var(--bg-tertiary), #6366f11a);border:1px solid #6366f133}.thinking-trace-item.active .thinking-icon{color:var(--accent)}.thinking-trace-item.completed{opacity:.8}.thinking-checkmark{color:var(--success);flex-shrink:0;margin-left:auto;font-weight:600;line-height:18px}.thinking-indicator.finalized{background-color:var(--bg-tertiary)}.thinking-toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.thinking-toggle:hover{background-color:var(--bg-hover)}.thinking-toggle-icon{width:14px;height:14px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.thinking-toggle-icon svg{width:100%;height:100%}.thinking-indicator.expanded .thinking-toggle-icon{transform:rotate(90deg)}.thinking-toggle-summary{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.thinking-details{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.thinking-details[hidden]{display:none}.thinking-details .thinking-trace-item{background-color:var(--code-inline-bg)}.thinking-details .thinking-detail{white-space:pre-wrap;word-break:break-word}@media (width<=768px){.thinking-indicator{font-size:var(--font-size-xs)}.thinking-trace-item,.thinking-toggle{padding:var(--space-1-5) var(--space-2)}.thinking-detail{max-width:180px}}.planner-entry{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:var(--bg-secondary);display:flex}.planner-entry:hover{background-color:var(--bg-hover)}.planner-entry.active{background-color:var(--accent-muted)}.planner-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.planner-icon svg{width:20px;height:20px;color:var(--accent)}.planner-label{font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.sidebar-nav-row{gap:var(--space-2);display:flex}.sidebar-nav-row .planner-entry,.sidebar-nav-row .agents-entry{flex:1;justify-content:center;min-width:0}.sidebar-nav-row:not(.single) .planner-label,.sidebar-nav-row:not(.single) .agents-label{display:none}.sidebar-nav-row.single .planner-entry,.sidebar-nav-row.single .agents-entry{flex:1;justify-content:flex-start}.sidebar-nav-row.single .planner-label,.sidebar-nav-row.single .agents-label{display:block}.sidebar-divider{background:var(--border);height:1px;margin:var(--space-2) 0}.planner-dashboard-message{margin:var(--space-4);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.dashboard-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.dashboard-title{align-items:center;gap:var(--space-3);display:flex}.dashboard-title-icon{justify-content:center;align-items:center;display:flex}.dashboard-title-icon svg{width:28px;height:28px;color:var(--accent)}.dashboard-title-text{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.dashboard-actions{gap:var(--space-2);display:flex}.planner-refresh-btn,.planner-reset-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;display:flex}.planner-refresh-btn svg,.planner-reset-btn svg{width:16px;height:16px}.planner-refresh-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.planner-reset-btn:hover{background:var(--bg-hover);border-color:var(--error);color:var(--error);transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.planner-refresh-btn:active,.planner-reset-btn:active{transform:translateY(1px)scale(.97);box-shadow:0 1px 3px #0000001a}.planner-dashboard-message.loading{padding:var(--space-12);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.dashboard-loading{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.dashboard-loading-icon{width:48px;height:48px;color:var(--accent);animation:2s ease-in-out infinite float}.dashboard-loading-icon svg{width:100%;height:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard-loading-dots{gap:var(--space-2);display:flex}.dashboard-loading-dots span{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce-loading}.dashboard-loading-dots span:first-child{animation-delay:-.32s}.dashboard-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce-loading{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.dashboard-loading-text{font-size:var(--font-size-base);background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500}.dashboard-section{margin-bottom:var(--space-6)}.dashboard-section:last-child{margin-bottom:0}.dashboard-section h3{font-size:var(--font-size-base);color:var(--text-primary);margin:0 0 var(--space-3) 0;font-weight:600}.dashboard-section.overdue{background:var(--color-error-900);border:2px solid #f871714d;border-left:5px solid var(--color-error-400);border-radius:var(--radius-lg);padding:var(--space-5);animation:3s ease-in-out infinite soft-pulse;position:relative;box-shadow:0 2px 8px #f8717126}.dashboard-section.overdue:before{content:"⏰";right:var(--space-4);top:var(--space-4);font-size:var(--font-size-2xl);opacity:.6;position:absolute}@keyframes soft-pulse{0%,to{border-left-color:var(--color-error-400);box-shadow:0 2px 8px #f8717126}50%{border-left-color:var(--color-error-500);box-shadow:0 2px 12px #f8717140}}.dashboard-section.overdue h3{color:var(--color-error-600);font-size:var(--font-size-lg)}.dashboard-section details{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-primary);transition:all var(--transition-normal);overflow:hidden;box-shadow:0 1px 3px #00000014}.dashboard-section details[open]{border-color:var(--accent);box-shadow:0 0 0 2px #6366f126,0 2px 8px #0000001a}.dashboard-section details summary{padding:var(--space-4);cursor:pointer;font-size:var(--font-size-lg);color:var(--text-primary);background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));align-items:center;gap:var(--space-3);transition:all var(--transition-fast);font-weight:600;list-style:none;display:flex}.dashboard-section details summary::-webkit-details-marker{display:none}.dashboard-section details summary:hover{background:linear-gradient(135deg, var(--bg-hover), var(--bg-tertiary));color:var(--accent);padding-left:var(--space-5)}.dashboard-section details summary:before{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex-shrink:0;width:8px;height:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(-45deg)}.dashboard-section details[open] summary:before{transform:rotate(45deg)}.dashboard-section details summary{position:relative}.dashboard-section details>div{padding:var(--space-4);animation:.4s cubic-bezier(.4,0,.2,1) expand}@keyframes expand{0%{opacity:0;max-height:0;transform:translateY(-12px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.dashboard-day{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000d}.dashboard-day:last-child{margin-bottom:0}.dashboard-day-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xl);color:var(--text-primary);background:linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary));border:1px solid var(--border);font-weight:700;display:flex}.dashboard-day-icon{width:32px;height:32px;padding:var(--space-2);background:linear-gradient(135deg, var(--accent), #8b5cf6);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 8px #6366f14d}.dashboard-day-icon svg{width:100%;height:100%}.dashboard-day-date{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.dashboard-day-empty{padding:var(--space-4) var(--space-2);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);background:var(--color-success-900);border-radius:var(--radius-md);border:2px dashed #34d3994d;justify-content:center;align-items:center;display:flex}.dashboard-day-empty p{margin:0}.dashboard-events,.dashboard-tasks{margin-bottom:var(--space-4)}.dashboard-events:last-child,.dashboard-tasks:last-child{margin-bottom:0}.dashboard-events-header,.dashboard-tasks-header{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-weight:600;display:flex}.dashboard-events-header{color:var(--color-brand-600)}.dashboard-tasks-header{color:var(--color-warning-500)}.dashboard-section-icon{width:16px;height:16px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.dashboard-section-icon svg{width:100%;height:100%}.planner-item{gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg);transition:background-color var(--transition-fast), border-color var(--transition-fast);background:var(--bg-primary);border:1px solid var(--border);border-left-width:2px;flex-direction:column;animation:.2s ease-out both fadeInItem;display:flex;position:relative;box-shadow:0 1px 3px #00000014}@keyframes fadeInItem{0%{opacity:0}to{opacity:1}}.planner-item-event{background:linear-gradient(135deg, #6366f114, var(--bg-primary))}.planner-item-task{background:linear-gradient(135deg, #f59e0b14, var(--bg-primary))}.planner-item-task .planner-item-content{flex-direction:row;align-items:center}.planner-item-event .planner-item-text{gap:var(--space-1);flex-direction:column;display:flex}.planner-item:not(:last-child){margin-bottom:var(--space-2)}.planner-item:hover{background:var(--bg-hover);border-color:var(--accent)}.planner-item-content{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.planner-item-time{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--color-brand-600);border-radius:var(--radius-md);background:#6366f11f;border:1px solid #6366f14d;font-weight:700;display:flex;position:relative}.planner-item-text{font-size:var(--font-size-base);color:var(--text-primary);flex:1;min-width:0;font-weight:500;line-height:1.6}.planner-item-location{font-size:var(--font-size-sm);color:var(--color-brand-500);align-items:center;gap:var(--space-1-5);transition:all var(--transition-fast);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);margin-top:var(--space-2);background:#6366f114;border:1px solid #6366f133;width:fit-content;font-weight:500;text-decoration:none;display:inline-flex}.planner-item-location:hover{color:var(--color-brand-600);background:#6366f126;border-color:#6366f14d;transform:translate(2px)}.planner-item-location:active{transform:translate(2px)scale(.98)}.planner-item-location .location-icon{width:16px;height:16px;display:inline-flex}.planner-item-location .location-icon svg{width:100%;height:100%}.planner-item-project,.planner-item-calendar{font-size:var(--font-size-xs);color:var(--text-secondary);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border);font-style:normal;font-weight:600;display:inline-flex}.planner-item-copy{opacity:0;color:var(--accent);padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#6366f11a;border:1px solid #6366f133;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;display:inline-flex}.planner-item:hover .planner-item-copy{opacity:1}.planner-item-copy:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.1)}.planner-item-copy:active{transform:scale(.95)}.planner-item-copy svg{width:12px;height:12px}.planner-item-copy.copied{background:var(--success);color:#fff;border-color:var(--success);animation:.3s ease-out copy-success}@keyframes copy-success{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.planner-item[data-priority="1"]{border-left-width:2px;border-left-color:var(--color-info-500)}.planner-item[data-priority="2"]{border-left-width:3px;border-left-color:var(--color-info-500)}.planner-item[data-priority="3"]{border-left-width:4px;border-left-color:var(--color-warning-500);box-shadow:0 2px 8px #f973161f}.planner-item[data-priority="4"]{border-left-width:5px;border-left-color:var(--color-error-500);animation:3s ease-in-out infinite priority-glow;box-shadow:0 2px 12px #ef444433,-2px 0 8px #ef444426}@keyframes priority-glow{0%,to{box-shadow:0 2px 12px #ef444433,-2px 0 8px #ef444426}50%{box-shadow:0 2px 16px #ef44444d,-3px 0 12px #ef444440}}.planner-item.all-day .planner-item-time{text-transform:uppercase;letter-spacing:.05em;font-style:normal;font-weight:700;font-size:var(--font-size-xs);color:var(--color-purple-400);padding:var(--space-1) var(--space-2);background:#a855f726;border:1px solid #a855f74d}.dashboard-empty{padding:var(--space-12);text-align:center;color:var(--text-secondary);font-size:var(--font-size-base);background:var(--color-success-900);border-radius:var(--radius-lg);border:2px dashed #34d39966;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.dashboard-empty:before{content:"";background:radial-gradient(circle,#34d3991a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate-gradient;position:absolute;top:-50%;left:-50%}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-empty-icon{background:linear-gradient(135deg, var(--color-success-500), var(--color-success-400));color:#fff;width:64px;height:64px;margin-bottom:var(--space-4);padding:var(--space-3);z-index:1;border-radius:50%;justify-content:center;align-items:center;animation:1s ease-out checkmark-draw;display:flex;position:relative;box-shadow:0 4px 12px #10b9814d}@keyframes checkmark-draw{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)rotate(-45deg)}to{opacity:1;transform:scale(1)rotate(0)}}.dashboard-empty-icon svg{width:100%;height:100%}.dashboard-empty p{z-index:1;margin:0;font-weight:600;position:relative}.dashboard-empty p:first-of-type{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-2)}.dashboard-empty p:last-of-type{color:var(--text-muted);font-size:var(--font-size-sm)}.dashboard-error{background:var(--color-warning-900);border:2px solid #fbbf2466;border-left:4px solid var(--color-warning-500);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-md);align-items:center;gap:var(--space-3);display:flex;box-shadow:0 2px 8px #f59e0b26}.dashboard-error:before{content:"⚠️";font-size:var(--font-size-xl);background:linear-gradient(135deg, var(--color-warning-400), var(--color-warning-500));border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #f59e0b4d}.dashboard-error strong{color:var(--text-primary);font-weight:700}.health-summary-strip{gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.health-metric{align-items:center;gap:var(--space-1-5);font-size:var(--font-size-sm);color:var(--text-primary);display:flex}.health-metric-icon{width:16px;height:16px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.health-metric-icon svg{width:100%;height:100%}.health-metric-value{font-weight:700;font-size:var(--font-size-base)}.health-metric-label{color:var(--text-muted);font-size:var(--font-size-xs)}.weather-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;margin-left:auto;font-weight:600;display:inline-flex}.weather-badge-icon{width:14px;height:14px;color:var(--color-warning-500);align-items:center;display:inline-flex}.weather-badge-icon svg{width:100%;height:100%}.weather-badge-temp{color:var(--text-primary);font-weight:700}.weather-badge-precip{color:var(--color-info-500)}.time-indicator{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;display:flex;position:relative}.time-indicator-label{font-size:var(--font-size-xs);color:var(--error);white-space:nowrap;padding:var(--space-1) var(--space-2);background:var(--bg-primary);border:1px solid var(--error);border-radius:var(--radius-sm);font-weight:700}.time-indicator-line{background:var(--error);border-radius:1px;flex:1;height:2px}.planner-item[data-past=true]{opacity:.5}.planner-item[data-past=true] .planner-item-time{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-muted)}.planner-item-location-inline{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-brand-500);margin-left:var(--space-2);display:inline-flex}.planner-item-location-inline .location-icon{width:12px;height:12px;display:inline-flex}.planner-item-location-inline .location-icon svg{width:100%;height:100%}.planner-item-location-inline a{color:inherit;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:200px;text-decoration:none;display:inline-block;overflow:hidden}.planner-item-location-inline a:hover{text-decoration:underline}.planner-entry:focus-visible{outline:3px solid var(--accent);outline-offset:2px;background-color:var(--bg-hover)}.planner-refresh-btn:focus-visible,.planner-reset-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #6366f133}.planner-reset-btn:focus-visible{outline-color:var(--error);box-shadow:0 0 0 4px #ef444433}.planner-item-copy:focus-visible{outline-offset:2px;opacity:1;outline:3px solid #fff;box-shadow:0 0 0 4px #6366f14d}.planner-item-location:focus-visible{outline-offset:2px;outline:3px solid #fff;box-shadow:0 0 0 4px #6366f14d}.dashboard-section details summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #6366f126}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.planner-item{border-width:2px}.dashboard-section.overdue{border-width:3px}.planner-item[data-priority="4"]:before{width:8px}}@media (width<=768px){.planner-dashboard-message{margin:var(--space-2);padding:var(--space-4)}.dashboard-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.dashboard-title-text{font-size:var(--font-size-xl)}.dashboard-title-icon svg{width:24px;height:24px}.dashboard-actions{gap:var(--space-2);width:100%;display:flex}.planner-refresh-btn,.planner-reset-btn{min-height:44px;padding:var(--space-3);flex:1;justify-content:center}.planner-refresh-btn span,.planner-reset-btn span{display:none}.planner-refresh-btn svg,.planner-reset-btn svg{width:18px;height:18px}.health-summary-strip{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.health-metric{font-size:var(--font-size-xs)}.health-metric-value{font-size:var(--font-size-sm)}.weather-badge{padding:var(--space-1);font-size:10px}.planner-item{gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-2)}.planner-item-time{width:100%;font-size:var(--font-size-xs);padding:var(--space-2)}.planner-item-content{width:100%}.planner-item-copy{opacity:.8;min-width:28px;height:28px;padding:var(--space-1-5)}.planner-item:hover .planner-item-copy{opacity:.8}.planner-item-copy:active{opacity:1;background:var(--accent);color:#fff;transform:scale(.95)}.planner-item-copy svg{width:14px;height:14px}.dashboard-day-icon{width:28px;height:28px}.dashboard-day-header{font-size:var(--font-size-lg);padding:var(--space-2-5)}.dashboard-events-header,.dashboard-tasks-header{font-size:var(--font-size-sm)}.planner-item-location{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px}.dashboard-loading{padding:var(--space-8)}.dashboard-loading-icon{width:40px;height:40px}.dashboard-empty{padding:var(--space-8)}.dashboard-empty-icon{width:48px;height:48px}}.agents-entry{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:var(--bg-secondary);display:flex}.agents-entry:hover{background-color:var(--bg-hover)}.agents-entry.active{background-color:var(--accent-muted)}.agents-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.agents-icon svg{width:20px;height:20px;color:var(--accent)}.agents-label{font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.agents-entry .waiting-badge{min-width:18px;height:18px;padding:0 var(--space-1);font-size:var(--font-size-xs);color:#fff;background-color:var(--color-warning-500);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;animation:2s ease-in-out infinite waiting-pulse;display:inline-flex}.agents-entry .error-indicator{background:var(--color-error-500);border-radius:50%;flex-shrink:0;width:8px;height:8px}@keyframes waiting-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.command-center{padding:var(--space-4);max-width:900px;margin:0 auto}.command-center--loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.command-center-loading{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.command-center-loading p{font-size:var(--font-size-base);color:var(--text-secondary)}.command-center-error{padding:var(--space-6);text-align:center}.command-center-error .error-message{background:var(--color-error-900);border:2px solid #f871714d;border-left:4px solid var(--color-error-500);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--text-primary)}.command-center-stale-warning{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-warning-900);border:1px solid var(--color-warning-500);border-radius:var(--radius-md);color:var(--color-warning-600);font-size:var(--font-size-sm);display:flex}.command-center-stale-warning .warning-icon{flex-shrink:0;align-items:center;display:flex}.command-center-stale-warning .warning-icon svg{width:18px;height:18px;color:var(--color-warning-500)}.command-center-stale-warning .btn-retry{padding:var(--space-1) var(--space-3);border:1px solid var(--color-warning-500);border-radius:var(--radius-sm);color:var(--color-warning-500);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;margin-left:auto;font-weight:500}.command-center-stale-warning .btn-retry:hover{background:var(--color-warning-500);color:#fff}.command-center-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.command-center-title{align-items:center;gap:var(--space-3);display:flex}.command-center-title h2{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.command-center-icon{justify-content:center;align-items:center;display:flex}.command-center-icon svg{width:28px;height:28px;color:var(--accent)}.command-center-header-actions{align-items:center;gap:var(--space-2);display:flex}.command-center-header .btn-refresh,.command-center-header .btn-new-agent{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;display:flex}.command-center-header .btn-refresh svg,.command-center-header .btn-new-agent svg{width:16px;height:16px}.command-center-header .btn-refresh:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.command-center-header .btn-new-agent{background:var(--accent);border-color:var(--accent);color:#fff}.command-center-header .btn-new-agent:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}.command-center-section{margin-bottom:var(--space-6)}.command-center-section:last-child{margin-bottom:0}.section-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--space-4) 0;font-weight:600;display:flex}.section-icon{justify-content:center;align-items:center;display:flex}.section-icon svg{width:20px;height:20px;color:var(--accent)}.command-center-section--approvals .section-icon svg{color:var(--color-success-500)}.command-center-section--approvals.has-approvals{background:var(--color-warning-50);border:2px solid var(--color-warning-400);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.command-center-section--approvals.has-approvals .section-icon svg{color:var(--color-warning-500)}.command-center-section--approvals.has-approvals .section-title{color:var(--color-warning-700)}[data-theme=dark] .command-center-section--approvals.has-approvals{border-color:var(--color-warning-500);background:#eab3081a}[data-theme=dark] .command-center-section--approvals.has-approvals .section-title{color:var(--color-warning-400)}.approvals-empty{padding:var(--space-4);text-align:center;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-md)}.approvals-empty p{margin:0}.approvals-empty p:first-child{color:var(--text-primary);font-weight:500}.approvals-empty .text-muted{font-size:var(--font-size-sm);margin-top:var(--space-1)}.badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600}.badge--warning{background:var(--color-warning-900);color:var(--color-warning-600)}.agents-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.agent-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.agent-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.agent-card--disabled{opacity:.6}.agent-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.agent-card-title-row{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.agent-card-title-row .unread-badge{min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:10px}.status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-indicator--warning{background:var(--color-warning-500);animation:2s ease-in-out infinite waiting-pulse}.status-indicator--disabled{background:var(--text-muted)}.status-indicator--success{background:var(--color-success-500)}.status-indicator--error{background:var(--color-error-500)}.agent-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.agent-card-actions{gap:var(--space-2);display:flex}.btn-icon{padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.btn-icon svg{width:16px;height:16px}.btn-icon:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.btn-run:hover{border-color:var(--color-success-500);color:var(--color-success-500)}.btn-run-labeled{gap:var(--space-1)}.btn-run-label{font-size:var(--font-size-xs);font-weight:500}@media (width<=480px){.btn-run-label{display:none}}.agent-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-3) 0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.agent-card-meta{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.agent-schedule{align-items:center;gap:var(--space-1);display:flex}.agent-last-run,.agent-next-run{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex}.approvals-list{gap:var(--space-3);flex-direction:column;display:flex}.approval-card{background:var(--color-warning-900);border:2px solid #fbbf244d;border-left:4px solid var(--color-warning-500);border-radius:var(--radius-lg);padding:var(--space-4)}.approval-card-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.approval-agent-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.approval-time{font-size:var(--font-size-xs);color:var(--text-muted)}.approval-card-content{margin-bottom:var(--space-3)}.approval-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-2) 0;line-height:1.5}.approval-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.approval-tool{display:inline-block}.approval-tool .tool-name{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500;font-family:var(--font-mono)}.approval-schedule{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted);display:inline-flex}.approval-schedule svg{flex-shrink:0;width:12px;height:12px}.tool-args{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.tool-arg{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tool-arg-key{color:var(--text-secondary);font-weight:500}.tool-args-more{font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2)}.approval-card-actions{gap:var(--space-2);display:flex}.approval-card-actions .btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:flex}.btn-approve{background:var(--color-success-500);color:#fff;border:none}.btn-approve:hover{background:var(--color-success-600)}.btn-approve svg{width:14px;height:14px}.btn-reject{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.btn-reject:hover{background:var(--color-error-900);border-color:var(--color-error-500);color:var(--color-error-500)}.btn-reject svg{width:14px;height:14px}.command-center .empty-state{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.command-center .empty-state p{margin:0}.command-center .empty-state p:first-child{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.command-center .empty-state .text-muted{font-size:var(--font-size-sm);color:var(--text-muted)}.command-center .empty-state .btn-create-agent{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--accent);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:inline-flex}.command-center .empty-state .btn-create-agent svg{width:18px;height:18px}.command-center .empty-state .btn-create-agent:hover{background:var(--color-brand-600);transform:translateY(-1px)}@media (width<=768px){.command-center{padding:var(--space-3)}.command-center-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.command-center-header-actions{gap:var(--space-2);display:flex}.command-center-header .btn-new-agent{flex:1;justify-content:center}.command-center-header .btn-refresh{flex-shrink:0}.command-center-title h2{font-size:var(--font-size-xl)}.agents-list{grid-template-columns:1fr}.agent-card{padding:var(--space-3)}.approval-card-actions{flex-direction:column}.approval-card-actions .btn{justify-content:center;width:100%}}.command-center-section--executions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.section-title--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.section-title--collapsible:hover{color:var(--accent)}.section-toggle{font-size:var(--font-size-xs);color:var(--text-muted);transition:transform var(--transition-fast);margin-left:auto}.executions-list{gap:var(--space-2);flex-direction:column;display:flex}.executions-list.collapsed{display:none}.execution-item{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--border);justify-content:space-between;align-items:center;display:flex}.execution-item--completed{border-left-color:var(--color-success-500)}.execution-item--failed{border-left-color:var(--color-error-500)}.execution-item--running{border-left-color:var(--accent)}.execution-item--waiting_approval{border-left-color:var(--color-warning-500)}.execution-item-main{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.execution-status{font-size:var(--font-size-sm);flex-shrink:0}.execution-item--completed .execution-status{color:var(--color-success-500)}.execution-item--failed .execution-status{color:var(--color-error-500)}.execution-item--running .execution-status{color:var(--accent);animation:1s linear infinite spin}.execution-item--waiting_approval .execution-status{color:var(--color-warning-500)}.execution-agent-name{font-size:var(--font-size-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.execution-trigger{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.execution-item-meta{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.execution-time{font-size:var(--font-size-xs);color:var(--text-muted)}.execution-duration{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm)}.agents-entry:focus-visible{outline:3px solid var(--accent);outline-offset:2px;background-color:var(--bg-hover)}.agent-card:focus-visible,.btn-icon:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.agents-entry .waiting-badge,.status-indicator--warning{animation:none}.agent-card:hover{transform:none}}.agent-conversation-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:10;display:flex;position:sticky;top:0}.agent-conv-back-btn{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.agent-conv-back-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.agent-conv-icon{color:var(--accent);align-items:center;display:flex}.agent-conv-icon svg{width:20px;height:20px}.agent-conv-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.agent-conv-edit{flex-shrink:0}.agent-conv-back-btn:focus-visible,.agent-conv-edit:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=768px){.agent-conversation-header{display:none}}.agent-editor-modal{padding:var(--space-4);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:agent-editor-overlay-in var(--transition-normal) ease-out;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agent-editor-modal.agent-editor-hidden{display:none}.agent-editor-modal.agent-editor-overlay-exit{animation:agent-editor-overlay-out var(--transition-fast) ease-in forwards}@keyframes agent-editor-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes agent-editor-overlay-out{0%{opacity:1}to{opacity:0}}.agent-editor{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;animation:agent-editor-in var(--transition-normal) ease-out;flex-direction:column;display:flex;box-shadow:0 25px 50px #00000040}.agent-editor.agent-editor-exit{animation:agent-editor-out var(--transition-fast) ease-in forwards}@keyframes agent-editor-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes agent-editor-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.agent-editor-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.agent-editor-title-row{align-items:center;gap:var(--space-3);display:flex}.agent-editor-icon svg{width:24px;height:24px;color:var(--accent)}.agent-editor-header h2{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:600}.agent-editor-close{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.agent-editor-close svg{width:20px;height:20px}.agent-editor-close:hover{background:var(--bg-hover);color:var(--text-primary)}.agent-editor-body{padding:var(--space-5);flex:1;min-height:0;overflow:hidden auto}.agent-editor-form{gap:var(--space-4);flex-direction:column;min-width:0;display:flex;overflow:hidden}.form-group{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.form-group .required{color:var(--color-error-500)}.form-input{padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast);font-family:inherit}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);background-size:16px}.form-help{font-size:var(--font-size-xs);color:var(--text-muted)}.form-input--error{border-color:var(--color-error-500)}.form-input--error:focus{border-color:var(--color-error-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error-500) 20%, transparent)}.form-error{font-size:var(--font-size-xs);color:var(--color-error-500)}.form-error--hidden{display:none}.form-textarea--large{resize:vertical;min-height:150px}.custom-cron-container{margin-top:var(--space-2)}.custom-cron-container.hidden{display:none}.tool-permissions-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid;overflow:hidden}@media (width<=600px){.tool-permissions-grid{grid-template-columns:1fr}}.tool-permission-card{cursor:pointer;display:block}.tool-permission-card input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.tool-permission-content{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);min-width:0;display:flex}.tool-permission-card:hover .tool-permission-content{border-color:var(--border-hover);background:var(--bg-hover)}.tool-permission-card input:checked+.tool-permission-content{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.tool-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-icon svg{width:20px;height:20px}.tool-permission-card input:checked+.tool-permission-content .tool-icon{background:var(--accent);color:#fff}.tool-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tool-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.tool-description{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.tool-checkbox-indicator{border:2px solid var(--border);border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-checkbox-indicator:after{content:"";width:10px;height:10px;transition:background var(--transition-fast);background:0 0;border-radius:2px;display:block}.tool-permission-card input:checked+.tool-permission-content .tool-checkbox-indicator{border-color:var(--accent);background:var(--accent)}.tool-permission-card input:checked+.tool-permission-content .tool-checkbox-indicator:after{background:0 0;border:2px solid #fff;border-width:0 2px 2px 0;border-radius:0;width:5px;height:9px;margin-bottom:2px;transform:rotate(45deg)}.form-group-inline{flex-direction:row;align-items:center}.toggle-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.toggle-label input[type=checkbox]{display:none}.toggle-switch{background:var(--bg-tertiary);border-radius:var(--radius-full);width:44px;height:24px;transition:background-color var(--transition-fast);position:relative}.toggle-switch:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:var(--accent)}.toggle-label input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px)}.toggle-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.agent-editor-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex}.agent-editor-footer-right{gap:var(--space-3);display:flex}.agent-editor-footer .btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.agent-editor-footer .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.agent-editor-footer .btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.agent-editor-footer .btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.agent-editor-footer .btn-primary:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}.agent-editor-footer .btn-primary:disabled,.agent-editor-footer .btn-danger:disabled{opacity:.6;cursor:not-allowed}.agent-editor-footer .btn-danger{background:color-mix(in srgb, var(--color-error-500) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-error-500) 30%, transparent);color:var(--color-error-500)}.agent-editor-footer .btn-danger:hover{background:color-mix(in srgb, var(--color-error-500) 20%, transparent);border-color:var(--color-error-500)}.schedule-presets{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.schedule-preset-chip{padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.schedule-preset-chip:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.schedule-preset-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.schedule-natural-input{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.schedule-result{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.schedule-result.hidden{display:none}.schedule-result-info{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}#schedule-explanation{font-size:var(--font-size-sm);color:var(--text-primary)}.schedule-cron-badge{align-items:center;gap:var(--space-2);display:flex}.schedule-cron-badge code{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent)}.btn-icon-tiny{border-radius:var(--radius-sm);width:24px;height:24px;font-size:var(--font-size-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon-tiny:hover{background:var(--bg-hover);color:var(--text-primary)}.cron-edit-container{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.cron-edit-container.hidden{display:none}.cron-edit-container .form-input{margin-bottom:var(--space-1)}.form-help-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-with-icon{align-items:center;gap:var(--space-1);display:inline-flex}.btn-with-icon svg{width:14px;height:14px}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.form-input-sm{padding:var(--space-2);font-size:var(--font-size-sm)}@media (width<=768px){.agent-editor-modal{align-items:flex-end;padding:0}.agent-editor{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:95vh}.schedule-presets{gap:var(--space-1)}.schedule-preset-chip{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.schedule-natural-input{flex-direction:column}.schedule-result-info,.form-help-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.kv-store{padding:var(--space-4);max-width:900px;margin:0 auto}.kv-store--loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.kv-store-loading{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.kv-store-loading p{font-size:var(--font-size-base);color:var(--text-secondary)}.kv-store-error{padding:var(--space-6);text-align:center}.kv-store-error .error-message{background:var(--color-error-900);border:2px solid #f871714d;border-left:4px solid var(--color-error-500);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--text-primary)}.kv-store-stale-warning{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-warning-900);border:1px solid var(--color-warning-500);border-radius:var(--radius-md);color:var(--color-warning-600);font-size:var(--font-size-sm);display:flex}.kv-store-stale-warning .warning-icon{flex-shrink:0;align-items:center;display:flex}.kv-store-stale-warning .warning-icon svg{width:18px;height:18px;color:var(--color-warning-500)}.kv-store-stale-warning .btn-retry{padding:var(--space-1) var(--space-3);border:1px solid var(--color-warning-500);border-radius:var(--radius-sm);color:var(--color-warning-500);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:0 0;margin-left:auto;font-weight:500}.kv-store-stale-warning .btn-retry:hover{background:var(--color-warning-500);color:#fff}.kv-store-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);display:flex}.kv-store-title{align-items:center;gap:var(--space-3);display:flex}.kv-store-title h2{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.kv-store-icon{justify-content:center;align-items:center;display:flex}.kv-store-icon svg{width:28px;height:28px;color:var(--accent)}.kv-store-header-actions{align-items:center;gap:var(--space-2);display:flex}.kv-store-header .btn-refresh{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;display:flex}.kv-store-header .btn-refresh svg{width:16px;height:16px}.kv-store-header .btn-refresh:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.kv-store-empty{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.kv-store-empty p{margin:0}.kv-store-empty p:first-child{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.kv-store-empty .text-muted{font-size:var(--font-size-sm);color:var(--text-muted)}.kv-store-namespaces{gap:var(--space-3);flex-direction:column;display:flex}.kv-namespace-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);overflow:hidden}.kv-namespace-card:hover{border-color:var(--border-hover)}.kv-namespace-card.expanded{border-color:var(--accent)}.kv-namespace-header{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.kv-namespace-title-row{align-items:center;gap:var(--space-2);cursor:pointer;flex:1;min-width:0;display:flex}.kv-namespace-chevron{transition:transform var(--transition-fast);flex-shrink:0;align-items:center;display:flex}.kv-namespace-chevron svg{width:16px;height:16px;color:var(--text-muted)}.kv-namespace-card.expanded .kv-namespace-chevron{transform:rotate(90deg)}.kv-namespace-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-family:var(--font-mono);overflow:hidden}.kv-namespace-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.kv-namespace-actions{gap:var(--space-2);display:flex}.btn-clear-namespace{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.btn-clear-namespace svg{width:16px;height:16px}.btn-clear-namespace:hover{background:var(--color-error-900);border-color:var(--color-error-500);color:var(--color-error-500)}.kv-namespace-body{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4)}.kv-namespace-body.collapsed{display:none}.kv-keys-loading{padding:var(--space-3);justify-content:center;display:flex}.kv-keys-error{text-align:center;color:var(--color-error-500);padding:var(--space-3);font-size:var(--font-size-sm)}.kv-keys-empty{text-align:center;color:var(--text-muted);padding:var(--space-3);font-size:var(--font-size-sm)}.kv-keys-list{gap:var(--space-2);flex-direction:column;display:flex}.kv-key-row{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.kv-key-info{gap:var(--space-2);flex-direction:column;min-width:0;display:flex;overflow:hidden}.kv-key-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.kv-key-name{font-size:var(--font-size-sm);color:var(--accent);font-weight:600;font-family:var(--font-mono);word-break:break-all}.kv-key-value-wrapper{position:relative}.kv-key-value-wrapper.collapsed{max-height:120px;overflow:hidden}.kv-key-value-wrapper.collapsed .kv-key-value-fade{background:linear-gradient(to bottom, transparent, var(--bg-tertiary));pointer-events:none;height:40px;position:absolute;bottom:0;left:0;right:0}.kv-key-value{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;line-height:1.5;font-family:var(--font-mono);padding:var(--space-2);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border);margin:0}.kv-key-expand{width:100%;padding:var(--space-1) 0;color:var(--accent);font-size:var(--font-size-xs);cursor:pointer;text-align:center;transition:color var(--transition-fast);background:0 0;border:none;font-weight:500;display:block}.kv-key-expand:hover{color:var(--text-primary)}.kv-key-value .json-string{color:#98c379}.kv-key-value .json-number{color:#d19a66}.kv-key-value .json-keyword{color:#c678dd}.kv-key-delete{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kv-key-delete svg{width:14px;height:14px}.kv-key-delete:hover{color:var(--color-error-500)}.kv-store-section{margin-bottom:var(--space-6)}.kv-store-section-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--space-4) 0;font-weight:600;display:flex}.kv-store-section-title .section-icon{align-items:center;display:flex}.kv-store-section-title .section-icon svg{width:20px;height:20px;color:var(--accent)}.kv-store-section-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.kv-store-section-empty{text-align:center;padding:var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm)}.kv-store-section-empty p{margin:0}.kv-memories-list{gap:var(--space-2);flex-direction:column;display:flex}.memory-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);transition:border-color var(--transition-fast)}.memory-item:hover{border-color:var(--border-hover)}.memory-content-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.memory-text{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word;flex:1;min-width:0;line-height:1.5}.memory-delete{padding:var(--space-1);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.memory-delete svg{width:14px;height:14px}.memory-delete:hover{color:var(--color-error-500)}.memory-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.memory-category{font-size:var(--font-size-xs);padding:1px var(--space-2);border-radius:var(--radius-sm);text-transform:capitalize;font-weight:500}.memory-category--preference{color:#a78bfa;background:#8b5cf626}.memory-category--fact{color:#60a5fa;background:#3b82f626}.memory-category--context{color:#4ade80;background:#22c55e26}.memory-category--goal{color:#fbbf24;background:#f59e0b26}.memory-time{font-size:var(--font-size-xs);color:var(--text-muted)}@media (width<=768px){.kv-store{padding:var(--space-3)}.kv-store-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.kv-store-title h2{font-size:var(--font-size-xl)}.kv-namespace-header,.kv-namespace-body{padding:var(--space-2) var(--space-3)}}.sports-entry{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:var(--bg-secondary);display:flex}.sports-entry:hover{background-color:var(--bg-hover)}.sports-entry.active{background-color:var(--accent-muted)}.sports-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.sports-icon svg{width:20px;height:20px;color:var(--accent)}.sports-label{font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.sidebar-nav-row:not(.single) .sports-label{display:none}.sidebar-nav-row:not(.single) .sports-entry{flex:1;justify-content:center;min-width:0}.sidebar-nav-row.single .sports-entry{flex:1;justify-content:flex-start}.sidebar-nav-row.single .sports-label{display:block}.sports-programs-container{padding:var(--space-4);max-width:900px;margin:0 auto}.sports-programs-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.sports-programs-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.sports-programs-title{align-items:center;gap:var(--space-3);display:flex}.sports-programs-title-icon{color:var(--accent);justify-content:center;align-items:center;display:flex}.sports-programs-title-icon svg{width:28px;height:28px}.sports-programs-title h2{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.sports-programs-actions{align-items:center;gap:var(--space-2);display:flex}.sports-add-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;display:flex}.sports-add-btn svg{flex-shrink:0;width:16px;height:16px}.sports-add-btn:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}.sports-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out sports-overlay-in;display:flex;position:fixed;inset:0}.sports-modal-overlay.sports-modal-exit{animation:.15s ease-in forwards sports-overlay-out}.sports-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:440px;animation:.15s ease-out sports-modal-in;box-shadow:0 16px 48px #0000004d}.sports-modal-exit .sports-modal{animation:.15s ease-in forwards sports-modal-out}@keyframes sports-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sports-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes sports-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes sports-modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.sports-modal-header{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.sports-modal-title-row{align-items:center;gap:var(--space-3);display:flex}.sports-modal-icon{color:var(--accent);display:flex}.sports-modal-icon svg{width:22px;height:22px}.sports-modal-title-row h2{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.sports-modal-close{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.sports-modal-close svg{width:18px;height:18px}.sports-modal-close:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.sports-modal-body{padding:var(--space-4)}.sports-modal-body .sports-add-name{padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast);flex:1;min-width:0;font-family:inherit}.sports-modal-body .sports-add-name:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.sports-modal-body .sports-add-name::placeholder{color:var(--text-muted)}.sports-modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex}.sports-modal-cancel{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);background:0 0;font-weight:500}.sports-modal-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.sports-add-input-row{align-items:center;gap:var(--space-3);display:flex}.sports-emoji-wrapper{flex-shrink:0;position:relative}.sports-emoji-trigger{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;display:flex}.sports-emoji-trigger:hover{border-color:var(--accent);background:var(--bg-hover)}.sports-emoji-popover{top:calc(100% + var(--space-2));z-index:50;padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:240px;display:none;position:absolute;left:0;box-shadow:0 8px 24px #0003}.sports-emoji-popover.open{display:block}.sports-emoji-grid{gap:var(--space-1);grid-template-columns:repeat(6,1fr);display:grid}.sports-emoji-option{width:34px;height:34px;font-size:var(--font-size-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.sports-emoji-option:hover{background:var(--bg-hover);border-color:var(--border)}.sports-add-submit{padding:var(--space-2) var(--space-4);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.sports-add-submit:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}.sports-programs-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.sports-program-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.sports-program-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.sports-card-header{align-items:center;gap:var(--space-2);display:flex}.sports-card-emoji{font-size:var(--font-size-2xl);flex-shrink:0}.sports-card-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.sports-card-actions{gap:var(--space-2);display:flex}.sports-card-action-label{font-size:var(--font-size-xs);font-weight:500}.sports-card-continue{gap:var(--space-1)}.sports-card-delete:hover{border-color:var(--color-error-500);color:var(--color-error-500)}.sports-empty-state{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.sports-empty-state p{margin:0}.sports-empty-state p:first-child{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:500}.sports-empty-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.sports-program-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:10;display:flex;position:sticky;top:0}.sports-back-btn{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.sports-back-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.sports-program-header-emoji{font-size:var(--font-size-xl);flex-shrink:0}.sports-program-header-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.sports-reset-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);flex-shrink:0;font-weight:500;display:flex}.sports-reset-btn svg{flex-shrink:0;width:14px;height:14px}.sports-reset-btn:hover{background:var(--bg-hover);border-color:var(--color-error-500);color:var(--color-error-500)}.sports-loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);flex-direction:column;min-height:300px;display:flex}.sports-loading p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.sports-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite sports-spin}@keyframes sports-spin{to{transform:rotate(360deg)}}.sports-entry:focus-visible{outline:3px solid var(--accent);outline-offset:2px;background-color:var(--bg-hover)}.sports-program-card:focus-visible,.sports-back-btn:focus-visible,.sports-reset-btn:focus-visible,.sports-add-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=768px){.sports-programs-container{padding:var(--space-3)}.sports-programs-title-row{align-items:stretch;gap:var(--space-3);flex-direction:column}.sports-programs-title{font-size:var(--font-size-xl)}.sports-programs-actions{gap:var(--space-2);display:flex}.sports-add-btn{flex:1;justify-content:center}.sports-programs-grid{grid-template-columns:1fr}.sports-program-card{padding:var(--space-3)}.sports-program-header{display:none}}@media (prefers-reduced-motion:reduce){.sports-program-card:hover{transform:none}.sports-loading-spinner{animation:none}}.language-entry{align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast);background-color:var(--bg-secondary);display:flex}.language-entry:hover{background-color:var(--bg-hover)}.language-entry.active{background-color:var(--accent-muted)}.language-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.language-icon svg{width:20px;height:20px;color:var(--accent)}.language-label{font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.sidebar-nav-row:not(.single) .language-label{display:none}.sidebar-nav-row:not(.single) .language-entry{flex:1;justify-content:center;min-width:0}.sidebar-nav-row.single .language-entry{flex:1;justify-content:flex-start}.sidebar-nav-row.single .language-label{display:block}.language-programs-container{padding:var(--space-4);max-width:900px;margin:0 auto}.language-programs-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.language-programs-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.language-programs-title{align-items:center;gap:var(--space-3);display:flex}.language-programs-title-icon{color:var(--accent);justify-content:center;align-items:center;display:flex}.language-programs-title-icon svg{width:28px;height:28px}.language-programs-title h2{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.language-programs-actions{align-items:center;gap:var(--space-2);display:flex}.language-add-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500;display:flex}.language-add-btn svg{flex-shrink:0;width:16px;height:16px}.language-add-btn:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}.language-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out language-overlay-in;display:flex;position:fixed;inset:0}.language-modal-overlay.language-modal-exit{animation:.15s ease-in forwards language-overlay-out}.language-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:440px;animation:.15s ease-out language-modal-in;box-shadow:0 16px 48px #0000004d}.language-modal-exit .language-modal{animation:.15s ease-in forwards language-modal-out}@keyframes language-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes language-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes language-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes language-modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.language-modal-header{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.language-modal-title-row{align-items:center;gap:var(--space-3);display:flex}.language-modal-icon{color:var(--accent);display:flex}.language-modal-icon svg{width:22px;height:22px}.language-modal-title-row h2{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:600}.language-modal-close{padding:var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.language-modal-close svg{width:18px;height:18px}.language-modal-close:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text-primary)}.language-modal-body{padding:var(--space-4)}.language-modal-body .language-add-name{padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast);flex:1;min-width:0;font-family:inherit}.language-modal-body .language-add-name:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.language-modal-body .language-add-name::placeholder{color:var(--text-muted)}.language-modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex}.language-modal-cancel{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);background:0 0;font-weight:500}.language-modal-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.language-select{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8,2rem);font-family:inherit}.language-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.language-select option{background:var(--bg-primary);color:var(--text-primary);padding:var(--space-2)}.language-add-submit{padding:var(--space-2) var(--space-4);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.language-add-submit:hover:not(:disabled){background:var(--color-brand-600);border-color:var(--color-brand-600)}.language-add-submit:disabled{opacity:.5;cursor:not-allowed}.language-programs-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.language-program-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.language-program-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.language-card-header{align-items:center;gap:var(--space-2);display:flex}.language-card-emoji{font-size:var(--font-size-2xl);flex-shrink:0}.language-card-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.language-card-actions{gap:var(--space-2);display:flex}.language-card-action-label{font-size:var(--font-size-xs);font-weight:500}.language-card-continue{gap:var(--space-1)}.language-card-delete:hover{border-color:var(--color-error-500);color:var(--color-error-500)}.language-empty-state{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.language-empty-state p{margin:0}.language-empty-state p:first-child{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:500}.language-empty-hint{font-size:var(--font-size-sm);color:var(--text-muted)}.language-program-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);margin-left:calc(-1 * var(--space-6));margin-right:calc(-1 * var(--space-6));background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:10;display:flex;position:sticky;top:0}.language-back-btn{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.language-back-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.language-program-header-emoji{font-size:var(--font-size-xl);flex-shrink:0}.language-program-header-name{font-size:var(--font-size-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.language-reset-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);flex-shrink:0;font-weight:500;display:flex}.language-reset-btn svg{flex-shrink:0;width:14px;height:14px}.language-reset-btn:hover{background:var(--bg-hover);border-color:var(--color-error-500);color:var(--color-error-500)}.language-loading{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);flex-direction:column;min-height:300px;display:flex}.language-loading p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.language-loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite language-spin}@keyframes language-spin{to{transform:rotate(360deg)}}.language-entry:focus-visible{outline:3px solid var(--accent);outline-offset:2px;background-color:var(--bg-hover)}.language-program-card:focus-visible,.language-back-btn:focus-visible,.language-reset-btn:focus-visible,.language-add-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=768px){.language-programs-container{padding:var(--space-3)}.language-programs-title-row{align-items:stretch;gap:var(--space-3);flex-direction:column}.language-programs-title{font-size:var(--font-size-xl)}.language-programs-actions{gap:var(--space-2);display:flex}.language-add-btn{flex:1;justify-content:center}.language-programs-grid{grid-template-columns:1fr}.language-program-card{padding:var(--space-3)}.language-program-header{display:none}}@media (prefers-reduced-motion:reduce){.language-program-card:hover{transform:none}.language-loading-spinner{animation:none}}.quiz-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-3) 0}.quiz-block.answered,.quiz-block.locked{pointer-events:none;opacity:.7}.quiz-block.quiz-incomplete{border-color:var(--color-error-500,#ef4444);animation:.3s ease-in-out quiz-shake}@keyframes quiz-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.quiz-question{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600;line-height:1.5}.quiz-options{gap:var(--space-2);flex-direction:column;display:flex}.quiz-option{padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);text-align:left;align-items:center;font-family:inherit;display:flex}.quiz-option:hover{border-color:var(--accent);background:var(--bg-hover)}.quiz-option.selected{border-color:var(--accent);background:var(--accent-muted);font-weight:500}.quiz-text-input{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast);box-sizing:border-box;font-family:inherit;display:block}.quiz-text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}.quiz-text-input::placeholder{color:var(--text-muted)}.quiz-batch{background:0 0;border:none;padding:0}.quiz-batch-title{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:700}.quiz-batch-questions{gap:var(--space-3);flex-direction:column;display:flex}.quiz-continue{width:100%;margin-top:var(--space-3);padding:var(--space-3);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);text-align:center;font-weight:600;display:block}.quiz-continue:hover{background:var(--color-brand-600);border-color:var(--color-brand-600)}.quiz-block.answered .quiz-continue{display:none}.quiz-error{color:var(--text-muted);text-align:center;font-style:italic}.quiz-option:focus-visible,.quiz-continue:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.quiz-text-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}@media (width<=768px){.quiz-block{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.quiz-option,.quiz-continue,.quiz-text-input{transition:none}.quiz-block.quiz-incomplete{animation:none}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}