:root{--teal-darkest:#005b6b;--teal-dark:#1f8a9f;--teal-medium:#2db8d3;--teal-light:#5fd4ed;--teal-lightest:#b5f4ff;--page-bg:#0a1315;--header-bg:#0f2028;--header-text:var(--text-primary);--bottom-controls-area-bg:#0f2028;--card-bg:#152a30;--chat-area-bg:#0f1c20;--input-field-bg:#0a1518;--input-bg:var(--input-field-bg);--text-primary:#b5f4ff;--text-secondary:#5fd4ed;--text-accent:#2db8d3;--text-primary-dark:#e0e0e0;--text-placeholder:#2db8d3;--button-primary-bg:#2db8d3;--button-primary-text:#0a1315;--button-primary-hover-bg:#5fd4ed;--button-secondary-bg:transparent;--button-secondary-text:#5fd4ed;--button-secondary-border:#1f8a9f;--button-secondary-hover-bg:#5fd4ed1a;--button-secondary-hover-text:#b5f4ff;--button-secondary-hover-border:#5fd4ed;--link-color:#5fd4ed;--link-hover-color:#b5f4ff;--border-default:#1f8a9f;--border-focus:#5fd4ed;--border-subtle:#005b6b;--user-msg-bg:#0a6277;--user-msg-text:#b5f4ff;--ai-msg-bg:#0d3640;--ai-msg-text:#b5f4ff;--shadow-main:#005b6b59;--shadow-interactive-focus:#5fd4ed80;--shadow-messages-user:#1f8a9f66;--shadow-messages-ai:#0d36404d;--bar-shadow:#005b6b66;--floating-shadow:0 2px 8px #005b6b4d, 0 1px 3px #005b6b40;--strong-floating-shadow:0 5px 15px #005b6b59, 0 2px 6px #005b6b4d;--flash-text-color:#b5f4ff;--flash-bg-color:#1f8a9f;--flash-border-color:#2db8d3;--flash-text-success:#b5f4ff;--flash-bg-success:#005b6b;--flash-border-success:#1f8a9f;--flash-text-info:#b5f4ff;--flash-bg-info:#1f8a9f;--flash-border-info:#5fd4ed;--flash-text-warning:#b5f4ff;--flash-bg-warning:#2db8d3;--flash-border-warning:#5fd4ed;--checkbox-border:#2db8d3;--checkbox-checked-bg:var(--button-primary-bg);--checkbox-checkmark:var(--button-primary-text);--context-menu-bg:var(--header-bg);--context-menu-shadow:var(--strong-floating-shadow);--context-menu-border:var(--border-default);--context-menu-item-hover-bg:#1f8a9f;--context-menu-text:var(--text-primary);--attribution-text:#5fd4ed;--msg-menu-btn-color:#5fd4ed;--msg-menu-btn-hover-bg:var(--input-field-bg);--typing-indicator-dot-color:var(--ai-msg-text);--rail-width-default:280px;--rail-width-min:240px;--rail-width-max:400px;--drawer-width:320px;--composer-min-height:120px;--composer-max-height:400px;--bottom-controls-height:0;--border-radius-xtra-large:28px;--border-radius-large:20px;--border-radius-medium:12px;--border-radius-small:8px;--border-radius-pill:999px;--font-primary:"Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-persian:"Vazirmatn", var(--font-primary);--font-family:var(--font-primary);--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--text-xs:.75rem;--text-sm:.85rem;--text-base:.9rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--message-gap:var(--space-md);--control-gap:var(--space-sm);--section-gap:var(--space-lg);--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--touch-target-min:44px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--header-height:56px;--header-height-single:56px;--header-total-height:120px;--footer-height:32px;--sidebar-width:320px;--sidebar-width-mobile:85vw;--max-content-width:1200px;--breakpoint-mobile-sm:320px;--breakpoint-mobile:480px;--breakpoint-tablet-sm:600px;--breakpoint-tablet:768px;--breakpoint-sidebar:900px;--breakpoint-desktop:960px;--breakpoint-desktop-lg:1024px;--breakpoint-large:1440px;--breakpoint-xl:1920px;--select-base-bg:var(--input-field-bg);--input-inset-shadow:inset 0 1px 2px #00000026;--transition-speed-fast:.15s;--transition-speed-normal:.3s;--transition-speed-slow:.5s;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--elevation-0:none;--elevation-1:0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;--elevation-2:0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;--elevation-3:0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;--elevation-4:0 6px 10px 4px #00000026, 0 2px 3px 0 #0000004d;--elevation-5:0 8px 12px 6px #00000026, 0 4px 4px 0 #0000004d;--surface:var(--page-bg);--surface-variant:var(--card-bg);--surface-container-lowest:var(--page-bg);--surface-container-low:#202020;--surface-container:var(--card-bg);--surface-container-high:#3d3d3d;--surface-container-highest:#484848;--surface-dim:#101010;--surface-bright:#404040;--surface-tint:var(--teal-medium);--surface-elevated:var(--surface-container-high);--state-hover-opacity:.08;--state-focus-opacity:.12;--state-pressed-opacity:.12;--state-dragged-opacity:.16;--state-layer-on-surface:rgba(255, 255, 255, var(--state-hover-opacity));--state-layer-on-primary:rgba(24, 24, 24, var(--state-hover-opacity));--state-layer-on-secondary:rgba(95, 212, 237, var(--state-hover-opacity));--state-layer-error:rgba(255, 84, 73, var(--state-hover-opacity));--easing-standard:cubic-bezier(.2, 0, 0, 1);--easing-emphasized:cubic-bezier(.2, 0, 0, 1);--easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--easing-legacy:cubic-bezier(.4, 0, .2, 1);--duration-short-1:50ms;--duration-short-2:.1s;--duration-short-3:.15s;--duration-short-4:.2s;--duration-medium-1:.25s;--duration-medium-2:.3s;--duration-medium-3:.35s;--duration-medium-4:.4s;--duration-long-1:.45s;--duration-long-2:.5s;--duration-long-3:.55s;--duration-long-4:.6s;--duration-extra-long-1:.7s;--duration-extra-long-2:.8s;--duration-extra-long-3:.9s;--duration-extra-long-4:1s;--prism-bg:#052530;--prism-text-color:#b5f4ff;--prism-token-comment:#2db8d3;--prism-token-punctuation:#b5f4ff;--prism-token-keyword:#5fd4ed;--prism-token-string:#7ae5a0;--prism-token-function:#5fd4ed;--prism-token-operator:#b5f4ff;--prism-token-number:#ffb366;--prism-token-boolean:#ffb366;--prism-token-selector:#b5f4ff;--prism-token-property:#5fd4ed;--prism-line-highlight-bg:#1f8a9f73;--prism-inline-code-bg:#083540;--prism-inline-code-text:#b5f4ff;--katex-text-color:var(--text-primary);--katex-error-color:#ff8a65;--status-success-bg:#28a74533;--status-success-text:#a7d7a7;--status-success-border:#28a74588;--status-danger-bg:#dc354533;--status-danger-text:#f0b3b9;--status-danger-border:#dc354588;--status-warning-bg:#ffc10733;--status-warning-text:#e6c684;--status-warning-border:#ffc10788;--status-online:#10b981;--status-offline:#6b7280;--status-syncing:#3b82f6;--status-error:#ef4444;--interactive-primary:var(--button-primary-bg);--interactive-primary-hover:var(--button-primary-hover-bg);--interactive-danger:var(--status-error);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--transition-colors:color var(--duration-fast) var(--ease-in-out), background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-opacity:opacity var(--duration-fast) var(--ease-in-out);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--z-base:0;--z-above:1;--z-dropdown:10;--z-sticky:100;--z-controls:900;--z-file-upload:1000;--z-sidebar-backdrop:1040;--z-sidebar:1050;--z-sidebar-button:1051;--z-header:1200;--z-modal-backdrop:2000;--z-modal:2000;--z-flash:2000;--z-toast:3000;--z-tooltip:9000;--z-skip-links:9999;--z-overlay:10000;--z-lightbox:10005;--surface-primary:var(--page-bg);--surface-secondary:var(--card-bg);--surface-1:var(--page-bg);--surface-2:var(--card-bg);--surface-3:var(--surface-container-high);--color-bg-primary:var(--page-bg);--color-bg-secondary:var(--card-bg);--color-bg-tertiary:var(--surface-container-high);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-border:var(--border-default);--color-border-light:var(--border-subtle);--color-primary:var(--button-primary-bg);--color-primary-dark:var(--button-primary-hover-bg);--color-success:var(--status-online);--color-error:var(--status-error);--color-error-dark:var(--status-danger-emphasis);--color-warning:var(--status-warning);--color-info:var(--status-syncing);--color-gray-50:var(--card-bg);--color-gray-100:var(--card-bg);--color-gray-200:var(--border-subtle);--color-gray-300:var(--border-default);--color-gray-400:var(--text-muted);--color-gray-500:var(--text-secondary);--color-gray-600:var(--text-secondary);--color-gray-700:var(--text-primary);--color-gray-800:var(--text-primary);--color-gray-900:var(--text-primary);--text-muted:var(--text-secondary);--status-warning:#e6c684;--status-danger-emphasis:#b42336;--text-on-action:var(--button-primary-text);--overlay-backdrop:#0009;--text-on-status:#fff;--overlay-ink:#000;--text-legacy-b0b0b0:#b0b0b0;--text-legacy-ffff00:#ff0;--text-legacy-00ff00:#0f0;--text-legacy-00ffff:#0ff;--text-legacy-ff8800:#f80;--shadow-legacy-1:#3b82f64d;--surface-legacy-2:#00000080;--shadow-legacy-3:#00000040;--surface-legacy-4:#fff6;--status-error-tint-10:color-mix(in srgb, var(--status-error) 10%, transparent);--color-error-alpha-10:var(--status-error-tint-10);--status-error-tint-20:color-mix(in srgb, var(--status-error) 20%, transparent);--color-error-alpha-20:var(--status-error-tint-20);--surface-legacy-5:#0000001a;--status-success-tint-20:color-mix(in srgb, var(--status-online) 20%, transparent);--color-success-alpha-20:var(--status-success-tint-20);--shadow-legacy-6:#3b82f61a;--surface-legacy-059669:#059669;--surface-legacy-0ea5e9:#0ea5e9;--surface-legacy-0ea473:#0ea473;--text-legacy-f8fafc:#f8fafc;--border-legacy-7:#0000000d;--shadow-legacy-8:#00000014;--surface-legacy-b91c1c:#b91c1c;--surface-legacy-667eea:#667eea;--surface-legacy-764ba2:#764ba2;--surface-legacy-f093fb:#f093fb;--surface-legacy-f5576c:#f5576c;--surface-legacy-4facfe:#4facfe;--surface-legacy-00f2fe:#00f2fe;--surface-legacy-43e97b:#43e97b;--surface-legacy-38f9d7:#38f9d7;--surface-legacy-fa709a:#fa709a;--surface-legacy-fee140:#fee140;--surface-legacy-ff6b6b:#ff6b6b;--surface-legacy-feca57:#feca57;--shadow-legacy-9:#10b98133;--shadow-legacy-10:#ef444433;--surface-legacy-6b7280:#6b7280;--surface-legacy-d97706:#d97706;--surface-legacy-ec4899:#ec4899;--surface-legacy-db2777:#db2777;--surface-legacy-dbeafe:#dbeafe;--text-legacy-1d4ed8:#1d4ed8;--surface-legacy-fce7f3:#fce7f3;--text-legacy-be185d:#be185d;--surface-legacy-11:#fff3;--surface-legacy-12:#ffffff1a;--status-info-tint-5:color-mix(in srgb, var(--status-syncing) 5%, transparent);--color-info-alpha-5:var(--status-info-tint-5);--status-info-tint-20:color-mix(in srgb, var(--status-syncing) 20%, transparent);--color-info-alpha-20:var(--status-info-tint-20);--status-info-tint-10:color-mix(in srgb, var(--status-syncing) 10%, transparent);--color-info-alpha-10:var(--status-info-tint-10);--interaction-tint-5:color-mix(in srgb, var(--button-primary-bg) 5%, transparent);--color-primary-alpha-5:var(--interaction-tint-5);--shadow-legacy-13:#00000026;--surface-legacy-2d2d2d:#2d2d2d;--border-legacy-444:#444;--shadow-legacy-14:#0006;--text-legacy-4a90d9:#4a90d9;--text-legacy-777777:#777;--border-legacy-e0e0e0:#e0e0e0;--shadow-legacy-15:#667eea4d;--text-legacy-1a1a1a:#1a1a1a;--text-legacy-666666:#666;--border-legacy-48bb78:#48bb78;--border-legacy-4299e1:#4299e1;--surface-legacy-38a169:#38a169;--border-legacy-404040:#404040;--surface-legacy-2a2a2a:#2a2a2a;--text-legacy-a0a0a0:#a0a0a0;--text-legacy-8b9cf6:#8b9cf6;--text-legacy-68d391:#68d391;--text-legacy-63b3ed:#63b3ed;--surface-legacy-16:#ffffff0d;--surface-legacy-17:#0003;--surface-legacy-18:#80808014;--surface-legacy-19:#8080801a;--surface-legacy-20:#ff00000d;--surface-legacy-21:#ffffff08;--surface-legacy-22:#0000004d;--surface-legacy-23:#80808033;--surface-legacy-ff4d4dcc:#ff4d4dcc;--surface-legacy-ff2d2dcc:#ff2d2dcc;--surface-legacy-ff6666:#f66;--surface-legacy-24:#0009;--surface-legacy-dc354533:#dc354533;--text-legacy-f0b3b9:#f0b3b9;--border-legacy-dc354588:#dc354588;--surface-legacy-7a1c23:#7a1c23;--text-legacy-f5c6cb:#f5c6cb;--border-legacy-a72a36:#a72a36;--surface-legacy-25:#80808012;--surface-legacy-26:#ffffff4d;--surface-legacy-27:#ffffff05;--text-legacy-28:#fffc;--text-legacy-29:#ffffffe6;--surface-legacy-30:#000000b3;--surface-legacy-31:rgba(var(--color-error-rgb,255, 0, 0), .05);--surface-legacy-32:rgba(var(--color-success-rgb,0, 255, 0), .05);--surface-legacy-33:rgba(var(--color-info-rgb,59, 130, 246), .1);--surface-legacy-34:rgba(var(--color-error-rgb,239, 68, 68), .1);--surface-legacy-35:rgba(var(--color-success-rgb,34, 197, 94), .1);--surface-legacy-fee:#fee;--border-legacy-fcc:#fcc;--surface-legacy-36:#ff4d4d33;--border-legacy-ff4d4d:#ff4d4d;--surface-legacy-ff4444:#f44;--surface-legacy-4caf50:#4caf50;--surface-legacy-ff9800:#ff9800;--surface-legacy-ff5722:#ff5722;--surface-legacy-37:#000c;--surface-legacy-525659:#525659;--text-legacy-dc3545:#dc3545;--text-legacy-6c63ff:#6c63ff;--border-legacy-4285f4:#4285f4;--surface-legacy-e8f0fe:#e8f0fe;--surface-legacy-f5f5f5:#f5f5f5;--surface-legacy-1a3a5a:#1a3a5a;--surface-legacy-fff3cd:#fff3cd;--border-legacy-ffc107:#ffc107;--text-legacy-856404:#856404;--surface-legacy-f8d7da:#f8d7da;--text-legacy-721c24:#721c24;--surface-legacy-c82333:#c82333;--surface-legacy-38:#000000e6;--surface-legacy-39:#ffc10733;--text-legacy-ffd54f:#ffd54f;--surface-legacy-40:#dc354533;--surface-legacy-d4edda:#d4edda;--text-legacy-155724:#155724;--surface-legacy-66bb6a:#66bb6a;--text-legacy-6c757d:#6c757d;--border-legacy-41:#dc35454d;--border-legacy-42:#6c63ff4d;--surface-legacy-43:#dc35451a;--text-legacy-0d6efd:#0d6efd;--surface-legacy-44:#000000bf;--surface-legacy-45:#6c63ff1a;--surface-legacy-46:#6c63ff33;--surface-legacy-47:#80808026;--surface-legacy-ccc:#ccc;--shadow-legacy-48:rgba(var(--border-focus), .3);--surface-legacy-1e1e1e:#1e1e1e;--surface-legacy-3d3d3d:#3d3d3d;--border-legacy-4dd0e1:#4dd0e1;--surface-legacy-00bcd4:#00bcd4;--surface-legacy-00acc1:#00acc1;--surface-legacy-49:#00000008;--surface-legacy-50:#00000005;--text-legacy-0066cc:#06c;--text-legacy-ef5350:#ef5350;--surface-legacy-0f8a5f:#0f8a5f;--surface-legacy-1076c4:#1076c4;--text-legacy-f5fbff:#f5fbff;--surface-legacy-28a745:#28a745;--surface-legacy-007bff:#007bff;--surface-legacy-f8f9fa:#f8f9fa;--text-legacy-333:#333;--text-legacy-666:#666;--surface-legacy-f0f0f0:#f0f0f0;--surface-legacy-e3f2fd:#e3f2fd;--border-legacy-1976d2:#1976d2;--text-legacy-34a853:#34a853;--text-legacy-999:#999;--surface-legacy-1a3a52:#1a3a52;--border-legacy-64b5f6:#64b5f6;--surface-legacy-f44336:#f44336;--surface-legacy-2196f3:#2196f3;--border-legacy-ddd:#ddd;--surface-legacy-51:#ffffff26;--surface-legacy-52:#ffffff40;--border-legacy-53:#ffffff80;--surface-legacy-e53935:#e53935;--surface-legacy-c62828:#c62828;--surface-legacy-fb8c00:#fb8c00;--surface-legacy-ef6c00:#ef6c00;--surface-legacy-555:#555;--status-error-tint-5:color-mix(in srgb, var(--status-error) 5%, transparent);--color-error-alpha-5:var(--status-error-tint-5);--interaction-tint-10:color-mix(in srgb, var(--button-primary-bg) 10%, transparent);--color-primary-alpha-10:var(--interaction-tint-10);--interaction-tint-20:color-mix(in srgb, var(--button-primary-bg) 20%, transparent);--color-primary-alpha-20:var(--interaction-tint-20);--status-warning-tint-10:color-mix(in srgb, var(--status-warning) 10%, transparent);--color-warning-alpha-10:var(--status-warning-tint-10);--status-warning-tint-20:color-mix(in srgb, var(--status-warning) 20%, transparent);--color-warning-alpha-20:var(--status-warning-tint-20);--surface-legacy-54:#10a37f1a;--text-legacy-10a37f:#10a37f;--surface-legacy-55:#4285f41a;--border-legacy-56:#ffffff0f;--text-legacy-0ef5d9:#0ef5d9;--text-legacy-7cf3ff:#7cf3ff;--surface-legacy-57:#ffffff14;--surface-legacy-58:#4dd0e11f;--surface-legacy-59:#4dd0e11a;--surface-legacy-60:#4dd0e126;--surface-legacy-61:#4dd0e114;--surface-legacy-62:#ff000026;--surface-legacy-ff4d4f:#ff4d4f;--shadow-legacy-63:#f443;--surface-legacy-e74c3c:#e74c3c;--surface-legacy-c0392b:#c0392b;--text-legacy-1565c0:#1565c0;--surface-legacy-64:rgba(var(--button-primary-bg-rgb,59, 130, 246), .1);--font-monospace:monospace;--font-code:"Monaco", "Menlo", "Ubuntu Mono", monospace;--font-console:"Courier New", monospace;--font-accessible:"OpenDyslexic", "Comic Sans MS", cursive, sans-serif;--font-mono:var(--font-code);--focus-ring-color:var(--button-primary-bg);--user-message-bg:var(--button-primary-bg);--user-message-text:var(--button-primary-text);--assistant-message-bg:var(--card-bg);--assistant-message-text:var(--text-primary);--system-message-bg:var(--surface-container-high);--system-message-text:var(--text-secondary);--message-action-bg:var(--surface-elevated);--message-action-hover-bg:var(--surface-container-high);--message-action-border:var(--border-default);--skeleton-highlight-soft:#ffffff0d;--skeleton-highlight-strong:#ffffff1a;--skeleton-shadow-soft:#0000001a;--skeleton-shadow-strong:#0003;--primary-color:var(--button-primary-bg);--primary-color-dark:var(--button-primary-hover-bg);--danger-color:var(--status-error)}[data-theme=dark],.dark{--status-success-bg:#206932;--status-success-text:#d4f0d5;--status-success-border:#2f8446;--status-danger-bg:#7a1c23;--status-danger-text:#f5c6cb;--status-danger-border:#a72a36;--status-warning-bg:#594307;--status-warning-text:#ffe6a6;--status-warning-border:#bfa02a;--page-bg:#031417;--header-bg:#005b6b;--bottom-controls-area-bg:var(--header-bg);--card-bg:#083540;--chat-area-bg:var(--card-bg);--input-field-bg:#052530;--text-secondary:#5fd4ed;--text-placeholder:#2db8d3;--header-text:var(--text-primary);--button-primary-text:#031417;--shadow-interactive-focus:#5fd4ed8c;--shadow-main:#005b6b8c;--shadow-messages-user:#1f8a9f73;--shadow-messages-ai:#0d364080;--bar-shadow:#005b6b99;--floating-shadow:0 5px 15px #005b6b73, 0 2px 5px #005b6b66;--strong-floating-shadow:0 10px 25px #005b6b8c, 0 4px 10px #005b6b73;--surface-container-low:#052530;--surface-container:var(--card-bg);--surface-container-high:#1f8a9f;--surface-container-highest:#2db8d3;--surface-dim:#010c0e;--surface-bright:#005b6b;--state-layer-on-surface:rgba(95, 212, 237, var(--state-hover-opacity));--state-layer-on-primary:rgba(0, 91, 107, var(--state-hover-opacity));--state-layer-on-secondary:rgba(95, 212, 237, var(--state-hover-opacity));--prism-bg:#052530;--prism-text-color:#b5f4ff;--prism-token-comment:#2db8d3;--prism-token-punctuation:#b5f4ff;--prism-token-keyword:#5fd4ed;--prism-token-string:#7ae5a0;--prism-token-function:#5fd4ed;--prism-token-operator:#b5f4ff;--prism-token-number:#ffb366;--prism-token-boolean:#ffb366;--prism-token-selector:#b5f4ff;--prism-token-property:#5fd4ed;--prism-line-highlight-bg:#1f8a9f73;--prism-inline-code-bg:#083540;--prism-inline-code-text:#b5f4ff;--katex-text-color:var(--text-primary);--input-inset-shadow:inset 0 1px 2px #5fd4ed1a;--surface:var(--page-bg);--surface-variant:var(--card-bg);--surface-container-lowest:var(--page-bg);--surface-tint:var(--teal-medium);--katex-error-color:#ff8a65}html{box-sizing:border-box;overflow-x:hidden}*,:before,:after{box-sizing:inherit}@media (prefers-reduced-motion:reduce){:root{--duration-short-1:0s;--duration-short-2:0s;--duration-short-3:0s;--duration-short-4:0s;--duration-medium-1:0s;--duration-medium-2:0s;--duration-medium-3:0s;--duration-medium-4:0s;--duration-long-1:0s;--duration-long-2:0s;--duration-long-3:0s;--duration-long-4:0s;--duration-extra-long-1:0s;--duration-extra-long-2:0s;--duration-extra-long-3:0s;--duration-extra-long-4:0s;--transition-speed-fast:0s;--transition-speed-normal:0s;--transition-speed-slow:0s}}body{font-family:var(--font-primary);background-color:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;height:100%;min-height:100dvh;margin:0;padding:0;font-size:16px;transition:background-color .3s,color .3s;display:flex;overflow:hidden}@media (width<=768px){body{font-size:var(--text-base)}button,input,select,textarea{min-height:var(--touch-target-min)}}@media (width<=480px){body{font-size:var(--text-sm)}}.has-persian,[lang=fa],.has-persian *,[lang=fa] *{font-family:var(--font-persian)}a,a:link,a:visited{color:var(--link-color);border-radius:var(--border-radius-small);font-weight:500;text-decoration:none;transition:color .15s}@media (hover:hover) and (pointer:fine){a:hover,a:focus{color:var(--link-hover-color);text-decoration:underline}}a:focus-visible{color:var(--link-hover-color);outline:2px solid var(--border-focus);outline-offset:2px;text-decoration:underline}select.themed-select-common{font-family:var(--font-primary);border-radius:var(--border-radius-pill);border:1px solid var(--border-default);background-color:var(--select-base-bg);color:var(--text-primary);cursor:pointer;appearance:none;box-shadow:var(--input-inset-shadow);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B5F4FF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;background-size:.65em;outline:none;font-weight:500;transition:border-color .15s,background-color .3s,color .3s,box-shadow .15s}.dark select.themed-select-common{border-color:var(--border-default);color:var(--text-primary);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B5F4FF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}@media (hover:hover) and (pointer:fine){select.themed-select-common:hover{border-color:var(--border-focus)}}select.themed-select-common:focus{border-color:var(--border-focus);background-color:var(--select-base-bg);box-shadow:var(--input-inset-shadow), 0 0 0 2px var(--shadow-interactive-focus)}.scroll-smooth{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.scroll-smooth{scroll-behavior:auto}}@media (pointer:coarse){button,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),[role=button],a.ui-button,a.nav-button,.conversation-action,.context-menu-item{flex-shrink:0;min-inline-size:var(--touch-target-min)!important;min-block-size:var(--touch-target-min)!important}label:has(input[type=checkbox]){flex-shrink:0;min-inline-size:var(--touch-target-min)!important;min-block-size:var(--touch-target-min)!important}label:has(input[type=radio]){flex-shrink:0;min-inline-size:var(--touch-target-min)!important;min-block-size:var(--touch-target-min)!important}.message-actions,.admin-actions,.conversation-actions{gap:var(--space-sm);flex-wrap:wrap}}.hidden{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mr-xs{margin-inline-end:.3em}.full-width{width:100%}.mb-sm{margin-bottom:.5em}.mt-md{margin-top:1rem}.mt-lg{margin-top:2rem}.block{display:block}.ui-button{background:var(--input-field-bg);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--border-radius-pill);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed-fast) ease;justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--button-height-md);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;will-change:transform, background-color, border-color;outline:none;line-height:1.4;text-decoration:none;display:inline-flex}.ui-button:hover{background:var(--header-bg);border-color:var(--border-focus);box-shadow:var(--floating-shadow);transform:translateY(-1px)}.ui-button:active{box-shadow:var(--input-inset-shadow);transform:translateY(0)}.ui-button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;background:var(--input-field-bg);box-shadow:0 0 0 3px var(--shadow-legacy-48)}.ui-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ui-button.primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg);box-shadow:var(--floating-shadow)}.ui-button.primary:hover{background:var(--button-primary-hover-bg);border-color:var(--button-primary-hover-bg);box-shadow:var(--strong-floating-shadow)}.ui-button.secondary{border-color:var(--border-default);background:0 0}.ui-button.secondary:hover{background:var(--input-field-bg);border-color:var(--border-focus)}.ui-button.ghost{color:var(--text-primary);background:0 0;border:none}.ui-button.ghost:hover{background:var(--surface-legacy-57)}.ui-button.ghost:focus-visible{background:var(--surface-legacy-16)}.dark .ui-button.ghost:hover{background:var(--surface-legacy-58)}.dark .ui-button.ghost:focus-visible{background:var(--surface-legacy-60)}.ui-button.icon-only{padding:var(--space-sm);width:var(--button-height-md);height:var(--button-height-md);min-width:var(--button-height-md)}.ui-button.icon-only.small{width:32px;min-width:32px;height:32px;font-size:var(--text-sm)}.ui-button.primary.full-width{padding:var(--space-md);font-size:var(--text-md);min-height:var(--button-height-lg);font-weight:600}.chat-toolbar{padding:var(--space-md);background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--border-radius-large);box-shadow:var(--floating-shadow);justify-content:space-between;align-items:center;gap:var(--space-md);z-index:100;top:calc(var(--header-total-height) + var(--space-sm));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-speed-normal) ease;flex-shrink:0;display:flex;position:sticky;container-type:inline-size}.chat-toolbar-actions{gap:var(--space-sm);align-items:center;display:flex}.chat-search-container{gap:var(--space-md);flex:1;align-items:center;max-width:400px;display:flex}.search-input,.chat-search-container input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--border-radius-pill);background:var(--input-field-bg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-primary);box-shadow:var(--input-inset-shadow);transition:all var(--transition-speed-fast) ease;min-height:var(--button-height-md);box-sizing:border-box;outline:none;flex:1}.search-input::placeholder,.chat-search-container input::placeholder{color:var(--text-secondary);opacity:.7}.search-input:focus,.chat-search-container input:focus{border-color:var(--border-focus);box-shadow:var(--input-inset-shadow), 0 0 0 2px var(--shadow-interactive-focus)}#conversation-sidebar{top:calc(var(--header-total-height) + var(--space-sm));height:calc(100vh - var(--header-total-height) - (2 * var(--space-sm)));height:calc(100dvh - var(--header-total-height) - (2 * var(--space-sm)));max-height:calc(100vh - var(--header-total-height) - (2 * var(--space-sm)));max-height:calc(100dvh - var(--header-total-height) - (2 * var(--space-sm)));background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--border-radius-large);z-index:100;width:100%;box-shadow:var(--floating-shadow);flex-direction:column;flex-shrink:0;grid-area:sidebar;align-self:start;min-height:0;display:flex;position:sticky;overflow:hidden}#conversation-sidebar.open{box-shadow:var(--strong-floating-shadow)}#conversation-sidebar-backdrop{background:var(--surface-legacy-2);z-index:1040;opacity:0;pointer-events:none;transition:opacity var(--transition-speed-normal) ease;position:fixed;inset:0}#conversation-sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--header-bg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-header h3{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:500}.sidebar-header-actions{gap:var(--space-xs);align-items:center;display:flex}#close-sidebar-btn{display:none}.conversation-sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);background:var(--header-bg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.conversation-sidebar-header h3{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:500}.sidebar-actions{padding:var(--space-md);flex-shrink:0}.sidebar-actions .full-width{width:100%}.conversation-actions{padding:var(--space-md);flex-shrink:0}.sidebar-section{border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar-section-toggle{width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;font-family:var(--font-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-sm);transition:background-color var(--transition-speed-fast) ease;text-align:left;min-height:var(--button-height-md);box-sizing:border-box;-webkit-user-select:none;user-select:none;background:0 0;border:none;display:flex}.sidebar-section-toggle:hover{background:var(--header-bg)}.sidebar-section-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.sidebar-section-toggle .toggle-icon{font-size:var(--text-xs);transition:transform var(--transition-speed-normal) ease;flex-shrink:0}.sidebar-section-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.filter-badge{background:var(--button-primary-bg);color:var(--button-primary-text);font-size:var(--text-xs);border-radius:var(--border-radius-pill);text-align:center;min-width:18px;padding:2px 6px;font-weight:600;line-height:1.4}.filter-badge:empty{display:none}.sidebar-section-content{padding:0 var(--space-md);max-height:0;transition:max-height var(--transition-speed-normal) ease, padding var(--transition-speed-normal) ease;overflow:hidden}.sidebar-section-content:not([hidden]){max-height:1000px;padding:var(--space-sm) var(--space-md) var(--space-md) var(--space-md)}.sidebar-section-content>*{opacity:0;transition:opacity var(--transition-speed-normal) ease}.sidebar-section-content:not([hidden])>*{opacity:1}.sidebar-search-inputs{gap:var(--space-md);flex-direction:column;display:flex}.sidebar-search-input-wrapper{gap:var(--space-xs);grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:center;display:grid}.search-input-label{font-size:var(--text-sm);color:var(--text-primary);grid-column:1/-1;margin-bottom:2px;font-weight:500;display:block}.sidebar-search-input-wrapper input{border-radius:var(--border-radius-pill);background:var(--input-field-bg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-primary);transition:background-color .2s var(--easing-standard), box-shadow .2s var(--easing-standard);box-sizing:border-box;min-height:48px;box-shadow:var(--elevation-1);border:none;outline:none;grid-area:2/1;padding:0 16px}.sidebar-search-input-wrapper input::placeholder{color:var(--text-secondary);opacity:.7}.sidebar-search-input-wrapper input:focus{background:var(--input-field-bg);box-shadow:var(--elevation-2)}.sidebar-search-input-wrapper .ui-button.icon-only{width:var(--button-height-md);height:var(--button-height-md);min-width:var(--button-height-md);min-height:var(--button-height-md);flex-shrink:0;grid-area:2/2}.conversation-search{padding:var(--space-md);flex-shrink:0}.conversation-filters{gap:var(--space-sm);flex-direction:column;display:flex}.conversation-filters-row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.conversation-filter{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.conversation-filter input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--button-primary-bg)}.conversation-filter-tags{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-small);background:var(--input-field-bg);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-primary);transition:border-color var(--transition-speed-fast) ease;box-sizing:border-box;outline:none}.conversation-filter-tags:focus{border-color:var(--border-focus)}.conversation-filter-clear{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-default);border-radius:var(--border-radius-small);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-speed-fast) ease;background:0 0}.conversation-filter-clear:hover{background-color:var(--surface-legacy-16);border-color:var(--border-focus)}.dark .conversation-filter-clear:hover{background-color:var(--surface-legacy-61)}#conversation-list{padding:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;contain:layout style paint;flex:1;min-height:0;position:relative;overflow:hidden auto}#conversation-list::-webkit-scrollbar{width:6px}#conversation-list::-webkit-scrollbar-track{background:0 0}#conversation-list::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:var(--border-radius-pill)}#conversation-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-accent)}#conversation-list-empty{text-align:center;padding:var(--space-xl);color:var(--text-secondary);font-size:var(--text-sm)}.conversation-item{border-radius:var(--border-radius-medium);cursor:pointer;transition:background-color .2s var(--easing-standard);box-sizing:border-box;color:var(--text-secondary);background:0 0;border:none;margin-bottom:4px;padding:12px 16px;position:relative;overflow:hidden}.conversation-item:hover{background:var(--header-bg);color:var(--text-primary);transform:none}.conversation-item:active{background:var(--header-bg);transform:none}.conversation-item.active{background:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:none;border:none;font-weight:600}.conversation-item:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:opacity .2s linear;position:absolute;inset:0}.conversation-item:hover:before{opacity:var(--state-hover-opacity)}.conversation-item:active:before{opacity:var(--state-pressed-opacity)}.conversation-item.active:before{opacity:0}.conversation-title{font-weight:500;font-size:var(--text-base);margin-bottom:var(--space-xs);text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);line-height:1.4;overflow:hidden}.conversation-preview{font-size:var(--text-sm);color:var(--text-secondary);opacity:.8;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;max-height:3em;line-height:1.5;display:-webkit-box;overflow:hidden}.conversation-item.active .conversation-title{color:var(--button-primary-text)}.conversation-item.active .conversation-preview{color:var(--button-primary-text);opacity:.7}.conversation-item-title{font-weight:500;font-size:var(--text-base);margin-bottom:var(--space-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-item-preview{font-size:var(--text-sm);color:var(--text-secondary);opacity:.8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-item.active .conversation-item-preview{color:var(--button-primary-text);opacity:.7}.conversation-meta-row{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.conversation-meta{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-secondary);opacity:.9;flex-wrap:wrap;display:flex}.conversation-item.active .conversation-meta{color:var(--button-primary-text);opacity:.8}.conversation-meta-badges{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.conversation-badge{border-radius:var(--border-radius-pill);background:var(--input-field-bg);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;border:1px solid var(--border-subtle);transition:all var(--transition-speed-fast) ease;justify-content:center;align-items:center;padding:2px 8px;font-weight:500;line-height:1.4;display:inline-flex}.conversation-item.active .conversation-badge{background:var(--surface-legacy-11);color:var(--button-primary-text);border-color:#0000}.conversation-unread-badge{border-radius:var(--border-radius-pill);background:var(--button-primary-bg);color:var(--button-primary-text);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:all var(--transition-speed-fast) ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;padding:2px 8px;font-weight:600;line-height:1.4;display:inline-flex}.conversation-unread-badge:hover{background:var(--button-primary-hover-bg);box-shadow:var(--floating-shadow);transform:scale(1.05)}.conversation-unread-badge:active{transform:scale(.95)}.conversation-unread-badge:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.conversation-tags{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.conversation-tag{border-radius:var(--border-radius-pill);background:var(--header-bg);color:var(--text-primary);font-size:var(--text-xs);white-space:nowrap;border:1px solid var(--border-default);transition:all var(--transition-speed-fast) ease;align-items:center;gap:4px;padding:3px 8px;font-weight:500;line-height:1.4;display:inline-flex}.conversation-item.active .conversation-tag{background:var(--surface-legacy-51);color:var(--button-primary-text);border-color:var(--surface-legacy-26)}.conversation-tag:hover{background:var(--input-field-bg);border-color:var(--border-focus)}.conversation-item.active .conversation-tag:hover{background:var(--surface-legacy-52)}.conversation-tag-remove-btn{width:16px;min-width:16px;height:16px;min-height:16px;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-speed-fast) ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.conversation-tag-remove-btn:hover{background:var(--surface-legacy-62);color:var(--surface-legacy-ff4444);transform:scale(1.2)}.conversation-item.active .conversation-tag-remove-btn{color:var(--button-primary-text)}.conversation-item.active .conversation-tag-remove-btn:hover{background:var(--surface-legacy-26);color:var(--text-on-status)}.conversation-tag-remove-btn:active{transform:scale(.9)}.conversation-tag-remove-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.conversation-actions-menu{opacity:0;transition:opacity var(--transition-speed-fast) ease;pointer-events:none;align-items:center;gap:4px;display:flex}.conversation-item:hover .conversation-actions-menu,.conversation-item:focus-within .conversation-actions-menu{opacity:1;pointer-events:auto}.conversation-item.active .conversation-actions-menu{opacity:0;pointer-events:none}.conversation-item.active:hover .conversation-actions-menu,.conversation-item.active:focus-within .conversation-actions-menu{opacity:1;pointer-events:auto}@media (hover:none) and (pointer:coarse){.conversation-actions-menu{opacity:0;pointer-events:none}.conversation-item:focus-within .conversation-actions-menu{opacity:1;pointer-events:auto}}.conv-pin-btn,.conv-favorite-btn,.conv-tag-btn,.conv-rename-btn,.conv-archive-btn,.conv-delete-btn{border-radius:var(--border-radius-small);width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed-fast) ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;filter:grayscale(.3);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.conv-tag-btn,.conv-rename-btn,.conv-archive-btn{display:none}.conv-pin-btn:hover,.conv-favorite-btn:hover,.conv-delete-btn:hover{background:var(--surface-elevated);filter:grayscale(0);opacity:1}.conversation-item.active .conv-pin-btn,.conversation-item.active .conv-favorite-btn,.conversation-item.active .conv-delete-btn{color:var(--button-primary-text);filter:grayscale(0);opacity:.85}.conversation-item.active .conv-pin-btn:hover,.conversation-item.active .conv-favorite-btn:hover,.conversation-item.active .conv-delete-btn:hover{background:var(--surface-legacy-11);opacity:1}.conv-pin-btn:active,.conv-favorite-btn:active,.conv-delete-btn:active{transform:scale(.9)}.conv-pin-btn:focus-visible,.conv-favorite-btn:focus-visible,.conv-delete-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.conv-delete-btn:hover{background:var(--surface-legacy-62);color:var(--surface-legacy-ff4444)}.conversation-item.active .conv-delete-btn:hover{background:var(--surface-legacy-11);color:var(--text-on-status)}@media (width<=768px){.conv-pin-btn,.conv-favorite-btn,.conv-tag-btn,.conv-rename-btn,.conv-archive-btn,.conv-delete-btn{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:var(--text-lg)}}[dir=rtl] .conversation-meta-row,[dir=rtl] .conversation-meta,[dir=rtl] .conversation-meta-badges,[dir=rtl] .conversation-tags,[dir=rtl] .conversation-actions-menu{flex-direction:row-reverse}#open-sidebar-btn{top:calc(var(--header-total-height) + var(--space-lg));z-index:1051;padding:var(--space-md);background:var(--button-primary-bg);color:var(--button-primary-text);border-radius:var(--border-radius-pill);font-size:var(--text-xl);cursor:pointer;box-shadow:var(--strong-floating-shadow);transition:all var(--transition-speed-fast) ease;width:var(--button-height-lg);height:var(--button-height-lg);min-width:var(--button-height-lg);min-height:var(--button-height-lg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;outline:none;justify-content:center;align-items:center;line-height:1;display:none;position:fixed;inset-inline-start:var(--space-lg)}#open-sidebar-btn:hover{background:var(--button-primary-hover-bg);box-shadow:0 8px 20px var(--surface-legacy-22);transform:translateY(-2px)scale(1.05)}#open-sidebar-btn:active{transform:translateY(0)scale(.95)}#open-sidebar-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.scroll-to-bottom-btn,#scroll-to-bottom-btn{bottom:calc(180px + var(--space-lg));background:var(--button-primary-bg);width:48px;height:48px;color:var(--button-primary-text);cursor:pointer;font-size:var(--text-xl);z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-speed-normal) ease, visibility var(--transition-speed-normal) ease, transform var(--transition-speed-fast) ease;box-shadow:var(--strong-floating-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;gap:4px;padding:0;display:inline-flex;position:fixed;inset-inline-end:var(--space-lg)}.scroll-to-bottom-btn.visible,#scroll-to-bottom-btn.visible{opacity:1;visibility:visible;pointer-events:auto}.scroll-to-bottom-btn:hover,#scroll-to-bottom-btn:hover{box-shadow:0 8px 20px var(--surface-legacy-22);background:var(--button-primary-hover-bg);transform:translateY(-2px)}.scroll-to-bottom-btn:active,#scroll-to-bottom-btn:active{transform:translateY(0)}.scroll-to-bottom-btn:focus-visible,#scroll-to-bottom-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (width<=900px){.scroll-to-bottom-btn,#scroll-to-bottom-btn{bottom:calc(200px + var(--space-md));inset-inline-end:var(--space-md)}}.scroll-to-bottom-btn__icon{pointer-events:none;line-height:1}.scroll-to-bottom-btn__badge{top:-6px;background:var(--surface-legacy-ff4d4f);min-width:20px;height:20px;color:var(--text-on-status);box-shadow:0 2px 6px var(--shadow-legacy-3);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;inset-inline-end:-6px}.scroll-to-bottom-btn__badge[hidden]{display:none}@media (prefers-reduced-motion:reduce){.scroll-to-bottom-btn,#scroll-to-bottom-btn{transition:none}.scroll-to-bottom-btn:hover,#scroll-to-bottom-btn:hover,.scroll-to-bottom-btn:active,#scroll-to-bottom-btn:active{box-shadow:var(--strong-floating-shadow);transform:none}#chat-wrapper::-webkit-scrollbar-thumb{transition:none}}#chat-wrapper::-webkit-scrollbar{width:8px}#chat-wrapper::-webkit-scrollbar-track{background:0 0}#chat-wrapper::-webkit-scrollbar-thumb{background-color:var(--text-secondary);border-radius:var(--border-radius-pill);transition:background-color var(--transition-speed-fast) ease}@media (hover:hover) and (pointer:fine){#chat-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--text-accent)}}.msg-menu-btn{top:var(--space-xs);border-radius:var(--border-radius-pill);width:32px;min-width:32px;height:32px;min-height:32px;font-size:var(--text-xl);cursor:pointer;color:var(--msg-menu-btn-color);opacity:.7;transition:opacity var(--transition-speed-fast) ease, background-color var(--transition-speed-fast) ease, color var(--transition-speed-fast) ease, transform .1s ease;z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute}.msg-menu-btn.menu-open{opacity:1;background-color:var(--msg-menu-btn-hover-bg);color:var(--text-accent)}@media (hover:hover) and (pointer:fine){.msg-menu-btn:not(.menu-open):hover{opacity:1;background-color:var(--msg-menu-btn-hover-bg);transform:scale(1.05)}}.msg-menu-btn:not(.menu-open):active{opacity:1;background-color:var(--msg-menu-btn-hover-bg);transform:scale(.95)}.msg-menu-btn:focus-visible{opacity:1;outline:2px solid var(--border-focus);outline-offset:1px}.skip-link{top:-40px;background:var(--button-primary-bg);color:var(--button-primary-text);z-index:10000;border-radius:0 0 var(--border-radius-medium) 0;transition:top var(--transition-speed-fast) ease;padding:8px 16px;font-weight:500;text-decoration:none;position:absolute;inset-inline-start:0}.skip-link:focus{outline:2px solid var(--border-focus);outline-offset:2px;top:0}.conversation-sidebar{will-change:transform;transition:none;transform:none}.conversation-sidebar.open{transform:none}.scroll-to-latest-btn{bottom:1rem;background:var(--button-primary-bg);width:40px;height:40px;color:var(--button-primary-text);cursor:pointer;z-index:10;opacity:0;visibility:hidden;box-shadow:var(--floating-shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;inset-inline-end:1rem}.scroll-to-latest-btn:hover{box-shadow:var(--strong-floating-shadow);transform:translateY(-2px)}.scroll-to-latest-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.web-search-advanced-toggle{color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:.4rem;margin:0;padding:0;font-weight:500;display:inline-flex}.web-search-advanced-options{margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--border-radius-medium);border:1px solid var(--border-subtle);background:var(--card-bg);box-shadow:var(--floating-shadow);display:none}.web-search-advanced-section{margin-bottom:var(--space-md)}.web-search-advanced-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.web-search-advanced-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.25rem;font-weight:500;display:block}.web-search-advanced-input{width:100%;font-size:var(--text-sm);padding:.4rem var(--space-sm);border-radius:var(--border-radius-small);border:1px solid var(--border-default);background:var(--input-field-bg);color:var(--text-primary);transition:all var(--transition-speed-fast) ease;box-sizing:border-box}.web-search-advanced-input:focus{border-color:var(--border-focus);box-shadow:var(--input-inset-shadow), 0 0 0 2px var(--shadow-interactive-focus)}.web-search-advanced-input--textarea{resize:vertical;min-height:120px}@media (width<=900px){#conversation-sidebar{top:var(--header-total-height);width:min(360px,90vw);max-width:420px;height:calc(100vh - var(--header-total-height));height:calc(100dvh - var(--header-total-height));border-radius:0 var(--border-radius-large) var(--border-radius-large) 0;transition:transform var(--transition-speed-normal) cubic-bezier(.4, 0, .2, 1);z-index:1050;box-shadow:var(--strong-floating-shadow);grid-area:unset;will-change:transform;position:fixed;inset-inline-start:0;transform:translate(-100%)}#conversation-sidebar.open{transform:translate(0)}#conversation-sidebar-backdrop{opacity:0;visibility:hidden;transition:opacity var(--transition-speed-normal) ease, visibility var(--transition-speed-normal) ease;display:block}#conversation-sidebar-backdrop.active{opacity:1;visibility:visible}#open-sidebar-btn{display:flex}#close-sidebar-btn{display:inline-flex}}@media (width>=901px){#conversation-sidebar{transition:none;position:sticky;transform:none}#conversation-sidebar-backdrop,#open-sidebar-btn,#close-sidebar-btn{display:none}}@media (width<=768px){.ui-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}#conversation-sidebar{width:85vw;max-width:360px}.sidebar-section-toggle{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md)}.sidebar-search-inputs{gap:var(--space-md)}.sidebar-search-input-wrapper input{min-height:var(--touch-target-min)}.conversation-filters-row{flex-direction:column;align-items:stretch}#chat-wrapper,.conversation-sidebar-header{padding:var(--space-sm) var(--space-md)}.conversation-sidebar-header h3{font-size:var(--text-lg)}.conversation-search,.conversation-actions{padding:var(--space-sm) var(--space-md)}#open-sidebar-btn{top:calc(var(--header-total-height) + 80px);width:var(--touch-target-min);height:var(--touch-target-min);inset-inline-start:var(--space-sm)}.export-modal-content{width:95%;padding:var(--space-lg);max-height:80vh}.modal-actions{flex-direction:column}.modal-actions .ui-button{width:100%;min-width:auto}.web-search-advanced-options{padding:var(--space-sm)}.web-search-advanced-grid{grid-template-columns:1fr}}@media (width<=600px){.ui-button{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);min-width:48px;min-height:48px}.chat-toolbar{padding:var(--space-xs);gap:var(--space-xs)}#open-sidebar-btn{inset-inline-start:var(--space-xs);top:calc(var(--header-total-height) + var(--space-md))}.export-modal-content{padding:var(--space-md);margin:var(--space-sm)}}@media (width<=480px){.ui-button.icon-only.small{width:28px;min-width:28px;height:28px;font-size:var(--text-xs)}#conversation-sidebar{width:85vw;max-width:320px}}@media (prefers-contrast:high){.ui-button{border-width:2px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}@container (width<=300px){.chat-toolbar{flex-direction:column;align-items:stretch}.chat-toolbar-actions{justify-content:center}}@container (width<=200px){.conversation-sidebar-header h3{font-size:var(--text-lg)}.ui-button{font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm)}}[dir=rtl] .sidebar-header,[dir=rtl] .sidebar-section-toggle{text-align:right}[dir=rtl] .sidebar-header-actions,[dir=rtl] .sidebar-section-toggle,[dir=rtl] .sidebar-search-input-wrapper,[dir=rtl] .conversation-filters-row{flex-direction:row-reverse}[dir=rtl] #conversation-sidebar{border-radius:var(--border-radius-large) 0 0 var(--border-radius-large)}@media (width<=900px){[dir=rtl] #conversation-sidebar.open{transform:translate(0)}}.ui-button.outlined{padding:var(--space-sm) var(--space-lg);color:var(--button-primary-bg);border:1px solid var(--border-default);min-height:var(--button-height-md);background:0 0}.ui-button.outlined:before{content:"";background:var(--state-layer-on-surface);opacity:0;transition:opacity var(--duration-short-2) var(--easing-standard);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.ui-button.outlined:hover:before{opacity:1}.ui-button.outlined:hover{border-color:var(--border-focus)}}.ui-button.outlined:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ui-button.outlined:disabled{border-color:var(--border-subtle);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.ui-button.text{padding:var(--space-sm) var(--space-md);color:var(--button-primary-bg);min-height:var(--button-height-md);background:0 0}.ui-button.text:before{content:"";background:var(--state-layer-on-surface);opacity:0;transition:opacity var(--duration-short-2) var(--easing-standard);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.ui-button.text:hover:before{opacity:1}}.ui-button.text:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ui-button.text:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.ui-button.icon-only{width:var(--button-height-md);height:var(--button-height-md);min-width:var(--button-height-md);min-height:var(--button-height-md);border-radius:var(--border-radius-pill);padding:0}.ui-button.icon-only.small{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.ui-button.icon-only.large{width:var(--button-height-lg);height:var(--button-height-lg);min-width:var(--button-height-lg);min-height:var(--button-height-lg)}.ui-button.ghost{color:var(--text-secondary);background:0 0}.ui-button.ghost:before{content:"";background:var(--state-layer-on-surface);opacity:0;transition:opacity var(--duration-short-2) var(--easing-standard);border-radius:inherit;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.ui-button.ghost:hover:before{opacity:1}}.ui-input-field{gap:var(--space-xs);flex-direction:column;display:flex;position:relative}.ui-input-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;display:block}.ui-input-label.required:after{content:" *";color:var(--surface-legacy-ff4444)}.ui-input,.ui-textarea{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--input-field-bg);border:1px solid var(--border-default);border-radius:var(--border-radius-small);transition:all var(--duration-short-3) var(--easing-standard);box-shadow:var(--input-inset-shadow);outline:none;line-height:1.5}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-placeholder)}.ui-input:hover,.ui-textarea:hover{border-color:var(--border-focus)}.ui-input:focus,.ui-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--shadow-interactive-focus)}.ui-input:disabled,.ui-textarea:disabled{background:var(--border-subtle);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.ui-input.error,.ui-textarea.error{border-color:var(--surface-legacy-ff4444)}.ui-input.error:focus,.ui-textarea.error:focus{box-shadow:0 0 0 2px var(--shadow-legacy-63)}.ui-textarea{resize:vertical;min-height:100px}.ui-select{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--input-field-bg);border:1px solid var(--border-default);border-radius:var(--border-radius-small);transition:all var(--duration-short-3) var(--easing-standard);cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:.65em;outline:none;padding-inline-end:2.5rem;line-height:1.5}[dir=rtl] .ui-select{background-position:left var(--space-md) center}.ui-select:hover{border-color:var(--border-focus)}.ui-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--shadow-interactive-focus)}.ui-select:disabled{background-color:var(--border-subtle);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.ui-checkbox-wrapper{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.ui-checkbox{appearance:none;border:2px solid var(--checkbox-border);border-radius:var(--border-radius-small);background:var(--input-field-bg);cursor:pointer;width:20px;min-width:20px;height:20px;min-height:20px;transition:all var(--duration-short-3) var(--easing-standard);outline:none;position:relative}.ui-checkbox:hover{border-color:var(--border-focus)}.ui-checkbox:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ui-checkbox:checked{background:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-bg)}.ui-checkbox:checked:after{content:"";border:solid var(--checkbox-checkmark);border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;inset-block-start:2px;inset-inline-start:6px;transform:rotate(45deg)}.ui-checkbox:disabled{opacity:.5;cursor:not-allowed}.ui-checkbox-label{font-size:var(--text-base);color:var(--text-primary)}.ui-radio-wrapper{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.ui-radio{appearance:none;border:2px solid var(--checkbox-border);background:var(--input-field-bg);cursor:pointer;width:20px;min-width:20px;height:20px;min-height:20px;transition:all var(--duration-short-3) var(--easing-standard);border-radius:50%;outline:none;position:relative}.ui-radio:hover{border-color:var(--border-focus)}.ui-radio:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.ui-radio:checked{border-color:var(--checkbox-checked-bg)}.ui-radio:checked:after{content:"";background:var(--checkbox-checked-bg);border-radius:50%;position:absolute;inset:3px}.ui-radio:disabled{opacity:.5;cursor:not-allowed}.ui-radio-label{font-size:var(--text-base);color:var(--text-primary)}.ui-helper-text{font-size:var(--text-sm);color:var(--text-secondary);margin-block-start:var(--space-xs)}.ui-helper-text.error{color:var(--surface-legacy-ff4444)}.ui-card{background:var(--card-bg);border-radius:var(--border-radius-medium);padding:var(--space-lg);transition:all var(--duration-short-3) var(--easing-standard)}.ui-card.outlined{border:1px solid var(--border-default);box-shadow:none;background:0 0}@media (hover:hover) and (pointer:fine){.ui-card.outlined.interactive:hover{border-color:var(--border-focus);background:var(--surface-container-low)}}.ui-card-header{border-block-end:1px solid var(--border-subtle);margin-block-end:var(--space-md);padding-block-end:var(--space-md)}.ui-card-title{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600;line-height:1.3}.ui-card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-block-start:var(--space-xs)}.ui-card-content{color:var(--text-primary);line-height:1.6}.ui-card-actions{border-block-start:1px solid var(--border-subtle);gap:var(--space-sm);justify-content:flex-end;align-items:center;margin-block-start:var(--space-lg);padding-block-start:var(--space-md);display:flex}.ui-list{margin:0;padding:0;list-style:none}.ui-list-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-small);min-height:48px;transition:all var(--duration-short-3) var(--easing-standard);cursor:default;display:flex;position:relative}.ui-list-item.interactive{cursor:pointer}.ui-list-item.interactive:before{content:"";background:var(--state-layer-on-surface);opacity:0;transition:opacity var(--duration-short-2) var(--easing-standard);border-radius:inherit;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.ui-list-item.interactive:hover:before{opacity:1}}.ui-list-item.interactive:active:before{opacity:calc(var(--state-pressed-opacity) / var(--state-hover-opacity))}.ui-list-item.selected{background:var(--button-primary-bg);color:var(--button-primary-text)}.ui-list-leading{width:var(--button-height-md);height:var(--button-height-md);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ui-list-trailing{align-items:center;gap:var(--space-xs);color:var(--text-secondary);flex-shrink:0;display:flex}.ui-list-divider{background:var(--border-subtle);height:1px;margin-block:var(--space-xs)}.ui-list-section{margin-block:var(--space-md)}.ui-list-section-title{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);margin:0;font-weight:600}#offline-banner,.offline-banner{background:var(--surface-legacy-ff6b6b);color:var(--text-on-status);text-align:center;padding:var(--space-sm);z-index:9999;font-family:var(--font-primary);position:fixed;inset-block-start:0;inset-inline:0}[dir=rtl] #offline-banner,[dir=rtl] .offline-banner{text-align:center}.cache-list,.file-list{flex-direction:column;gap:.5em;display:flex}.cache-item,.file-item{border:1px solid var(--border-subtle);border-radius:var(--border-radius-small);background-color:var(--input-bg);padding:.6em}.cache-item-header,.file-item-header{justify-content:space-between;align-items:start;margin-bottom:.4em;display:flex}.cache-item-info,.file-item-info{color:var(--text-secondary);font-size:.8em}.cache-item-title,.file-item-title{color:var(--text-primary);font-size:.9em;font-weight:700}.cache-item-subtitle,.file-item-subtitle{color:var(--text-secondary);font-size:.8em}.delete-cache-btn,.delete-file-btn{background-color:var(--surface-legacy-e74c3c);color:var(--text-on-status);border-radius:var(--border-radius-small);cursor:pointer;transition:background-color var(--transition-speed-fast) ease;border:none;padding:.3em .6em;font-size:.85em}.delete-cache-btn:hover,.delete-file-btn:hover{background-color:var(--surface-legacy-c0392b)}.error-message{color:var(--surface-legacy-e74c3c);text-align:center}.loading-message,.empty-message{color:var(--text-secondary);text-align:center}.pwa-install-btn{background:var(--button-primary-bg);color:var(--button-primary-text);border-radius:var(--border-radius-small);cursor:pointer;transition:background-color var(--transition-speed-fast) ease;border:none;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.pwa-install-btn:hover{background:var(--button-primary-hover-bg)}.pwa-dismiss-btn{color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--border-radius-small);cursor:pointer;transition:background-color var(--transition-speed-fast) ease;background:0 0;padding:.5rem 1rem;font-size:.875rem}.pwa-dismiss-btn:hover{background:var(--input-field-bg)}.pwa-close-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-speed-fast) ease;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.pwa-close-btn:hover{color:var(--text-primary)}.pwa-install-banner-entering{opacity:0;transform:translateY(20px)}.pwa-install-banner-visible{opacity:1;transition:opacity var(--transition-speed-normal) ease, transform var(--transition-speed-normal) ease;transform:translateY(0)}.pwa-install-banner-exiting{opacity:0;transition:opacity var(--transition-speed-normal) ease, transform var(--transition-speed-normal) ease;transform:translateY(20px)}[dir=rtl] .pwa-install-banner-entering,[dir=rtl] .pwa-install-banner-exiting{transform:translateY(-20px)}@media (prefers-reduced-motion:reduce){.cache-item,.file-item,.delete-cache-btn,.delete-file-btn,.pwa-install-btn,.pwa-dismiss-btn,.pwa-close-btn{transition:none}.cache-item,.file-item{animation:none}.pwa-install-banner-entering,.pwa-install-banner-visible,.pwa-install-banner-exiting{transition:none;transform:none}}.modal-content--wide{width:95vw;max-width:800px}.modal-header-actions{align-items:center;gap:var(--space-xs);display:flex}.modal-tabs{border-bottom:1px solid var(--border-default);margin-bottom:var(--space-md);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.modal-tab{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);white-space:nowrap;transition:all var(--transition-speed-fast) ease;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.modal-tab:hover{color:var(--text-primary);background:var(--input-field-bg)}.modal-tab.active{color:var(--button-primary-bg);border-bottom-color:var(--button-primary-bg)}.modal-tab .badge{background:var(--button-primary-bg);min-width:18px;height:18px;color:var(--button-primary-text);border-radius:var(--border-radius-pill);justify-content:center;align-items:center;margin-inline-start:var(--space-xs);padding:0 5px;font-size:.7em;font-weight:600;display:inline-flex}.modal-panel{min-height:300px}.modal-panel[hidden]{display:none}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=500px){.form-row{grid-template-columns:1fr}}.form-field--checkbox{align-items:center;display:flex}.form-field--checkbox label{align-items:center;gap:var(--space-xs);cursor:pointer;display:flex}.reference-images-preview{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.reference-image-thumb{object-fit:cover;border-radius:var(--border-radius-small);border:1px solid var(--border-default);width:80px;height:80px}.video-gen-status{padding:var(--space-md);background:var(--input-field-bg);border-radius:var(--border-radius-default);margin:var(--space-md) 0}.status-indicator{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.status-icon{font-size:1.2em}.status-text{font-weight:500}.progress-container{align-items:center;gap:var(--space-sm);display:flex}.progress-bar{background:var(--border-default);border-radius:var(--border-radius-pill);flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:var(--button-primary-bg);border-radius:var(--border-radius-pill);height:100%;transition:width var(--transition-speed-normal) ease}.progress-percentage{font-size:var(--text-sm);text-align:end;min-width:40px;font-weight:600}.status-details{margin-top:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm)}.video-gen-results{margin-top:var(--space-md)}.video-gen-results h4{margin-bottom:var(--space-sm)}.video-results-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.video-result-card{background:var(--input-field-bg);border-radius:var(--border-radius-default);border:1px solid var(--border-default);overflow:hidden}.video-result-card video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.video-result-actions{justify-content:center;gap:var(--space-xs);padding:var(--space-sm);border-top:1px solid var(--border-default);display:flex}.video-gen-result{margin-top:var(--space-md)}.video-gen-result video{border-radius:var(--border-radius-default);background:var(--overlay-ink);width:100%;max-height:400px}.video-gen-actions{justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.info-banner{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--info-bg,var(--surface-legacy-e3f2fd));color:var(--info-text,var(--text-legacy-1565c0));border-radius:var(--border-radius-default);margin-bottom:var(--space-md);font-size:var(--text-sm);display:flex}.extend-preview-container{margin:var(--space-md) 0}.extend-preview-container video{border-radius:var(--border-radius-default);background:var(--overlay-ink);width:100%;max-height:250px}.history-toolbar{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.video-history-list{gap:var(--space-sm);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.video-history-item{gap:var(--space-sm);padding:var(--space-sm);background:var(--input-field-bg);border-radius:var(--border-radius-default);border:1px solid var(--border-default);grid-template-columns:100px 1fr auto;align-items:center;display:grid}.video-history-thumb{border-radius:var(--border-radius-small);background:var(--border-default);width:100px;height:60px;overflow:hidden}.video-history-thumb video{object-fit:cover;width:100%;height:100%}.video-history-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5em;display:flex}.video-history-info{min-width:0}.video-history-prompt{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.video-history-meta{gap:var(--space-xs);margin-top:var(--space-xs);color:var(--text-secondary);flex-wrap:wrap;font-size:.75em;display:flex}.video-history-meta span{background:var(--border-default);border-radius:var(--border-radius-small);padding:2px 6px}.video-history-actions{gap:var(--space-xs);display:flex}.pagination-controls{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-default);display:flex}.queue-toolbar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.video-queue-list{gap:var(--space-sm);flex-direction:column;max-height:350px;display:flex;overflow-y:auto}.video-queue-item{gap:var(--space-sm);padding:var(--space-sm);background:var(--input-field-bg);border-radius:var(--border-radius-default);border:1px solid var(--border-default);grid-template-columns:1fr auto auto;align-items:center;display:grid}.queue-item-info{min-width:0}.queue-item-prompt{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.queue-item-meta{gap:var(--space-xs);margin-top:var(--space-xs);color:var(--text-secondary);flex-wrap:wrap;font-size:.75em;display:flex}.queue-item-meta span{background:var(--border-default);border-radius:var(--border-radius-small);padding:2px 6px}.queue-item-status{font-size:1.2em}.queue-item-actions{gap:var(--space-xs);display:flex}.queue-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.modal-footer-left{flex:1}.modal-footer-right{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}#video-gen-modal .modal-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.cost-estimate{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.empty-message{text-align:center;color:var(--text-secondary);padding:var(--space-lg)}@media (width<=600px){.video-history-item{grid-template-rows:auto auto;grid-template-columns:80px 1fr}.video-history-actions{grid-column:1/-1;justify-content:flex-end}.video-queue-item{grid-template-columns:1fr auto}.queue-item-status{display:none}.video-results-grid{grid-template-columns:1fr}.modal-tabs{justify-content:flex-start}.modal-tab{padding:var(--space-xs) var(--space-sm);font-size:.85em}}@media (prefers-reduced-motion:reduce){.progress-bar-fill{transition:none}}.thought-process{margin:var(--space-md) 0;border:1px solid var(--border-subtle);border-radius:var(--border-radius-medium);background:var(--card-bg);overflow:hidden}.thought-process summary{padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:var(--header-bg);transition:background-color var(--transition-speed-fast) ease;outline:none;font-weight:500}.thought-process summary:hover{background:var(--input-field-bg);color:var(--text-primary)}.thought-process summary:focus-visible{background:var(--input-field-bg);box-shadow:inset 0 0 0 2px var(--border-focus)}.thought-process-content{padding:var(--space-md);border-top:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);background:var(--card-bg);font-style:italic;line-height:1.6}.thought-process-content p:last-child{margin-bottom:0}header{background-color:var(--header-bg);color:var(--header-text);width:100%;box-shadow:var(--floating-shadow);-webkit-user-select:none;user-select:none;z-index:1200;transition:background-color var(--transition-speed-normal) ease, color var(--transition-speed-normal) ease, box-shadow var(--transition-speed-normal) ease;flex-direction:column;flex-shrink:0;padding:0;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.header-row{width:100%;padding:0 var(--space-md);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex}#header-top-row{min-height:var(--header-height);height:var(--header-height)}#header-top-row h1{font-weight:500;font-size:var(--text-xl);margin:0;line-height:1.2}#user-controls-nav{align-items:center;gap:var(--space-xs);display:flex}#header-bottom-row{padding:var(--space-sm) var(--space-md) var(--space-md) var(--space-md);gap:var(--space-md);background-color:var(--surface-legacy-21);border-top:1px solid var(--border-legacy-56)}.dark #header-bottom-row{background-color:var(--surface-legacy-27);border-top-color:var(--surface-legacy-16)}#header-bottom-row #allowance{color:var(--header-text);opacity:.9;white-space:nowrap;font-weight:500;font-size:var(--text-sm);font-family:var(--font-primary);flex-shrink:0;line-height:1.4}#header-bottom-row #allowance.premium-account{color:var(--text-legacy-0ef5d9);letter-spacing:.01em;font-weight:700}.dark #header-bottom-row #allowance.premium-account{color:var(--text-legacy-7cf3ff)}#model-select{min-width:180px;max-width:400px;font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);color:var(--header-text);border-color:var(--surface-legacy-52);background-color:var(--surface-legacy-57);min-height:var(--button-height-md);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);flex-grow:1;padding-inline-end:2.2rem}.dark #model-select{color:var(--text-primary);border-color:var(--border-default);background-color:var(--select-base-bg);background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23B2DFDB%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}@media (hover:hover) and (pointer:fine){#model-select:hover{border-color:var(--surface-legacy-4)}.dark #model-select:hover{border-color:var(--border-focus)}}header nav .logout-form{display:contents}header nav .nav-button{color:var(--header-text);border-radius:var(--border-radius-pill);width:var(--button-height-md);height:var(--button-height-md);font-weight:500;font-size:var(--text-md);cursor:pointer;transition:background-color var(--transition-speed-fast) ease, transform .1s ease;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){header nav .nav-button:hover{background-color:var(--surface-legacy-57);transform:scale(1.05)}.dark header nav .nav-button:hover{background-color:var(--surface-legacy-58)}}header nav .nav-button:active{background-color:var(--surface-legacy-16);transform:scale(.95)}.dark header nav .nav-button:active{background-color:var(--surface-legacy-59)}header nav .nav-button:focus-visible{outline:2px solid var(--header-text);outline-offset:2px;background-color:var(--surface-legacy-16)}.dark header nav .nav-button:focus-visible{outline-color:var(--border-focus);background-color:var(--surface-legacy-60)}header nav .nav-button svg{fill:currentColor;width:22px;height:22px;display:block}#theme-toggle{font-size:1.3rem}#language-toggle .language-text{font-size:.85rem;font-weight:600;display:inline-block}main#chat-main-area,main.auth-main{background-color:var(--chat-area-bg);flex-direction:column;flex-grow:1;width:100%;height:100dvh;transition:background-color .3s;display:flex;overflow:hidden;container-type:inline-size}#app-content-wrapper{gap:var(--space-sm);width:min(calc(100vw - (2 * var(--space-md))), var(--max-content-width));max-width:100%;min-height:0;height:calc(100vh - var(--header-total-height));height:calc(100dvh - var(--header-total-height));max-height:calc(100vh - var(--header-total-height));max-height:calc(100dvh - var(--header-total-height));transition:grid-template-columns var(--duration-medium-2) var(--easing-standard);flex:1;grid-template:"sidebar chat"1fr"controls controls"/minmax(280px,360px) minmax(0,1fr);align-items:stretch;margin:0 auto;padding-block-start:calc(var(--header-total-height) + var(--space-sm));padding-block-end:var(--space-lg);padding-inline-start:var(--space-sm);padding-inline-end:var(--space-sm);display:grid;position:relative;overflow:visible;container-type:inline-size}#chat-wrapper{overflow-anchor:auto;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;-webkit-overflow-scrolling:touch;min-height:0;contain:layout style paint;flex-direction:column;flex:1;grid-area:chat;max-width:100%;padding-block-start:var(--space-md);padding-block-end:var(--bottom-controls-height,0px);padding-inline-start:var(--space-md);padding-inline-end:var(--space-md);display:flex;position:relative;overflow:hidden auto;container-type:inline-size}#bottom-controls-container{grid-area:controls}@container (width<=900px){#app-content-wrapper{padding:var(--header-total-height) var(--space-sm) 180px;grid-template:"chat"1fr"controls"/1fr;padding-block-start:calc(var(--header-total-height) + env(safe-area-inset-top));padding-block-end:calc(180px + env(safe-area-inset-bottom))}#bottom-controls-container{z-index:900;background:var(--bottom-controls-area-bg);box-shadow:0 -2px 8px var(--surface-legacy-17);padding-bottom:env(safe-area-inset-bottom);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;width:100%;max-width:100%;position:fixed;inset-block-end:0;inset-inline:0}}main#chat-main-area{flex-direction:column;flex:1;height:100%;padding-top:0;padding-bottom:0;display:flex}main.auth-main{background-color:var(--page-bg);padding:2rem;padding-top:var(--space-lg);justify-content:flex-start;align-items:center;height:auto;overflow-y:auto}@media (width<=768px){header{min-height:unset}.header-row{padding:0 var(--space-sm)}#header-top-row h1{font-size:var(--text-lg)}#header-bottom-row{padding:var(--space-sm);align-items:stretch;gap:var(--space-sm);flex-direction:column}#header-bottom-row #allowance{text-align:center;width:100%;font-size:var(--text-sm)}#model-select{width:100%;max-width:none;font-size:var(--text-sm)}header nav .nav-button{width:var(--touch-target-min);height:var(--touch-target-min)}main#chat-main-area{padding-top:0}main.auth-main{padding-top:calc(var(--header-height-single,56px) + var(--space-lg));padding-inline-start:var(--space-md);padding-inline-end:var(--space-md)}}@media (width<=600px){.header-row{padding:0 var(--space-xs)}#header-top-row{min-height:var(--touch-target-min)}#header-top-row h1{font-size:var(--text-md)}header nav .nav-button{width:var(--touch-target-min);height:var(--touch-target-min)}header nav .nav-button svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}#theme-toggle{font-size:var(--text-md)}#user-controls-nav{gap:2px}#header-bottom-row{padding:var(--space-xs) var(--space-sm)}main#chat-main-area{padding-top:0}main.auth-main{padding-top:calc(var(--header-total-height) + var(--space-lg));padding-inline-start:var(--space-sm);padding-inline-end:var(--space-sm)}}@media (width<=480px){#header-top-row h1{font-size:var(--text-base)}header nav .nav-button{width:36px;height:36px}header nav .nav-button svg{width:14px;height:14px}#user-controls-nav{gap:0}}@media (prefers-reduced-motion:reduce){#chat-wrapper,#conversation-list{scroll-behavior:auto}}