:root{--gray-50:var(--jony-gray-50);--gray-100:var(--jony-gray-100);--gray-200:var(--jony-gray-200);--gray-300:var(--jony-gray-300);--gray-400:var(--jony-gray-400);--gray-500:var(--jony-gray-500);--gray-600:var(--jony-gray-600);--gray-700:var(--jony-gray-700);--gray-800:var(--jony-gray-800);--gray-900:var(--jony-gray-900);--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--color-success:var(--color-success-500);--color-warning:var(--color-warning-500);--color-error:var(--color-error-500);--color-info:var(--color-info-500);--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1.125rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.7;--line-height-loose:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0em;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--font-family-display:var(--jony-font-display);--font-family-sans:var(--jony-font-body);--font-family-mono:var(--jony-font-mono);--border-radius-sm:var(--jony-radius-sm);--border-radius-md:var(--jony-radius-md);--border-radius-lg:var(--jony-radius-lg);--border-radius-xl:var(--jony-radius-xl);--border-radius-2xl:var(--jony-radius-2xl);--border-radius-full:var(--jony-radius-full);--transition-fast:var(--jony-transition-fast);--transition-base:var(--jony-transition-normal);--transition-slow:var(--jony-transition-slow);--transition-smooth:var(--jony-transition-normal);--focus-ring-width:var(--jony-focus-ring-width);--focus-ring-offset:var(--jony-focus-ring-offset);--focus-ring-color:var(--jony-accent-primary);--focus-ring-opacity:var(--jony-focus-ring-opacity);--welcome-icon-glow:#8bd3c799;--welcome-icon-glow-intense:#8bd3c7e6;--welcome-icon-glow-max:#8bd3c7;--shadow-soft-1:var(--jony-shadow-sm);--shadow-soft-2:var(--jony-shadow-md);--shadow-soft-3:var(--jony-shadow-lg);--card-surface-blend:color-mix(in oklab,var(--bg-secondary,#fff),transparent 8%);--vh-unit:1vh;--dvh-unit:1dvh;--chat-line-height:1.7;--chat-letter-spacing:.01em}*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--border-primary,currentColor);margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--font-family-sans);overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:var(--accent-primary);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary);text-decoration:underline}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--jony-font-display);letter-spacing:-.01em;font-weight:700;line-height:var(--jony-leading-tight)}h1,.h1{font-size:var(--jony-text-3xl);margin-bottom:var(--spacing-6);letter-spacing:-.025em;font-weight:800}h2,.h2{font-size:var(--jony-text-2xl);margin-bottom:var(--spacing-5);font-weight:700}h3,.h3{font-size:var(--jony-text-xl);margin-bottom:var(--spacing-4);font-weight:600}h4,.h4{font-size:var(--jony-text-lg);margin-bottom:var(--spacing-3);font-weight:600}p,.p{margin-bottom:var(--spacing-4);color:var(--jony-text-secondary);font-family:var(--jony-font-body);line-height:var(--jony-leading-relaxed)}:root{--brand-primary-50:#e6f7f3;--brand-primary-100:#d4ede6;--brand-primary-200:#b8ddd0;--brand-primary-300:#9ccdb9;--brand-primary-400:#8bd3c7;--brand-primary-500:#6bc4b5;--brand-primary-600:#5ab5a6;--brand-primary-700:#4a9e91;--brand-primary-800:#3a877c;--brand-primary-900:#2a7067;--brand-secondary-50:#f5f6f7;--brand-secondary-100:#eef0f2;--brand-secondary-200:#e2e5e8;--brand-secondary-300:#c8ccd1;--brand-secondary-400:#b0b5bc;--brand-secondary-500:#9ca3af;--brand-secondary-600:#6b7280;--brand-secondary-700:#4b5563;--brand-secondary-800:#374151;--brand-secondary-900:#1f2937;--brand-tertiary-50:#f0fdfa;--brand-tertiary-100:#ccfbf1;--brand-tertiary-200:#99f6e4;--brand-tertiary-300:#5eead4;--brand-tertiary-400:#2dd4bf;--brand-tertiary-500:#14b8a6;--brand-tertiary-600:#0d9488;--brand-tertiary-700:#0f766e;--brand-tertiary-800:#115e59;--brand-tertiary-900:#134e4a;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-200:#bfdbfe;--color-info-300:#93c5fd;--color-info-400:#60a5fa;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--color-info-800:#1e40af;--color-info-900:#1e3a8a;--brand-primary:var(--jony-accent-primary);--brand-secondary:var(--jony-accent-secondary);--brand-tertiary:var(--jony-accent-primary);--color-success:var(--jony-success);--color-warning:var(--jony-warning);--color-error:var(--jony-error);--color-info:var(--jony-info);--color-success-light:var(--color-success-100);--color-warning-light:var(--color-warning-100);--color-error-light:var(--color-error-100);--color-info-light:var(--color-info-100);--color-success-dark:var(--color-success-700);--color-warning-dark:var(--color-warning-700);--color-error-dark:var(--color-error-700);--color-info-dark:var(--color-info-700);--legacy-purple-500:#6366f1;--legacy-purple-400:#818cf8;--legacy-purple-600:#4f46e5;--legacy-violet-500:#8b5cf6;--legacy-violet-400:#a78bfa;--legacy-violet-600:#7c3aed;--legacy-green-500:#22c55e;--legacy-green-400:#4ade80;--legacy-green-600:#16a34a;--legacy-emerald-500:#10b981;--legacy-amber-500:#f59e0b;--legacy-amber-400:#fbbf24;--legacy-orange-500:#f97316;--legacy-red-500:#ef4444;--legacy-red-400:#f87171;--legacy-red-600:#dc2626;--legacy-gray-50:#f9fafb;--legacy-gray-100:#f3f4f6;--legacy-gray-200:#e5e7eb;--legacy-gray-300:#d1d5db;--legacy-gray-400:#9ca3af;--legacy-gray-500:#6b7280;--legacy-gray-600:#4b5563;--legacy-gray-700:#374151;--legacy-gray-800:#1f2937;--legacy-gray-900:#111827}:root,[data-theme=light]{--bg-primary:var(--primary-bg);--bg-secondary:var(--surface-2);--bg-tertiary:var(--secondary-bg);--text-primary:var(--primary-text);--text-secondary:var(--secondary-text);--text-muted:var(--muted);--accent-primary:var(--accent-primary);--accent-secondary:var(--accent-secondary);--tool-accent:var(--accent-primary);--tool-accent-bg:#8bd3c714;--tool-accent-border:#8bd3c733;--border-primary:var(--border-soft);--border-secondary:var(--border-lighter);--shadow-sm:0 1px 3px #0b17260a;--shadow-md:0 6px 18px #0b17260f;--shadow-lg:0 12px 30px #0b172614;--user-bubble-bg:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);--user-bubble-text:#fff;--welcome-icon-glow:#8bd3c773;--welcome-icon-glow-intense:#8bd3c7b3;--welcome-icon-glow-max:#8bd3c7f2}[data-theme=dark]{--bg-primary:#0d1417;--bg-secondary:#1a2124;--bg-tertiary:#2f3639;--bg-recessed:#080f12;--bg-elevated:#242b2e;--bg-bright:#333a3e;--text-primary:#dde3e8;--text-secondary:#bfc8ca;--text-muted:#8a9295;--accent-primary:var(--accent-primary);--accent-secondary:var(--accent-secondary);--tool-accent:var(--accent-primary);--tool-accent-bg:#8bd3c714;--tool-accent-border:#8bd3c72e;--border-primary:#40484a26;--border-secondary:#40484a40;--shadow-sm:0 1px 4px #0d141766;--shadow-md:0 4px 16px #0d141780,0 2px 6px #0d14174d;--shadow-lg:0 12px 40px #0d141799,0 6px 16px #0d141759;--shadow-glow:0 0 36px #2ddbde1f,0 4px 16px #0d141780;--user-bubble-bg:linear-gradient(135deg,#343d96 0%,#4a55b8 100%);--user-bubble-text:#e0e0ff;--welcome-icon-glow:#8bd3c773;--welcome-icon-glow-intense:#8bd3c7b3;--welcome-icon-glow-max:#8bd3c7e6}[data-theme=comfort-warm]{--bg-primary:#fdf8f4;--bg-secondary:linen;--bg-tertiary:#f5e6d8;--text-primary:#4a3728;--text-secondary:#5d4a3b;--text-muted:#6e5c4d;--accent-primary:var(--color-warning-500);--accent-secondary:var(--color-warning-600);--tool-accent:var(--color-warning-500);--tool-accent-bg:#f59e0b14;--tool-accent-border:#f59e0b40;--border-primary:#ead8c8;--border-secondary:#dfc9b5;--shadow-sm:0 1px 3px 0 #4a372814;--shadow-md:0 4px 8px -1px #4a37281a,0 2px 4px -2px #4a37280d;--shadow-lg:0 12px 24px -4px #4a37281f,0 6px 12px -4px #4a37280f;--user-bubble-bg:linear-gradient(135deg,var(--color-warning-500)0%,var(--color-warning-600)100%);--user-bubble-text:#fff;--welcome-icon-glow:#f59e0b80;--welcome-icon-glow-intense:#f59e0bbf;--welcome-icon-glow-max:#f59e0bf2}[data-theme=comfort-cool]{--bg-primary:#f5faf7;--bg-secondary:#e8f4ed;--bg-tertiary:#d4e8dc;--text-primary:#2d4a3e;--text-secondary:#3d5c4d;--text-muted:#4e7261;--accent-primary:var(--brand-tertiary-400);--accent-secondary:var(--brand-tertiary-500);--tool-accent:var(--brand-tertiary-400);--tool-accent-bg:#2dd4bf14;--tool-accent-border:#2dd4bf40;--border-primary:#c8ddd0;--border-secondary:#b5d0c0;--shadow-sm:0 1px 3px 0 #2d4a3e14;--shadow-md:0 4px 8px -1px #2d4a3e1a,0 2px 4px -2px #2d4a3e0d;--shadow-lg:0 12px 24px -4px #2d4a3e1f,0 6px 12px -4px #2d4a3e0f;--user-bubble-bg:linear-gradient(135deg,var(--brand-tertiary-400)0%,var(--brand-tertiary-500)100%);--user-bubble-text:#fff;--welcome-icon-glow:#2dd4bf80;--welcome-icon-glow-intense:#2dd4bfbf;--welcome-icon-glow-max:#2dd4bff2}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=comfort-warm]):not([data-theme=comfort-cool]){--bg-primary:#0d1417;--bg-secondary:#1a2124;--bg-tertiary:#2f3639;--bg-recessed:#080f12;--bg-elevated:#242b2e;--text-primary:#dde3e8;--text-secondary:#bfc8ca;--text-muted:#8a9295;--accent-primary:#2ddbde;--accent-secondary:#00c4c7;--border-primary:#40484a26;--border-secondary:#40484a40;--shadow-sm:0 1px 4px #0d141766;--shadow-md:0 4px 16px #0d141780,0 2px 6px #0d14174d;--shadow-lg:0 12px 40px #0d141799,0 6px 16px #0d141759;--welcome-icon-glow:#2ddbde73;--welcome-icon-glow-intense:#2ddbdeb3;--welcome-icon-glow-max:#2ddbdee6;--tool-accent:#2ddbde;--tool-accent-bg:#2ddbde14;--tool-accent-border:#2ddbde2e}}[data-theme=dark] body{color:#dde3e8;font-family:var(--font-family-sans);background-color:#0d1417}[data-theme=dark] html{background-color:#0d1417}[data-theme=dark] .form-input{background-color:var(--bg-tertiary);color:var(--text-primary)!important}[data-theme=dark] .form-input::placeholder{color:var(--text-secondary)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#f0ebe4;background-color:#1c2230;border-color:#2d3548}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#847f77}.btn{padding:calc(var(--spacing-4))calc(var(--spacing-8));font-size:var(--font-size-base);border-radius:var(--border-radius-2xl);cursor:pointer;transition:var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--jony-accent-primary)0%,var(--jony-accent-hover)100%);color:#fff;box-shadow:var(--jony-shadow-button);padding:calc(var(--spacing-4))calc(var(--spacing-10));border:none;font-weight:700}.btn-primary:hover:not(:disabled){box-shadow:var(--jony-shadow-button-hover);background:linear-gradient(135deg,var(--jony-accent-hover)0%,var(--jony-accent-active)100%);transform:translateY(-2px)scale(1.01)}.btn-secondary{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);box-shadow:var(--shadow-soft-1);background:rgba(255,255,255,.06);border:1px solid #40484a14}.btn-secondary:hover:not(:disabled){background:rgba(51,58,62,.7);border-color:rgba(64,72,74,.25);transform:translateY(-1px);box-shadow:0 6px 20px rgba(13,20,23,.3)}.btn-ghost{color:var(--text-primary);background-color:rgba(0,0,0,0)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-sm{padding:var(--spacing-2)var(--spacing-4);font-size:var(--font-size-sm)}.btn-support{align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:var(--border-radius-2xl);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-support:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.btn-sos{align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,var(--color-error),var(--color-error));color:#fff;border-radius:var(--border-radius-2xl);white-space:nowrap;border:none;flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;animation:3s ease-in-out infinite gentlePulse;display:flex;box-shadow:0 4px 12px rgba(220,38,38,.3)}.btn-sos:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(220,38,38,.4)}.btn-sos.crisis-active{animation:none}.btn-model-selector{align-items:center;gap:var(--spacing-2);border-radius:var(--border-radius-xl);color:var(--text-primary);background:rgba(255,255,255,.5);border:1px solid #0000000d;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-model-selector:hover{box-shadow:var(--shadow-sm);background:rgba(255,255,255,.8)}.form-group{margin-bottom:var(--spacing-5)}.form-label{margin-bottom:var(--spacing-2);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-3)var(--spacing-4);background:color-mix(in oklab,var(--bg-primary),transparent 30%);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in oklab,var(--border-secondary),transparent 50%);border-radius:var(--border-radius-lg);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.form-input:focus{background:color-mix(in oklab,var(--bg-primary),transparent 10%);border-color:color-mix(in oklab,var(--brand-primary),transparent 50%);box-shadow:0 12px 48px rgba(0,0,0,.05),0 0 0 2px color-mix(in oklab,var(--brand-primary),transparent 40%);outline:none;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-muted)}.card{background:var(--jony-surface-primary);-webkit-backdrop-filter:var(--jony-backdrop-blur-md);border-radius:var(--jony-radius-card);padding:var(--spacing-10);border:1px solid var(--jony-border-subtle);box-shadow:var(--jony-shadow-card);transition:var(--jony-transition-bounce)}.card:hover{box-shadow:var(--jony-shadow-card-hover);transform:translateY(-4px)}[data-theme=dark] .card{background:#1a2124;border:1px solid #40484a26;box-shadow:0 8px 40px rgba(13,20,23,.5),0 4px 16px rgba(13,20,23,.3)}[data-theme=dark] .card:hover{background:#242b2e;box-shadow:0 0 36px rgba(45,219,222,.06),0 12px 40px rgba(13,20,23,.6),0 4px 16px rgba(13,20,23,.3)}.card-header{padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-4);border-bottom:none}.card-title{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--jony-font-display);letter-spacing:-.01em}.card-footer{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:none;box-shadow:none!important;background:0 0!important}#modern-chat-interface{font-family:var(--font-family-sans);width:100%;max-width:100%;box-shadow:none;height:100vh;height:100dvh;height:var(--app-height,100dvh);min-height:100vh;min-height:100dvh;min-height:var(--app-height,100dvh);max-height:100vh;max-height:100dvh;max-height:var(--app-height,100dvh);background:radial-gradient(circle at top right,color-mix(in oklab,var(--accent-primary),transparent 95%),transparent 40%),radial-gradient(circle at bottom left,color-mix(in oklab,var(--accent-secondary),transparent 95%),transparent 40%),var(--bg-primary);background-color:var(--bg-primary);border:none;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}[data-theme=dark] #modern-chat-interface{background:radial-gradient(at 80% 10%,rgba(45,219,222,.07),rgba(0,0,0,0) 50%),radial-gradient(at 10% 90%,rgba(52,61,150,.1),rgba(0,0,0,0) 50%),#0d1417}.main-content:has(#modern-chat-interface){height:100vh;height:100dvh;overflow:hidden!important}#modern-chat-interface #chat-header{z-index:10;-webkit-backdrop-filter:blur(32px);background:color-mix(in oklab,var(--bg-primary),transparent 25%);border-bottom:1px solid #40484a1f;flex-grow:0;flex-shrink:0;padding-top:0;padding-bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:sticky;top:0}#modern-chat-interface #chat-header.header-compact{background:color-mix(in oklab,var(--bg-primary),transparent 15%);box-shadow:var(--shadow-sm);padding-top:0!important;padding-bottom:0!important}#modern-chat-interface #chat-header img[alt~=logo],#modern-chat-interface #chat-header img[src*=neha-trust-logo]{display:inline-block}[data-theme=dark] #modern-chat-interface #chat-header{background:color-mix(in oklab,var(--brand-primary-900),transparent 20%);border-bottom-color:color-mix(in oklab,var(--border-primary),transparent 70%)}[data-theme=dark] #modern-chat-interface #chat-header #app-title,[data-theme=dark] #modern-chat-interface #chat-header .h3{color:var(--text-primary)}[data-theme=dark] #modern-chat-interface #chat-header #app-subtitle,[data-theme=dark] #modern-chat-interface #chat-header .text-secondary{color:var(--text-secondary)}#modern-chat-interface .icon-btn,#modern-chat-interface .action-btn{border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-primary);transition:var(--transition-fast);background-color:rgba(0,0,0,0);justify-content:center;align-items:center;display:inline-flex}#modern-chat-interface .conversation-mode-indicator{align-items:center;gap:var(--spacing-1,4px);padding:var(--spacing-2,8px)var(--spacing-3,12px);background-color:color-mix(in srgb,var(--color-info) 15%,transparent);border-radius:var(--border-radius-full);font-size:var(--font-size-xs,12px);color:var(--accent-primary);white-space:nowrap;font-weight:600;animation:2s ease-in-out infinite gentlePulse;display:flex}@media(max-width:768px){#modern-chat-interface .conversation-mode-indicator{padding:var(--spacing-2,8px)}#modern-chat-interface .conversation-mode-indicator span{display:none}}#modern-chat-interface .icon-btn:hover,#modern-chat-interface .action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}#modern-chat-interface .model-selector-btn:hover{background-color:var(--bg-tertiary)}#modern-chat-interface #messages-container{width:100%;max-width:960px;height:100%;min-height:0;padding-left:var(--spacing-6);padding-right:var(--spacing-6);box-sizing:border-box;flex-direction:column;flex:1 1 0;margin-left:auto;margin-right:auto;display:flex;position:relative;overflow:hidden;padding-top:0!important;padding-bottom:0!important}#modern-chat-interface #messages-container>div[data-testid=virtuoso-scroller],#modern-chat-interface #messages-container>div:first-child{flex:1 1 0!important;height:100%!important;min-height:0!important}#modern-chat-interface #messages-container [data-virtuoso-scroller=true]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand-tertiary)40%,transparent)transparent;-ms-overflow-style:auto;padding-bottom:0;overflow:hidden auto!important}#modern-chat-interface #messages-container [data-virtuoso-scroller=true]::-webkit-scrollbar{width:6px;height:6px}#modern-chat-interface #messages-container [data-virtuoso-scroller=true]::-webkit-scrollbar-track{background:0 0}#modern-chat-interface #messages-container [data-virtuoso-scroller=true]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-tertiary)30%,transparent);border-radius:10px}#modern-chat-interface #messages-container [data-virtuoso-scroller=true]::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-tertiary)60%,transparent)}#modern-chat-interface #messages-container>div{scrollbar-width:none!important;-ms-overflow-style:none!important}#modern-chat-interface #messages-container>div::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}#modern-chat-interface #messages-container [data-virtuoso-item-list]>*{contain:layout style}#modern-chat-interface #messages-container .messages-list{gap:var(--spacing-4);flex-direction:column;min-height:min-content;display:flex}[data-theme=dark] #modern-chat-interface #messages-container{background:0 0}#modern-chat-interface #input-wrapper{align-items:center;gap:var(--spacing-3);background:color-mix(in oklab,var(--bg-primary),transparent 30%);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in oklab,var(--border-primary),transparent 50%);padding:var(--spacing-1)var(--spacing-3);border-radius:9999px;width:100%;max-width:800px;min-height:44px;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 40px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05)}#modern-chat-interface #input-wrapper:focus-within{box-shadow:0 12px 48px rgba(0,0,0,.15),0 0 0 2px color-mix(in oklab,var(--brand-primary),transparent 50%);background:color-mix(in oklab,var(--bg-primary),transparent 20%);transform:translateY(-2px)}[data-theme=dark] #modern-chat-interface #input-wrapper{background-color:color-mix(in oklab,var(--bg-tertiary),transparent 40%);border-color:color-mix(in oklab,var(--border-secondary),transparent 60%)}#modern-chat-interface .message-input{color:var(--text-primary);resize:none;min-height:22px;max-height:120px;font:inherit;padding:var(--spacing-1)15px;caret-color:var(--accent-primary);outline:none;flex:1;font-size:1.0625rem;line-height:1.6;overflow-y:auto;background:0 0!important;border:none!important}#modern-chat-interface .message-input:focus{box-shadow:none!important;border-color:rgba(0,0,0,0)!important;outline:none!important}#modern-chat-interface .message-input::selection{background-color:color-mix(in oklab,var(--accent-primary),transparent 80%);color:var(--text-primary)}#modern-chat-interface .message-input::placeholder{color:var(--text-muted);opacity:.8;font-weight:400}#modern-chat-interface textarea.message-input,#modern-chat-interface input.message-input,#modern-chat-interface textarea#message-input,#modern-chat-interface input#message-input,#modern-chat-interface .message-input.form-input{mix-blend-mode:normal;font-size:var(--font-size-base);text-shadow:none;font-weight:500;line-height:1.4;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;opacity:1!important;background:0 0!important;border:none!important;border-radius:9999px!important}#modern-chat-interface #message-input::placeholder{color:var(--text-muted)!important;opacity:1!important}#modern-chat-interface .message-input::-webkit-scrollbar{width:4px}#modern-chat-interface .message-input::-webkit-scrollbar-track{background:0 0}#modern-chat-interface .message-input::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--border-radius-full)}#modern-chat-interface .message-input::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(prefers-contrast:more),(forced-colors:active){#modern-chat-interface textarea.message-input,#modern-chat-interface input.message-input{background-color:var(--bg-secondary)!important}}#modern-chat-interface .send-btn,#modern-chat-interface #send-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-radius:var(--border-radius-full);width:44px;height:44px;box-shadow:0 4px 12px color-mix(in srgb,var(--brand-primary) 30%,transparent),inset 0 1px rgba(255,255,255,.2);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}#modern-chat-interface .send-btn:hover:not(:disabled),#modern-chat-interface #send-btn:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--brand-primary) 40%,transparent),inset 0 1px rgba(255,255,255,.3);background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary-700));transform:translateY(-2px)scale(1.05)}#modern-chat-interface .send-btn:active:not(:disabled),#modern-chat-interface #send-btn:active:not(:disabled){transform:translateY(0)scale(.98)}#modern-chat-interface .send-btn:disabled,#modern-chat-interface #send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--gray-300)}.input-actions{align-items:center;gap:var(--spacing-2);display:flex}#modern-chat-interface .card-footer,#modern-chat-interface #input-container,#modern-chat-interface div.card-footer,#modern-chat-interface div#input-container,.card-footer#input-container{box-shadow:none!important;-webkit-backdrop-filter:none!important;z-index:10!important;background:0 0!important;border:none!important;flex-grow:0!important;flex-shrink:0!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;position:relative!important}#modern-chat-interface .voice-controls{width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.model-selector-dropdown{z-index:50;background:color-mix(in oklab,var(--bg-primary),transparent 10%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--border-radius-xl);width:280px;padding:var(--spacing-4);border:1px solid #fff3;animation:.2s ease-out fadeInDown;position:absolute;top:4.5rem;left:1.5rem;box-shadow:0 10px 40px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05)}.model-selector-dropdown h4{margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.875rem;font-weight:600}.model-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--border-radius-lg);cursor:pointer;border:1px solid #0000;transition:all .2s;display:flex}.model-option:hover{background:rgba(0,0,0,.03)}.model-option.active{background:color-mix(in oklab,var(--accent-primary),transparent 90%);border-color:color-mix(in oklab,var(--accent-primary),transparent 80%)}.model-icon{width:32px;height:32px;color:var(--accent-primary);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.model-info{flex-direction:column;flex:1;display:flex}.model-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.model-desc{color:var(--text-muted);font-size:.75rem}.check-icon{color:var(--accent-primary)}#modern-chat-interface #model-selector{background-color:var(--bg-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-lg);padding:var(--spacing-4)}#modern-chat-interface .model-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-primary);transition:var(--transition-fast);display:flex}#modern-chat-interface .model-option:hover{background-color:var(--bg-tertiary)}#modern-chat-interface .model-option.active{background-color:color-mix(in oklab,var(--accent-primary),transparent 85%);border:1px solid var(--accent-primary)}#modern-chat-interface .welcome-screen{text-align:center;max-width:52ch;padding:0 var(--spacing-8);margin:0 auto}#modern-chat-interface .welcome-screen .welcome-icon,#modern-chat-interface .welcome-icon{margin-bottom:var(--spacing-6);filter:drop-shadow(0 0 20px var(--brand-primary));justify-content:center;align-items:center;font-size:5rem;animation:3s ease-in-out infinite floatPulsate;display:flex}#modern-chat-interface .welcome-heading{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-3);letter-spacing:var(--chat-letter-spacing);text-align:center;font-weight:600}#modern-chat-interface .welcome-meta,#modern-chat-interface .welcome-body{font-size:var(--font-size-lg);line-height:var(--chat-line-height);color:var(--text-secondary);text-align:center;max-width:44ch;margin:0 auto}#modern-chat-interface .welcome-screen h2{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-3);letter-spacing:var(--chat-letter-spacing);font-weight:600}#modern-chat-interface .welcome-screen p{font-size:var(--font-size-lg);line-height:var(--chat-line-height);color:var(--text-secondary);max-width:44ch;margin:0 auto}[data-theme=dark] #modern-chat-interface .welcome-screen{background:linear-gradient(165deg,rgba(26,33,36,.92),rgba(13,20,23,.75));border-color:rgba(45,219,222,.1);box-shadow:0 0 60px rgba(45,219,222,.06),0 24px 80px rgba(13,20,23,.7),inset 0 1px rgba(45,219,222,.08)}#modern-chat-interface.conversation-active .welcome-screen,#modern-chat-interface.conversation-active .welcome-icon,#modern-chat-interface.conversation-active .welcome-heading,#modern-chat-interface.conversation-active .welcome-meta,#modern-chat-interface.conversation-active .welcome-body{display:none!important}#modern-chat-interface .welcome-screen.hidden{pointer-events:none;animation:.3s forwards fadeOut}#modern-chat-interface .form-input{font-size:var(--font-size-lg);line-height:1.6}#modern-chat-interface .btn{font-size:var(--font-size-base)}#modern-chat-interface{--chat-radius:22px;--chat-radius-sm:16px;--chat-blur:20px;--keyboard-offset:0px;--composer-height:84px;background:radial-gradient(1200px 420px at 50% -180px,color-mix(in oklab,var(--brand-primary),transparent 92%),transparent 60%),linear-gradient(180deg,color-mix(in oklab,var(--bg-primary),#fff 3%),var(--bg-primary))}#modern-chat-interface #chat-header{-webkit-backdrop-filter:blur(var(--chat-blur))saturate(140%);background:color-mix(in oklab,var(--bg-primary),transparent 22%);border-bottom:1px solid color-mix(in oklab,var(--border-primary),transparent 65%)}#modern-chat-interface #messages-container [data-virtuoso-scroller=true]{scroll-behavior:smooth;touch-action:pan-y;will-change:scroll-position;scrollbar-gutter:stable both-edges}#modern-chat-interface[data-keyboard-lock=true] #messages-container [data-virtuoso-scroller=true]{scroll-behavior:auto}#modern-chat-interface #messages-container [data-virtuoso-scroller=true]>*{transform:translateZ(0)}#modern-chat-interface #input-container,#modern-chat-interface .card-footer{padding-left:max(var(--spacing-3),env(safe-area-inset-left,0px));padding-right:max(var(--spacing-3),env(safe-area-inset-right,0px))}#modern-chat-interface #input-wrapper{min-height:48px;padding:var(--spacing-1)var(--spacing-3);gap:var(--spacing-2);background:color-mix(in oklab,var(--bg-primary),transparent 20%);border:1px solid color-mix(in oklab,var(--border-primary),transparent 52%);will-change:transform;border-radius:9999px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;box-shadow:0 10px 30px rgba(0,0,0,.1),0 2px 10px rgba(0,0,0,.04),inset 0 1px rgba(255,255,255,.38)}#modern-chat-interface #input-wrapper:focus-within{border-color:color-mix(in oklab,var(--brand-primary),transparent 60%);box-shadow:0 14px 34px rgba(0,0,0,.14),0 0 0 1px color-mix(in oklab,var(--brand-primary),transparent 68%),inset 0 1px rgba(255,255,255,.45);transform:translateY(-1px)}#modern-chat-interface .message-input{letter-spacing:.01em;min-height:40px;max-height:180px;padding:8px 14px;font-size:1rem;font-weight:500;line-height:1.45;border-radius:9999px!important}#modern-chat-interface .message-input::placeholder{letter-spacing:.01em;font-weight:450}#modern-chat-interface .input-actions{gap:var(--spacing-2)}#modern-chat-interface .voice-input-btn,#modern-chat-interface #send-btn{will-change:transform;border-radius:50%;width:48px;min-width:48px;height:48px;min-height:48px;transition:transform .14s,filter .18s,box-shadow .18s}#modern-chat-interface #messages-container{will-change:auto;transition:none!important}#modern-chat-interface[data-keyboard-lock=true] #messages-container [data-virtuoso-scroller=true]{transition:none!important}#modern-chat-interface[data-keyboard-lock=true] #input-wrapper:focus-within,#modern-chat-interface[data-keyboard-lock=true] .voice-input-btn:active,#modern-chat-interface[data-keyboard-lock=true] #send-btn:active{transform:scale(.98)}#modern-chat-interface .voice-input-btn:active,#modern-chat-interface #send-btn:active{transform:scale(.97)}@media(max-width:768px){#modern-chat-interface{--chat-radius:20px;--chat-radius-sm:14px}#modern-chat-interface #messages-container{max-width:100%;padding-left:var(--spacing-3);padding-right:var(--spacing-3);padding-top:0!important;padding-bottom:0!important}#modern-chat-interface #input-wrapper{border-radius:9999px;min-height:52px}#modern-chat-interface .message-input{background:0 0;border:none;border-radius:28px;min-height:38px;margin:0;padding:8px 16px;font-size:16px;line-height:1.4}}@media(prefers-reduced-motion:reduce){#modern-chat-interface #messages-container [data-virtuoso-scroller=true],#modern-chat-interface #input-wrapper,#modern-chat-interface .voice-input-btn,#modern-chat-interface #send-btn{scroll-behavior:auto;transition:none!important;animation:none!important}}#modern-chat-interface .message{gap:var(--spacing-1);margin-bottom:var(--spacing-1);width:100%;display:flex}#modern-chat-interface .message.user{justify-content:flex-end}#modern-chat-interface .message.grouped-message{margin-top:2px!important}#modern-chat-interface .message:not(.grouped-message){margin-top:var(--spacing-3)}#modern-chat-interface .message:first-child{margin-top:0!important}#modern-chat-interface .message-avatar{border-radius:var(--border-radius-full);background-color:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);border:2px solid var(--border-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.5)}#modern-chat-interface .message-avatar:hover{transform:scale(1.05)}#modern-chat-interface .message.assistant .message-avatar{box-shadow:none!important;background:0 0!important;border:none!important}#modern-chat-interface .message.user .message-avatar{background:linear-gradient(145deg,var(--gray-200),var(--gray-300));color:var(--gray-600);border-color:rgba(0,0,0,0)}[data-theme=dark] #modern-chat-interface .message-avatar{background-color:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-secondary)}#modern-chat-interface .message-bubble{background-color:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--spacing-4);box-shadow:var(--shadow-sm);letter-spacing:.01em;word-spacing:.02em;border-radius:1rem;max-width:min(75ch,85%);font-size:1.0625rem;line-height:1.85;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background-color .2s}#modern-chat-interface .message-bubble:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}#modern-chat-interface .message-bubble,#modern-chat-interface .message-content,#modern-chat-interface .message-text{font-size:var(--font-size-lg);line-height:var(--chat-line-height);letter-spacing:var(--chat-letter-spacing);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}#modern-chat-interface .message-text p{margin:0}#modern-chat-interface .message.assistant .message-bubble{background:color-mix(in oklab,var(--bg-secondary),transparent 10%);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in oklab,var(--border-primary),transparent 50%);border-radius:1.5rem 1.5rem 1.5rem .375rem;border-bottom-left-radius:var(--border-radius-sm);color:var(--text-primary);max-width:800px;padding:1rem 1.25rem;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.03),0 2px 4px rgba(0,0,0,.02),inset 0 1px rgba(255,255,255,.4)}#modern-chat-interface .message.assistant .message-bubble:before{content:"";background:linear-gradient(180deg,var(--brand-tertiary),var(--brand-primary));opacity:.6;border-radius:2px;width:3px;transition:opacity .2s;position:absolute;top:1rem;bottom:1rem;left:0}#modern-chat-interface .message.assistant .message-bubble:hover:before{opacity:.9}[data-theme=dark] #modern-chat-interface .message.assistant .message-bubble{background:#2f3639 linear-gradient(rgba(139,211,199,.04),rgba(0,0,0,0) 40%);border:1px solid #40484a26;box-shadow:0 4px 20px rgba(13,20,23,.5),0 1px 4px rgba(13,20,23,.3)}[data-theme=dark] #modern-chat-interface .message-bubble{box-shadow:none;background-color:#1a2124;border-color:rgba(64,72,74,.15)}#modern-chat-interface .message.user .message-bubble{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);background-color:var(--brand-primary);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--brand-primary)calc(.28*100%),transparent),0 2px 6px color-mix(in srgb,var(--brand-primary) 15%,transparent),inset 0 1px rgba(255,255,255,.15);border-radius:1.5rem 1.5rem 0;border-bottom-right-radius:var(--border-radius-sm);text-shadow:0 1px 2px #0000001a;border:#0000;padding:.875rem 1.125rem;font-size:.9375rem}#modern-chat-interface .message.user .message-bubble:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--brand-primary) 32%,transparent),0 3px 8px color-mix(in srgb,var(--brand-primary) 18%,transparent),inset 0 1px rgba(255,255,255,.2);transform:translateY(-1px)}[data-theme=dark] #modern-chat-interface .message.user .message-bubble{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary)60%,black 10%),color-mix(in srgb,var(--accent-secondary)60%,black 10%));color:var(--user-bubble-text);box-shadow:0 4px 20px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06)}#modern-chat-interface .message.user .message-text,#modern-chat-interface .message.user .message-sender,#modern-chat-interface .message.user .message-time{color:var(--user-bubble-text,var(--gray-50))}#modern-chat-interface .message.user .message-bubble,#modern-chat-interface .message.user .message-bubble *,#modern-chat-interface .message.user .message-bubble .message-content,#modern-chat-interface .message.user .message-bubble .message-content p{color:var(--user-bubble-text)!important}#modern-chat-interface .message.user .message-bubble a{text-decoration:underline;color:var(--user-bubble-text)!important}#modern-chat-interface .message.user .message-bubble code,#modern-chat-interface .message.user .message-bubble pre,#modern-chat-interface .message.user .message-bubble strong,#modern-chat-interface .message.user .message-bubble em{color:var(--user-bubble-text,#fff)!important}[data-theme=light] #modern-chat-interface .message.user .message-bubble,[data-theme=light] #modern-chat-interface .message.user .message-bubble *,[data-theme=light] #modern-chat-interface .message.user .message-bubble .message-content,[data-theme=light] #modern-chat-interface .message.user .message-bubble .message-content p{mix-blend-mode:normal;color:var(--user-bubble-text)!important}[data-theme=light] #modern-chat-interface .message.user .message-bubble{background-color:var(--user-bubble-bg)}[data-theme=comfort-warm] #modern-chat-interface .message.user .message-bubble,[data-theme=comfort-cool] #modern-chat-interface .message.user .message-bubble{background-color:var(--accent-secondary);border-color:rgba(0,0,0,0)}#modern-chat-interface .message.assistant.message-group-start .message-bubble{border-radius:1.5rem 1.5rem 1.5rem .25rem}#modern-chat-interface .message.assistant.message-group-middle .message-bubble{border-radius:.25rem 1.5rem 1.5rem .25rem}#modern-chat-interface .message.assistant.message-group-end .message-bubble{border-radius:.25rem 1.5rem 1.5rem .375rem}#modern-chat-interface .message.user.message-group-start .message-bubble{border-radius:1.5rem 1.5rem .25rem}#modern-chat-interface .message.user.message-group-middle .message-bubble{border-radius:1.5rem .25rem .25rem 1.5rem}#modern-chat-interface .message.user.message-group-end .message-bubble{border-radius:1.5rem .25rem 0 1.5rem}#modern-chat-interface .message-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}#modern-chat-interface .message-sender{font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:.01em}#modern-chat-interface .message.assistant .message-sender{color:var(--accent-secondary)}#modern-chat-interface .message-footer{margin-top:var(--spacing-3);padding-top:var(--spacing-2);border-top:1px solid #0000000a;justify-content:space-between;align-items:center;display:flex}#modern-chat-interface .message-time{font-size:var(--font-size-xs);color:var(--text-muted);opacity:0;font-weight:500;transition:opacity .2s}#modern-chat-interface .message.user .message-time{text-align:right;margin-top:var(--spacing-1);color:rgba(255,255,255,.7)}#modern-chat-interface .message.assistant .message-time{text-align:left;margin-top:var(--spacing-1)}#modern-chat-interface .message-bubble:hover+.message-footer .message-time,#modern-chat-interface .message-footer:hover .message-time,#modern-chat-interface .message:hover .message-time{opacity:1}#modern-chat-interface .message{gap:var(--spacing-2)}#modern-chat-interface .message-bubble{letter-spacing:.01em;border-radius:18px;padding:10px 14px;font-size:1rem;line-height:1.55;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 8px 24px rgba(0,0,0,.06)}#modern-chat-interface .message.assistant .message-bubble{background:linear-gradient(165deg,color-mix(in oklab,var(--bg-secondary),white 12%),color-mix(in oklab,var(--bg-secondary),transparent 14%));border:1px solid color-mix(in oklab,var(--border-primary),transparent 58%);border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.5)}#modern-chat-interface .message.assistant .message-bubble:before{opacity:.45}#modern-chat-interface .message.user .message-bubble{background:linear-gradient(152deg,color-mix(in oklab,var(--brand-primary),white 3%),color-mix(in oklab,var(--brand-secondary),black 4%));box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary)20%,transparent),inset 0 1px rgba(255,255,255,.2);border-radius:18px}#modern-chat-interface .message-header{margin-bottom:var(--spacing-1)}#modern-chat-interface .message-sender{letter-spacing:.015em;font-weight:600}@media(max-width:640px){#modern-chat-interface .message-bubble,#modern-chat-interface .message.assistant .message-bubble,#modern-chat-interface .message.user .message-bubble{border-radius:24px;max-width:min(92%,46ch);padding:10px 16px;font-size:1rem}}#modern-chat-interface .message-actions{align-items:center;gap:var(--spacing-1);opacity:0;transition:opacity .2s;display:flex}#modern-chat-interface .message:hover .message-actions{opacity:1}#modern-chat-interface .message-actions .btn-ghost{padding:var(--spacing-1);border-radius:var(--border-radius-sm);color:var(--text-muted)}#modern-chat-interface .message-actions .btn-ghost:hover{color:var(--accent-primary);background:color-mix(in oklab,var(--accent-primary),transparent 90%)}.time-divider{background:color-mix(in oklab,var(--bg-secondary),transparent 40%);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in oklab,var(--border-primary),transparent 60%);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-1)var(--spacing-3);border-radius:var(--border-radius-full);margin:var(--spacing-3)auto;text-align:center;width:-moz-fit-content;width:fit-content;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.02)}.time-divider:before,.time-divider:after{display:none}.typing-indicator{align-items:center;gap:6px;min-height:28px;padding:6px 12px;display:flex}.dot{background:linear-gradient(135deg,var(--brand-tertiary),var(--brand-primary));width:8px;height:8px;box-shadow:0 2px 4px color-mix(in srgb,var(--color-info) 20%,transparent);border-radius:50%;animation:1.4s ease-in-out infinite both typingPulse}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}#modern-chat-interface .typing-indicator .dot{border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--brand-tertiary),var(--brand-primary));opacity:.9;width:10px;height:10px;box-shadow:0 2px 4px color-mix(in srgb,var(--brand-tertiary) 20%,transparent);margin-right:6px;animation:1.4s ease-in-out infinite both typingPulse;display:inline-block}.quick-reply-chip{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-3);background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-primary);border-radius:var(--border-radius-full);cursor:pointer;color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 4px rgba(0,0,0,.03)}.quick-reply-chip:hover{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--color-info) 25%,transparent);border-color:rgba(0,0,0,0);transform:translateY(-2px)}.quick-reply-chip:active{transform:translateY(0)scale(.98)}.quick-reply-chip span:first-child{font-size:1.1em}#modern-chat-interface .quick-replies{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;justify-content:center!important;gap:var(--spacing-2)!important;background:0 0!important;flex-wrap:nowrap!important;padding:0!important;display:flex!important}#modern-chat-interface .quick-replies::-webkit-scrollbar{display:none}[data-theme=dark] #modern-chat-interface .quick-reply-chip{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}[data-theme=dark] #modern-chat-interface .quick-reply-chip:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.crisis-mode-active{border:2px solid var(--crisis-border);animation:2s infinite pulse-border}#voice-input-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:var(--border-radius-full);cursor:pointer;width:44px;height:44px;box-shadow:0 4px 12px color-mix(in srgb,var(--color-info) 30%,transparent);border:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:visible}#voice-input-btn:hover:not(:disabled){box-shadow:0 6px 20px color-mix(in srgb,var(--color-info) 40%,transparent);transform:translateY(-2px)scale(1.05)}#voice-input-btn:active:not(:disabled){transform:translateY(0)scale(.98)}#voice-input-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}#voice-input-btn.listening{background:linear-gradient(135deg,var(--color-error),var(--color-error));animation:1.5s ease-in-out infinite pulse-button}#voice-input-btn.listening:before{content:"";border-radius:var(--border-radius-full);background:linear-gradient(135deg,color-mix(in srgb,var(--color-error) 30%,transparent),var(--legacy-color,#dc26264d));z-index:-1;animation:1.5s ease-out infinite pulse-ring;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}#voice-input-btn.listening:after{content:"";border-radius:var(--border-radius-full);background:linear-gradient(135deg,color-mix(in srgb,var(--color-error) 20%,transparent),var(--legacy-color,#dc262633));z-index:-2;animation:1.5s ease-out .3s infinite pulse-ring;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}#voice-input-btn.processing{background:linear-gradient(135deg,var(--color-warning),var(--color-warning));animation:1s linear infinite spin}.voice-input-btn{border-radius:var(--border-radius-full);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.voice-input-btn:hover{color:var(--text-primary);background:rgba(0,0,0,.05);transform:scale(1.05)}.voice-input-btn.listening{background:var(--legacy-color,#fee2e2);color:var(--color-error);animation:2s infinite pulseRed}.voice-input-btn.processing{color:var(--accent-primary);animation:1s linear infinite spin}[data-theme=dark] .voice-input-btn:hover{background:var(--legacy-color,#a89cd426);color:var(--text-primary)}.voice-activity-overlay{z-index:1000;background:var(--legacy-color,#0f172ad9);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeInOverlay;display:flex;position:fixed;top:0;left:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.voice-activity-content{justify-content:center;align-items:center;gap:var(--spacing-6,24px);text-align:center;flex-direction:column;display:flex}.voice-activity-text{max-width:600px;padding:0 var(--spacing-4,16px)}.voice-activity-title{color:#fff;margin:0 0 var(--spacing-2,8px)0;text-shadow:0 2px 10px #00000080;letter-spacing:.02em;font-size:2.5rem;font-weight:600}.voice-activity-transcript{color:rgba(255,255,255,.9);min-height:2em;margin:0;font-size:1.25rem;font-style:italic;line-height:1.5}.voice-activity-actions{margin-top:var(--spacing-4,16px)}.voice-activity-btn{color:#fff;border-radius:var(--border-radius-full,9999px);padding:var(--spacing-3,12px)var(--spacing-8,32px);cursor:pointer;-webkit-backdrop-filter:blur(4px);background:rgba(255,255,255,.15);border:1px solid #ffffff4d;font-size:1rem;font-weight:500;transition:all .2s}.voice-activity-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.voice-activity-overlay.listening{background:linear-gradient(135deg,var(--legacy-color,#0f172ae6),var(--legacy-color,#082f49e6))}.voice-activity-overlay.speaking{background:linear-gradient(135deg,var(--legacy-color,#0f172ae6),var(--legacy-color,#2e1065e6))}.waveform-visualization{align-items:center;gap:3px;height:30px;display:flex}.waveform-bar{opacity:.7;background:#fff;border-radius:2px;width:3px;animation:1s ease-in-out infinite waveform}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.waveform-bar:nth-child(6){animation-delay:.3s}.waveform-bar:nth-child(7){animation-delay:.2s}.waveform-bar:nth-child(8){animation-delay:.1s}.language-selector-container{position:relative}.language-selector-btn{border-radius:var(--border-radius-full);width:44px;height:44px;color:var(--text-muted);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.language-selector-btn:hover{color:var(--text-primary);opacity:1;background:rgba(0,0,0,.05)}.language-selector-dropdown{margin-bottom:var(--spacing-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:200px;max-height:300px;animation:.2s cubic-bezier(.4,0,.2,1) slideUp;position:absolute;bottom:100%;left:0;overflow-y:auto}.language-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);cursor:pointer;color:var(--text-primary);transition:all .15s;display:flex}.language-option:hover{background:var(--bg-tertiary)}.language-option.active{background:color-mix(in oklab,var(--accent-primary),transparent 90%);color:var(--accent-primary);font-weight:500}.language-flag{font-size:20px;line-height:1}.language-name{font-size:var(--font-size-sm);flex:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-nav-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);background:0 0;border:1px solid #0000;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar-nav-item:hover{background:color-mix(in oklab,var(--bg-secondary),transparent 40%);-webkit-backdrop-filter:blur(8px);border-color:color-mix(in oklab,var(--border-primary),transparent 60%);color:var(--text-primary);transform:translate(2px);box-shadow:0 4px 12px rgba(0,0,0,.02)}.sidebar-nav-item--active{background:color-mix(in oklab,var(--brand-primary),transparent 90%);-webkit-backdrop-filter:blur(12px);border-color:color-mix(in oklab,var(--brand-primary),transparent 70%);color:var(--brand-primary);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 4px 14px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.sidebar-nav-item--active:hover{background:color-mix(in oklab,var(--brand-primary),transparent 85%)}.sidebar-nav-item__indicator{background-color:var(--nav-item-accent,var(--accent-primary));border-top-right-radius:3px;border-bottom-right-radius:3px;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-item__icon{justify-content:center;align-items:center;min-width:24px;display:flex}.sidebar-nav-item--active .sidebar-nav-item__icon{color:var(--nav-item-accent,var(--accent-primary))}.sidebar-nav-item__label{white-space:nowrap}.sidebar-conversation{text-align:left;width:100%;padding:var(--spacing-3)var(--spacing-4);margin-bottom:var(--spacing-1);color:var(--text-secondary);border-radius:var(--border-radius-lg);cursor:pointer;align-items:center;gap:var(--spacing-3);background:0 0;border:1px solid #0000;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-conversation:hover{background:color-mix(in oklab,var(--bg-secondary),transparent 40%);-webkit-backdrop-filter:blur(8px);border-color:color-mix(in oklab,var(--border-primary),transparent 60%);color:var(--text-primary);transform:translate(2px);box-shadow:0 4px 12px rgba(0,0,0,.02)}.sidebar-conversation--active{background:color-mix(in oklab,var(--brand-primary),transparent 90%);-webkit-backdrop-filter:blur(12px);border-color:color-mix(in oklab,var(--brand-primary),transparent 70%);color:var(--brand-primary);box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 4px 14px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.sidebar-conversation--active:hover{background:color-mix(in oklab,var(--brand-primary),transparent 85%)}.sidebar-conversation__indicator{background-color:var(--accent-primary);border-top-right-radius:3px;border-bottom-right-radius:3px;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-conversation__icon{justify-content:center;min-width:24px;display:flex;position:relative}.sidebar-conversation__badge--collapsed{background-color:var(--color-error);border:1px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;right:-4px}.sidebar-conversation__content{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-conversation__header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.sidebar-conversation__title{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:500;overflow:hidden}.sidebar-conversation__title--active{font-weight:700}.sidebar-conversation__badge{background-color:var(--color-error);color:#fff;min-width:16px;height:16px;margin-left:var(--spacing-2);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:.65rem;font-weight:700;display:flex}.sidebar-conversation__preview{font-size:var(--font-size-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.sidebar-conversation__preview--active{color:var(--text-secondary)}.sidebar-btn{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);background:0 0;border:1px solid #0000;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-btn:hover{background:color-mix(in oklab,var(--bg-secondary),transparent 40%);-webkit-backdrop-filter:blur(8px);border-color:color-mix(in oklab,var(--border-primary),transparent 60%);color:var(--text-primary);transform:translate(2px);box-shadow:0 4px 12px rgba(0,0,0,.02)}.sidebar-btn--active{background:color-mix(in oklab,var(--brand-primary),transparent 90%);-webkit-backdrop-filter:blur(12px);border-color:color-mix(in oklab,var(--brand-primary),transparent 70%);color:var(--brand-primary)}.sidebar-header__toggle{cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-md);color:var(--text-secondary);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-header__toggle:hover{background-color:var(--bg-tertiary)}.sidebar-section-header{color:var(--text-muted);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:.08em;padding-left:var(--spacing-3);font-size:.75rem;font-weight:700}.sidebar-content::-webkit-scrollbar{width:5px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sidebar-collapsed .sidebar-content{touch-action:pan-y;-webkit-overflow-scrolling:touch;pointer-events:auto;overscroll-behavior:contain}@media(max-width:768px){.sidebar{width:260px}.sidebar-header{padding:var(--spacing-3)!important}.sidebar-header h2{font-size:1rem!important}.sidebar-content{padding:0 var(--spacing-2)!important;gap:var(--spacing-3)!important}.sidebar-footer{padding:var(--spacing-2)!important}.sidebar-nav-item{min-height:36px;padding:var(--spacing-1)var(--spacing-2)!important;gap:var(--spacing-2)!important;font-size:.9em!important}.sidebar-conversation{padding:var(--spacing-2)!important;gap:var(--spacing-2)!important;margin-bottom:2px!important}.sidebar-conversation__title{font-size:.85rem!important}.sidebar-conversation__preview{font-size:.75rem!important}.sidebar-btn,.sidebar-new-chat-btn{min-height:36px;padding:var(--spacing-2)!important;gap:var(--spacing-2)!important;font-size:.9em!important}.sidebar-section-header{margin-bottom:var(--spacing-1)!important;padding-left:var(--spacing-2)!important;margin-top:var(--spacing-2)!important;font-size:.7rem!important}}@media(max-width:400px){.sidebar{width:100%;max-width:90vw}.sidebar-header{padding:var(--spacing-3)!important}.sidebar-header h2{font-size:var(--font-size-lg)!important}.sidebar-content{padding:0 var(--spacing-2)!important}.sidebar-footer{padding:var(--spacing-2)!important}}@media(max-width:375px){.sidebar{max-width:280px}}[data-theme=dark] .sidebar,[data-theme=dark] .sidebar-header{background-color:#1a2124!important;border-color:rgba(64,72,74,.15)!important}[data-theme=dark] .sidebar h2,[data-theme=dark] .sidebar h3{color:var(--text-primary)!important}[data-theme=dark] .sidebar-footer{background-color:#0d1417!important;border-color:rgba(64,72,74,.15)!important}[data-theme=dark] .sidebar button,[data-theme=dark] .sidebar a{color:#bfc8ca}[data-theme=dark] .sidebar button:hover,[data-theme=dark] .sidebar a:hover{color:#dde3e8;background-color:rgba(45,219,222,.08)}[data-theme=dark] .sidebar button[aria-current=page],[data-theme=dark] .sidebar a[aria-current=page]{color:#2ddbde!important;background-color:rgba(45,219,222,.1)!important}[data-theme=dark] .sidebar .sidebar-section-header{color:#8a9295!important}[data-theme=dark] .main-content{background-color:#0d1417}[data-theme=dark] .sidebar-toggle{color:#dde3e8!important;background-color:#1a2124!important;border-color:rgba(64,72,74,.15)!important}[data-theme=dark] .sidebar-toggle:hover{background-color:#242b2e!important}[data-theme=dark] .sidebar-backdrop{background-color:rgba(8,15,18,.75)!important}[data-theme=dark] .sidebar-nav-item:hover,[data-theme=dark] .sidebar-conversation:hover{background-color:rgba(45,219,222,.08)}[data-theme=dark] .sidebar-nav-item--active,[data-theme=dark] .sidebar-conversation--active{color:#2ddbde!important;background-color:rgba(45,219,222,.1)!important}[data-theme=dark] .sidebar-collapsed .sidebar-nav-item,[data-theme=dark] .sidebar-collapsed .sidebar-btn{color:var(--legacy-color,#e4e4e7cc);transition:all .2s}[data-theme=dark] .sidebar-collapsed .sidebar-nav-item:hover,[data-theme=dark] .sidebar-collapsed .sidebar-btn:hover{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--legacy-color,#f4f4f5)}[data-theme=dark] .sidebar-collapsed .sidebar-nav-item--active{background:color-mix(in srgb,var(--accent-primary) 20%,transparent)}[data-theme=dark] .sidebar-collapsed .sidebar-conversation{color:var(--legacy-color,#e4e4e7b3)}[data-theme=dark] .sidebar-collapsed .sidebar-conversation:hover{color:var(--legacy-color,#f4f4f5);background:rgba(255,255,255,.08)}[data-theme=dark] .sidebar-collapsed .sidebar-conversation--active{background:color-mix(in srgb,var(--accent-primary) 15%,transparent)}[data-theme=dark] .sidebar-collapsed .sidebar-section-header{color:var(--legacy-color,#a1a1aacc)}.sidebar-collapsed .sidebar-new-chat-btn{background:linear-gradient(135deg,#2ddbde,#004c4d);box-shadow:0 4px 16px rgba(45,219,222,.3)}.sidebar-collapsed .sidebar-new-chat-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(45,219,222,.4),0 6px 20px rgba(45,219,222,.25)}.toast-container{top:var(--spacing-6);right:var(--spacing-6);z-index:1001;gap:var(--spacing-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);padding:var(--spacing-4)var(--spacing-5);box-shadow:var(--shadow-lg);align-items:flex-start;gap:var(--spacing-3);min-width:300px;max-width:400px;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:flex}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-error)}.toast.info{border-left:4px solid var(--color-info)}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-content{flex:1}.toast-title{font-weight:600;font-size:var(--font-size-base);color:var(--text-primary);margin:0 0 var(--spacing-1)0}.toast-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.toast-close{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;display:none;transform:scale(.95)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatPulsate{0%{opacity:.9;transform:translateY(0)scale(1)}10%{opacity:1;transform:translateY(-5px)scale(1.15)}20%{opacity:.95;transform:translateY(-3px)scale(1.05)}30%{opacity:1;transform:translateY(-8px)scale(1.2)}50%{opacity:.85;transform:translateY(-12px)scale(1)}to{opacity:.9;transform:translateY(0)scale(1)}}@keyframes typingPulse{0%,80%,to{opacity:.4;transform:translateY(0)scale(.9)}40%{opacity:1;transform:translateY(-5px)scale(1.1)}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes pulse-button{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulseRed{0%{box-shadow:0 0 rgba(220,38,38,.4)}70%{box-shadow:0 0 0 10px rgba(220,38,38,0)}to{box-shadow:0 0 rgba(220,38,38,0)}}@keyframes pulse-border{0%{box-shadow:0 0 rgba(220,38,38,.4)}70%{box-shadow:0 0 0 10px rgba(220,38,38,0)}to{box-shadow:0 0 rgba(220,38,38,0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes waveform{0%,to{height:8px}50%{height:30px}}@keyframes listening-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes heartFloatPulse{0%,to{filter:drop-shadow(0 0 #fff0);transform:translateY(0)scale(1)}25%{filter:drop-shadow(0 2px 4px #ffffff4d);transform:translateY(-3px)scale(1.1)}50%{filter:drop-shadow(0 4px 8px #fff3);transform:translateY(-5px)scale(1)}75%{filter:drop-shadow(0 2px 4px #ffffff40);transform:translateY(-2px)scale(1.08)}}@keyframes heartFloatPulseIntense{0%,to{filter:drop-shadow(0 0 4px #fff6);transform:translateY(0)scale(1)}25%{filter:drop-shadow(0 3px 8px #ffffff80);transform:translateY(-4px)scale(1.15)}50%{filter:drop-shadow(0 5px 12px #fff6);transform:translateY(-6px)scale(1.05)}75%{filter:drop-shadow(0 3px 8px #ffffff73);transform:translateY(-3px)scale(1.12)}}#modern-chat-interface .btn-support svg,.btn-support svg{transform-origin:50%;display:inline-block;position:relative;animation:2.5s ease-in-out infinite heartFloatPulse!important}#modern-chat-interface .btn-support:hover svg,.btn-support:hover svg{animation:1.5s ease-in-out infinite heartFloatPulseIntense!important}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}.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}.container{width:100%;max-width:1280px;padding-left:var(--spacing-6);padding-right:var(--spacing-6);margin-left:auto;margin-right:auto}@media(max-width:480px){#modern-chat-interface.container{padding-left:max(var(--spacing-3),env(safe-area-inset-left));padding-right:max(var(--spacing-3),env(safe-area-inset-right))}}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}@supports (height:100dvh){:root{--app-height:100dvh}}#modern-chat-interface{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}@media(pointer:coarse){.btn,.btn-ghost,.quick-reply-chip,.message-actions button,#send-btn,#voice-input-btn{min-width:44px;min-height:44px;padding:var(--spacing-2)var(--spacing-3);-webkit-tap-highlight-color:transparent;transition:transform .1s,box-shadow .1s}#send-btn,#voice-input-btn{min-width:48px;min-height:48px}.quick-reply-chip{min-height:48px;padding:var(--spacing-3)var(--spacing-4);text-align:left;white-space:normal;justify-content:flex-start;line-height:1.3}.btn:active,.btn-ghost:active,.quick-reply-chip:active,.message-bubble:active{transition:transform .1s;transform:scale(.98)}:focus-visible{outline-offset:4px;outline-width:3px}}.voice-input-btn.listening{animation:1.5s ease-in-out infinite voicePulse}@keyframes voicePulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(239,68,68,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(239,68,68,0)}}@media(max-width:768px){#modern-chat-interface #chat-header{-webkit-backdrop-filter:blur(20px)saturate(180%);background:rgba(255,255,255,.8);border-bottom:1px solid #fff3}[data-theme=dark] #modern-chat-interface #chat-header{background:rgba(20,24,33,.8);border-bottom:1px solid #ffffff1a}#input-container{-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.95);border-top:1px solid #0000000d}[data-theme=dark] #input-container{background:rgba(20,24,33,.95);border-top:1px solid #ffffff1a}.quick-reply-chip{-webkit-backdrop-filter:blur(8px);will-change:transform;background:rgba(255,255,255,.9);border:1px solid #00000014;box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-theme=dark] .quick-reply-chip{background:rgba(40,44,52,.9);border:1px solid #ffffff1a}.message-bubble{-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.08)}[data-theme=dark] .message-bubble{box-shadow:0 2px 8px rgba(0,0,0,.3)}}.message-bubble{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.message-bubble:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 8px 20px rgba(0,0,0,.12)}.quick-reply-chip{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.quick-reply-chip:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 6px 16px rgba(0,0,0,.15)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){#modern-chat-interface{background:linear-gradient(rgba(59,130,246,.05),rgba(0,0,0,0) 50%)}[data-theme=dark] #modern-chat-interface{background:linear-gradient(rgba(30,41,59,.1),rgba(0,0,0,0) 50%)}}.btn,.btn-ghost{position:relative;overflow:hidden}.btn:before,.btn-ghost:before{content:"";background:rgba(255,255,255,.3);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:before,.btn-ghost:active:before{width:300px;height:300px}@media(max-width:768px){.message-bubble{box-shadow:0 1px 3px rgba(0,0,0,.1)}#messages-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.message-bubble,.quick-reply-chip,.btn,.btn-ghost{transition:none;animation:none}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.message-avatar img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}}@media(max-width:480px){.quick-reply-chip,#input-container,#chat-header{-webkit-backdrop-filter:blur(8px)}.message-bubble{transition:opacity .2s}.message-bubble:hover{opacity:.9;transform:none}}@media(max-width:640px){#modern-chat-interface #input-container,#modern-chat-interface .card-footer{bottom:var(--keyboard-offset,0px)!important;z-index:100!important;padding-bottom:calc(var(--spacing-3) + var(--safe-area-inset-bottom))!important;padding-left:calc(var(--spacing-3) + var(--safe-area-inset-left))!important;padding-right:calc(var(--spacing-3) + var(--safe-area-inset-right))!important;background:var(--bg-primary)!important;border-top:1px solid var(--border-primary)!important;transition:none!important;position:fixed!important;left:0!important;right:0!important}[data-theme=dark] #modern-chat-interface #input-container,[data-theme=dark] #modern-chat-interface .card-footer{background:#141821!important;border-top-color:rgba(255,255,255,.1)!important}#modern-chat-interface #messages-container{padding-top:0!important;padding-bottom:0!important}#modern-chat-interface #send-btn,#modern-chat-interface .send-btn,#modern-chat-interface #voice-input-btn,#modern-chat-interface .voice-input-btn{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}.language-selector-dropdown{z-index:1000!important;width:100%!important;max-width:100%!important;max-height:60vh!important;padding-bottom:calc(var(--spacing-4) + var(--safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;animation:.3s cubic-bezier(.4,0,.2,1) slideUpSheet!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 -10px 40px rgba(0,0,0,.2)!important}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.listening-banner{bottom:80px!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;z-index:99!important;border-radius:var(--border-radius-lg)!important;margin:0!important;position:fixed!important;top:auto!important;box-shadow:0 -4px 20px rgba(0,0,0,.15)!important}.listening-banner-content{padding:var(--spacing-3)!important}.listening-banner-title{font-size:.875rem!important}.waveform-visualization{height:20px!important}.error-container,#modern-chat-interface .error-container{top:calc(var(--spacing-3) + var(--safe-area-inset-top))!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;z-index:1001!important;position:fixed!important;bottom:auto!important}.error-container .error-item{padding:var(--spacing-3)!important;margin-bottom:var(--spacing-2)!important;border-radius:var(--border-radius-md)!important;animation:.3s ease-out slideDownToast!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#modern-chat-interface .message-bubble{contain:layout style paint!important;-webkit-backdrop-filter:none!important;max-width:85%!important;padding:.75rem!important;font-size:.8125rem!important;line-height:1.5!important;transition:none!important;animation:none!important}#modern-chat-interface .message-bubble:hover{box-shadow:inherit!important;transform:none!important}#modern-chat-interface .message{contain:layout style!important;transform:translateZ(0)!important}#modern-chat-interface .message-avatar{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}#modern-chat-interface .message-avatar img{width:32px!important;height:32px!important}#modern-chat-interface .message-time{font-size:.625rem!important}.time-divider{margin:var(--spacing-4)0!important;font-size:.625rem!important}.time-divider:before,.time-divider:after{max-width:60px!important}#modern-chat-interface #chat-header .header-left button img,#modern-chat-interface #chat-header .avatar-button img{width:32px!important;height:32px!important}#modern-chat-interface #chat-header .header-left button,#modern-chat-interface #chat-header .avatar-button{width:32px!important;min-width:32px!important;height:32px!important}#modern-chat-interface #chat-header .btn-sos,#modern-chat-interface #chat-header .header-right .btn{min-width:44px;min-height:44px;padding:var(--spacing-2)}#modern-chat-interface .quick-replies{gap:var(--spacing-2)!important;padding:var(--spacing-3)!important;width:100%!important;max-width:100%!important;margin:0 auto var(--spacing-3)auto!important;grid-template-columns:repeat(2,1fr)!important;justify-items:stretch!important;display:grid!important}.quick-reply-chip{min-height:48px!important;padding:var(--spacing-2)var(--spacing-3)!important;text-align:left!important;white-space:normal!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;font-size:.75rem!important;line-height:1.3!important}.quick-reply-chip span:first-child{flex-shrink:0!important}}@media(min-width:641px)and (max-width:1024px){#modern-chat-interface .quick-replies{gap:var(--spacing-2)!important;padding:var(--spacing-3)!important;width:100%!important;max-width:600px!important;margin:0 auto var(--spacing-3)auto!important;grid-template-columns:repeat(3,1fr)!important;display:grid!important}.quick-reply-chip{min-height:44px!important;padding:var(--spacing-2)var(--spacing-3)!important;text-align:left!important;justify-content:flex-start!important;width:100%!important;font-size:.8125rem!important}}@media(max-width:640px){#modern-chat-interface .welcome-screen{padding:var(--spacing-6)var(--spacing-4)!important;max-width:calc(100% - var(--spacing-6))!important;margin:10vh auto!important}#modern-chat-interface .welcome-screen h2{font-size:var(--font-size-xl)!important}#modern-chat-interface .welcome-screen p{font-size:var(--font-size-sm)!important}#modern-chat-interface .welcome-screen .welcome-icon{font-size:3.5rem!important}}@media(prefers-color-scheme:dark){[data-theme=dark] #modern-chat-interface{background:#000}[data-theme=dark] .message-bubble.user{background:#1a1a1a}[data-theme=dark] .message-bubble.assistant{background:#0f0f0f}}@media(max-width:768px){.input-actions{gap:var(--spacing-3);padding:var(--spacing-2)}:focus-visible{outline-offset:3px;outline-width:3px;outline-style:solid}@media(prefers-contrast:high){.message-bubble,.quick-reply-chip,#input-container,#chat-header{border:2px solid}.message-bubble.user,.message-bubble.assistant{border-color:currentColor}.btn,.btn-ghost{border:2px solid}}@media(-webkit-max-device-pixel-ratio:1),(max-resolution:1dppx){#modern-chat-interface .message-bubble{padding:1rem;font-size:1rem}.quick-reply-chip{min-height:52px;font-size:.875rem}}}@media(max-width:375px){#modern-chat-interface #chat-header{padding-left:calc(44px + var(--spacing-3) + env(safe-area-inset-left));padding-right:calc(var(--spacing-2) + env(safe-area-inset-right));padding-top:calc(var(--spacing-2) + env(safe-area-inset-top))}#modern-chat-interface #chat-header .header-right{gap:var(--spacing-2);margin-right:env(safe-area-inset-right)}}@media(max-width:480px){.voice-input-btn.listening:after{content:"Listening";width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}#app-title{font-size:1rem;font-weight:600}.message-bubble{role:"article";aria-label:attr(data-username)" message"}.quick-reply-chip{role:"button";tabindex:0;aria-label:attr(data-reply-text)}}@media(pointer:coarse)and (max-width:768px){.btn,.btn-ghost,.quick-reply-chip{min-width:48px;min-height:48px;padding:var(--spacing-3)}#send-btn,#voice-input-btn{min-width:52px;min-height:52px}.input-actions{gap:var(--spacing-4)}.quick-replies{gap:var(--spacing-3);padding:var(--spacing-3)}}@media(max-width:1024px){#modern-chat-interface{max-width:100%;height:100vh;height:100dvh;height:var(--app-height,100dvh);min-height:100vh;min-height:100dvh;min-height:var(--app-height,100dvh);max-height:100vh;max-height:100dvh;max-height:var(--app-height,100dvh);border:none;border-radius:0;margin:0}#modern-chat-interface #chat-header{z-index:10;position:sticky;top:0;padding-left:72px!important}#modern-chat-interface .message{overflow:visible}#modern-chat-interface .message-avatar{flex-shrink:0;width:36px;min-width:36px;height:36px;min-height:36px;overflow:visible}#modern-chat-interface .message-avatar img{object-fit:cover;width:36px;min-width:36px;height:36px;min-height:36px}#modern-chat-interface .message.assistant .message-avatar{overflow:visible}#modern-chat-interface #chat-header .header-right .btn span,#modern-chat-interface #chat-header .header-right a span,#modern-chat-interface #chat-header .privacy-indicator .privacy-text,#modern-chat-interface #chat-header .btn-support span,#modern-chat-interface #chat-header .conversation-mode-indicator span,.mobile-hidden{display:none!important}#modern-chat-interface #chat-header .privacy-indicator{padding:8px!important}}@media(max-width:768px){#modern-chat-interface{border:none;border-radius:0;height:100vh;margin:0;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}#modern-chat-interface #messages-container{min-height:0;padding-top:0;padding-bottom:0;padding-left:var(--spacing-5);padding-right:var(--spacing-5);flex:1 1 0;overflow:hidden}#modern-chat-interface .message-bubble{max-width:min(38ch,85%);margin-bottom:var(--spacing-3);padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}#modern-chat-interface .message:not(.grouped-message){margin-top:var(--spacing-5)}#modern-chat-interface .message.grouped-message{margin-top:var(--spacing-2)}#modern-chat-interface #chat-header{z-index:10!important;padding:var(--spacing-2,.5rem)var(--spacing-3,.75rem)!important;gap:6px!important;padding-left:64px!important;position:sticky!important;top:0!important}#modern-chat-interface #chat-header.header-compact{padding:var(--spacing-2,.5rem)var(--spacing-3,.75rem)!important;gap:6px!important;padding-left:64px!important}#modern-chat-interface #chat-header .header-left{flex:0 auto!important;max-width:50%!important;overflow:hidden!important}#modern-chat-interface #chat-header .header-right{flex:none!important;margin-left:auto!important}#modern-chat-interface .card-footer,#modern-chat-interface #input-container{padding:var(--spacing-2)var(--spacing-3)!important}#modern-chat-interface #chat-header .header-right .btn span,#modern-chat-interface #chat-header .header-right a span,#modern-chat-interface #chat-header .privacy-indicator .privacy-text,#modern-chat-interface #chat-header .btn-support span,#modern-chat-interface #chat-header .conversation-mode-indicator span,.mobile-hidden{display:none!important}#modern-chat-interface #chat-header .header-right .btn,#modern-chat-interface #chat-header .header-right a.btn{padding:var(--spacing-2);justify-content:center;min-width:40px;height:40px}#modern-chat-interface #chat-header .privacy-indicator,#modern-chat-interface #chat-header .btn-support{min-width:32px;height:32px;padding:var(--spacing-2)!important}#modern-chat-interface #chat-header .btn-sos{white-space:nowrap;flex-shrink:0;min-width:auto;height:32px;font-size:.7rem;padding:var(--spacing-2)!important}#modern-chat-interface #chat-header .header-right{gap:var(--spacing-1);flex-wrap:nowrap;flex-shrink:0}#modern-chat-interface #chat-header .header-left{flex-shrink:1;min-width:0;overflow:visible}#modern-chat-interface #chat-header .header-left>div:last-child{flex-shrink:0}#modern-chat-interface #chat-header #app-title{white-space:nowrap;font-size:1rem;overflow:visible}#modern-chat-interface #chat-header #app-subtitle{display:none}.quick-reply-chip{padding:var(--spacing-1)var(--spacing-2);white-space:normal;text-align:left;gap:4px;font-size:.75rem}.quick-reply-chip span:first-child{font-size:1em}#modern-chat-interface .quick-replies{overflow-x:visible;gap:var(--spacing-2)!important;padding:var(--spacing-2)!important;flex-wrap:wrap!important;grid-template-columns:repeat(2,1fr)!important;max-width:100%!important;display:grid!important}.listening-banner{padding:var(--spacing-3)var(--spacing-4)}.listening-banner-title{font-size:var(--font-size-base)}.waveform-visualization{height:24px}.toast-container{top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4)}.toast{min-width:auto;max-width:100%}.language-selector-btn{padding:0}#voice-input-btn{width:42px;height:42px}}@media(max-width:480px){#modern-chat-interface{width:100%;max-width:100%;height:100vh;min-height:100vh;max-height:100vh;border-left:none;border-right:none;border-radius:0;height:100dvh;min-height:100dvh;max-height:100dvh;margin:0;min-height:-webkit-fill-available!important}#modern-chat-interface #messages-container{padding-top:0!important;padding-bottom:0!important;padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}#modern-chat-interface .message-bubble{max-width:min(28ch,85%);margin-bottom:var(--spacing-3);padding:.75rem 1rem;font-size:.875rem;line-height:1.5;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}#modern-chat-interface .message:not(.grouped-message){margin-top:var(--spacing-6)}#modern-chat-interface .message.grouped-message{margin-top:var(--spacing-2)}#modern-chat-interface .message-bubble,#modern-chat-interface .message-content,#modern-chat-interface .message-text{font-size:var(--font-size-base);line-height:var(--chat-line-height);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}#modern-chat-interface .message-avatar,#modern-chat-interface .message-avatar img{width:28px!important;height:28px!important}#modern-chat-interface #chat-header{z-index:10!important;padding:var(--spacing-2)var(--spacing-2)!important;padding-top:calc(var(--spacing-2,.5rem) + env(safe-area-inset-top))!important;gap:4px!important;padding-left:60px!important;position:sticky!important;top:0!important}#modern-chat-interface #chat-header .header-left{flex:0 auto!important;max-width:45%!important;overflow:hidden!important}#modern-chat-interface #chat-header .header-right{flex:none!important;margin-left:auto!important}#modern-chat-interface #chat-header .header-left button{width:36px!important;min-width:36px!important;height:36px!important}#modern-chat-interface #chat-header .header-left button img{width:36px!important;height:36px!important}#modern-chat-interface .message-input{min-height:40px;padding:.625rem .875rem;font-size:.875rem}#modern-chat-interface #input-wrapper{padding:.25rem var(--spacing-2)}#modern-chat-interface .card-footer,#modern-chat-interface #input-container{padding:var(--spacing-2)!important}#modern-chat-interface #chat-header .header-right{gap:4px}#modern-chat-interface #chat-header .header-right .btn,#modern-chat-interface #chat-header .header-right a.btn{min-width:32px;height:32px;padding:6px}#modern-chat-interface #chat-header .header-right .btn svg,#modern-chat-interface #chat-header .header-right a.btn svg,#modern-chat-interface #chat-header .privacy-indicator svg,#modern-chat-interface #chat-header .btn-support svg{width:16px;height:16px}#modern-chat-interface #chat-header .privacy-indicator,#modern-chat-interface #chat-header .btn-support{min-width:28px;height:28px;padding:6px!important}#modern-chat-interface #chat-header .btn-sos{white-space:nowrap;flex-shrink:0;min-width:auto;height:28px;font-size:.625rem;padding:4px 8px!important}#modern-chat-interface #chat-header #app-title{font-size:.9rem}.quick-reply-chip{justify-content:flex-start;gap:3px;padding:4px 8px;font-size:.6875rem}.quick-reply-chip span:first-child{flex-shrink:0;font-size:1em}.quick-reply-chip span:last-child{text-overflow:clip;white-space:normal;line-height:1.3;overflow:visible}#modern-chat-interface .quick-replies{gap:var(--spacing-2)!important;max-width:100%!important;padding:var(--spacing-2)var(--spacing-3)!important;grid-template-columns:repeat(2,1fr)!important}#modern-chat-interface .welcome-screen{margin:max(5vh,calc(env(safe-area-inset-top,0px) + var(--spacing-2)))auto!important;padding:var(--spacing-4)!important}#modern-chat-interface.container{padding-left:max(var(--spacing-3),env(safe-area-inset-left));padding-right:max(var(--spacing-3),env(safe-area-inset-right))}}@media(max-width:375px){#modern-chat-interface #messages-container{padding-top:0;padding-bottom:0;padding-left:var(--spacing-1);padding-right:var(--spacing-1)}#modern-chat-interface .message-bubble{max-width:min(24ch,85%);margin-bottom:var(--spacing-3);padding:.75rem .875rem;font-size:.8125rem;line-height:1.5;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}#modern-chat-interface .message:not(.grouped-message){margin-top:var(--spacing-5)}#modern-chat-interface .message.grouped-message{margin-top:var(--spacing-2)}#modern-chat-interface .message-avatar,#modern-chat-interface .message-avatar img{width:24px!important;height:24px!important}#modern-chat-interface #chat-header{z-index:10!important;padding:var(--spacing-1,.25rem)var(--spacing-1,.25rem)!important;padding-top:calc(var(--spacing-1,.25rem) + env(safe-area-inset-top))!important;gap:4px!important;padding-left:56px!important;position:sticky!important;top:0!important}#modern-chat-interface #chat-header .header-left{flex:0 auto!important;gap:4px!important;max-width:40%!important}#modern-chat-interface #chat-header .header-left button{width:32px!important;min-width:32px!important;height:32px!important}#modern-chat-interface #chat-header .header-left button img{width:32px!important;height:32px!important}#modern-chat-interface #send-btn{min-width:32px;min-height:32px;padding:.25rem}#modern-chat-interface #message-input{min-height:32px;max-height:70px;padding:.25rem .5rem;font-size:.75rem;line-height:1.35}#modern-chat-interface #input-wrapper{padding:.25rem var(--spacing-2);gap:4px}#modern-chat-interface .input-actions button{min-width:36px;min-height:36px;padding:.25rem}#modern-chat-interface .voice-input-btn{width:40px;min-width:40px;height:40px;min-height:40px}#modern-chat-interface .voice-input-btn.listening{width:44px;min-width:44px;height:44px;min-height:44px;position:relative}#modern-chat-interface .input-actions{gap:var(--spacing-1);align-items:center}#modern-chat-interface .card-footer,#modern-chat-interface #input-container{padding:var(--spacing-1)var(--spacing-2)!important}#modern-chat-interface #chat-header .header-right .btn,#modern-chat-interface #chat-header .header-right a.btn{min-width:32px;height:32px;padding:6px}#modern-chat-interface #chat-header .header-right .btn svg,#modern-chat-interface #chat-header .header-right a.btn svg{width:16px;height:16px}#modern-chat-interface #chat-header .header-right{gap:4px}.quick-reply-chip{padding:3px 6px;font-size:.625rem}#modern-chat-interface .quick-replies{gap:var(--spacing-1)!important}}@media(max-height:500px)and (orientation:landscape){#modern-chat-interface{height:100vh;min-height:100vh;max-height:100vh}#modern-chat-interface #messages-container{padding-top:0!important;padding-bottom:0!important;padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}#modern-chat-interface #chat-header{z-index:10!important;padding:var(--spacing-2)var(--spacing-4)!important;gap:8px!important;padding-left:60px!important;position:sticky!important;top:0!important}#modern-chat-interface #chat-header .header-left{flex:0 auto!important;max-width:50%!important}#modern-chat-interface #chat-header .header-right{flex:none!important;margin-left:auto!important}#modern-chat-interface .welcome-screen{padding:var(--spacing-3)!important;max-width:48ch!important;margin:2vh auto!important}}@media(max-width:640px){#modern-chat-interface #input-container,#modern-chat-interface .card-footer{bottom:var(--keyboard-offset,0px)!important;padding-top:var(--spacing-2)!important;padding-bottom:calc(var(--spacing-2) + env(safe-area-inset-bottom,0px))!important;background:color-mix(in oklab,var(--bg-primary),transparent 8%)!important;-webkit-backdrop-filter:blur(14px)saturate(130%)!important}#modern-chat-interface #messages-container{scroll-padding-bottom:0;padding-top:0!important;padding-bottom:0!important}#modern-chat-interface #message-input,#modern-chat-interface .message-input{min-height:52px!important;max-height:176px!important;padding:12px 14px!important;font-size:16px!important;line-height:1.4!important}#modern-chat-interface #input-wrapper{border-radius:20px!important;gap:8px!important;min-height:66px!important;padding:8px 10px!important}#modern-chat-interface #send-btn,#modern-chat-interface #voice-input-btn,#modern-chat-interface .voice-input-btn,#modern-chat-interface .send-btn{border-radius:15px!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}#modern-chat-interface .input-actions button:active,#modern-chat-interface .language-selector-btn:active,#modern-chat-interface .quick-reply-chip:active{transform:scale(.97)}}.critical-loading{contain:layout style paint;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.animate-spin{will-change:transform;animation:1s linear infinite spin}.layout-stable{contain:layout;min-height:2.5rem}.chat-container{contain:layout style;grid-template-rows:auto 1fr auto;height:100vh;display:grid;transform:translateZ(0)}.message-list{-webkit-overflow-scrolling:touch;contain:layout style paint;will-change:scroll-position;overflow-y:auto}.message-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast}.image-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-optimized{contain:layout style;transition:background-color .15s ease-in-out,transform .1s ease-out;transform:scale(1)}.btn-optimized:hover{transform:scale(1.02)}.btn-optimized:active{transform:scale(.98)}.sidebar-transition{will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar-transition.open{transform:translate(0)}.focus-optimized:focus{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media(prefers-contrast:high){.card,.btn-primary{border:2px solid}}@media(prefers-color-scheme:dark){.image-placeholder{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%)}}@media print{.no-print{display:none!important}.chat-container{height:auto;overflow:visible}.message{break-inside:avoid;page-break-inside:avoid}}@container (width>=768px){.responsive-component{grid-template-columns:1fr 2fr}}.optimized-text{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}.selectable-text{-webkit-user-select:text;user-select:text}.virtual-item{height:var(--item-height,60px);contain:strict;transform:translateZ(0)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite loading-shimmer}.error-boundary{contain:layout style paint;text-align:center;background:var(--color-error-bg,#fee);border:1px solid var(--color-error,red);border-radius:8px;padding:2rem}.cleanup-on-unmount{animation-fill-mode:forwards}.above-fold{critical:true}.perf-monitor:before{content:"";pointer-events:none;position:absolute;top:0;left:0}img.loading{filter:blur(10px);opacity:.7;transform:scale(1.02)}img.loaded{filter:none;opacity:1;transition:filter .4s ease-out,opacity .4s ease-out,transform .3s ease-out;transform:scale(1)}.image-skeleton{background:linear-gradient(90deg,var(--skeleton-base,#e0e0e0)25%,var(--skeleton-highlight,#f0f0f0)50%,var(--skeleton-base,#e0e0e0)75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-shimmer}.progressive-image-container{background-color:var(--bg-secondary,#f5f5f5);position:relative;overflow:hidden}.progressive-image-container img{object-fit:cover;width:100%;height:100%}.progressive-image-lqip{filter:blur(20px);transition:opacity .5s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.1)}.progressive-image-lqip.hidden{opacity:0;pointer-events:none}.aspect-ratio-16-9{aspect-ratio:16/9}.aspect-ratio-4-3{aspect-ratio:4/3}.aspect-ratio-1-1{aspect-ratio:1}.aspect-ratio-3-2{aspect-ratio:3/2}img{max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;content-visibility:auto}.avatar-image{object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;transform:translateZ(0)}.hero-image{object-fit:cover;contain:layout paint;width:100%;height:auto}.thumbnail-image{object-fit:cover;border-radius:4px;transition:transform .2s}.thumbnail-image:hover{transform:scale(1.05)}.image-error{background:var(--bg-error,#fee);color:var(--text-error,#c00);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.875rem;display:flex}@media(prefers-color-scheme:dark){.image-skeleton{--skeleton-base:#2a2a2a;--skeleton-highlight:#3a3a3a}.progressive-image-container{background-color:#1a1a1a}.image-error{color:#faa;background:#2a1a1a}}@media(prefers-reduced-motion:reduce){.image-skeleton{animation:none}img.loaded{transition:opacity .2s}.thumbnail-image:hover{transform:none}}@media print{img.loading,img.loaded{filter:none;opacity:1;transform:none}.image-skeleton,.progressive-image-lqip{display:none}}:root{--jony-accent-primary:#8bd3c7;--jony-accent-primary-rgb:139,211,199;--jony-accent-secondary:#e6f7f3;--jony-accent-tertiary:#d4ede6;--jony-accent-hover:#6bc4b5;--jony-accent-active:#5ab5a6;--jony-accent-light:#8bd3c71f;--jony-accent-subtle:#8bd3c714;--jony-accent-glow:#8bd3c740;--jony-white:#fff;--jony-gray-50:#fafafa;--jony-gray-100:#f5f6f7;--jony-gray-200:#eef0f2;--jony-gray-300:#e2e5e8;--jony-gray-400:#c8ccd1;--jony-gray-500:#9ca3af;--jony-gray-600:#6b7280;--jony-gray-700:#4b5563;--jony-gray-800:#374151;--jony-gray-900:#1f2937;--jony-black:#0b1726;--jony-text-primary:#0b1726;--jony-text-secondary:#4b5563;--jony-text-tertiary:#6b7280;--jony-text-muted:#9ca3af;--jony-text-disabled:#c8ccd1;--jony-surface-primary:#fff;--jony-surface-secondary:#f5f6f7;--jony-surface-tertiary:#eef0f2;--jony-surface-elevated:#fff;--jony-surface-overlay:#ffffffe0;--jony-glass-bg:#ffffffe0;--jony-glass-border:#ffffffa6;--jony-glass-blur:blur(24px);--jony-success:#5fa873;--jony-success-light:#5fa8731a;--jony-success-border:#5fa87359;--jony-warning:#d4a853;--jony-warning-light:#d4a8531a;--jony-warning-border:#d4a85359;--jony-error:#d17878;--jony-error-light:#d1787814;--jony-error-border:#d178784d;--jony-info:#5b8fb9;--jony-info-light:#5b8fb91a;--jony-info-border:#5b8fb959;--jony-border-subtle:#0b172608;--jony-border-light:#0b17260f;--jony-border-medium:#0b17261a;--jony-border-strong:#0b172626;--jony-font-display:"Manrope","Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--jony-font-body:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--jony-font-mono:"JetBrains Mono","Roboto Mono",ui-monospace,SFMono-Regular,monospace;--jony-text-xs:.75rem;--jony-text-sm:.875rem;--jony-text-base:1rem;--jony-text-lg:1.125rem;--jony-text-xl:1.25rem;--jony-text-2xl:1.5rem;--jony-text-3xl:1.875rem;--jony-text-4xl:2.25rem;--jony-text-5xl:3rem;--jony-font-light:300;--jony-font-regular:400;--jony-font-medium:500;--jony-font-semibold:600;--jony-font-bold:700;--jony-font-extrabold:800;--jony-leading-tight:1.25;--jony-leading-snug:1.375;--jony-leading-normal:1.5;--jony-leading-relaxed:1.7;--jony-leading-loose:2;--jony-tracking-tighter:-.05em;--jony-tracking-tight:-.025em;--jony-tracking-normal:0em;--jony-tracking-wide:.025em;--jony-tracking-wider:.05em;--jony-space-1:.25rem;--jony-space-2:.5rem;--jony-space-3:.75rem;--jony-space-4:1rem;--jony-space-5:1.25rem;--jony-space-6:1.5rem;--jony-space-8:2rem;--jony-space-10:2.5rem;--jony-space-12:3rem;--jony-space-16:4rem;--jony-space-20:5rem;--jony-space-24:6rem;--jony-radius-sm:8px;--jony-radius-md:14px;--jony-radius-lg:20px;--jony-radius-xl:24px;--jony-radius-2xl:28px;--jony-radius-full:9999px;--jony-radius-button:var(--jony-radius-full);--jony-radius-card:var(--jony-radius-xl);--jony-radius-input:var(--jony-radius-md);--jony-radius-modal:var(--jony-radius-2xl);--jony-shadow-sm:0 2px 8px #1018280a;--jony-shadow-md:0 6px 18px #1018280f;--jony-shadow-lg:0 10px 30px #10182814;--jony-shadow-xl:0 24px 64px #0000001a,0 8px 24px #0000000d;--jony-shadow-button:0 4px 14px #8bd3c747;--jony-shadow-button-hover:0 8px 20px #8bd3c759;--jony-shadow-card:0 6px 18px #1018280f;--jony-shadow-card-hover:0 10px 40px #10182814;--jony-shadow-modal:0 24px 64px #0000001a,0 8px 24px #0000000d;--jony-glow-subtle:0 0 20px #8bd3c726;--jony-glow-medium:0 0 30px #8bd3c740;--jony-glow-strong:0 0 40px #8bd3c759;--jony-ease-smooth:cubic-bezier(.4,0,.2,1);--jony-ease-bounce:cubic-bezier(.34,1.56,.64,1);--jony-ease-elastic:cubic-bezier(.68,-.15,.265,1.15);--jony-ease-out:cubic-bezier(0,0,.2,1);--jony-ease-in-out:cubic-bezier(.4,0,.2,1);--jony-duration-instant:.1s;--jony-duration-fast:.15s;--jony-duration-normal:.25s;--jony-duration-slow:.4s;--jony-duration-slower:.55s;--jony-transition-fast:all var(--jony-duration-fast)var(--jony-ease-smooth);--jony-transition-normal:all var(--jony-duration-normal)var(--jony-ease-smooth);--jony-transition-slow:all var(--jony-duration-slow)var(--jony-ease-smooth);--jony-transition-bounce:all var(--jony-duration-normal)var(--jony-ease-bounce);--jony-focus-ring-width:3px;--jony-focus-ring-offset:2px;--jony-focus-ring-color:var(--jony-accent-primary);--jony-focus-ring-opacity:.4;--jony-backdrop-blur-sm:blur(8px);--jony-backdrop-blur-md:blur(16px);--jony-backdrop-blur-lg:blur(24px);--jony-backdrop-blur-xl:blur(40px);--jony-z-base:0;--jony-z-dropdown:100;--jony-z-sticky:200;--jony-z-fixed:300;--jony-z-modal-backdrop:400;--jony-z-modal:500;--jony-z-popover:600;--jony-z-tooltip:700;--jony-z-toast:800}.jony-btn{justify-content:center;align-items:center;gap:var(--jony-space-2);padding:var(--jony-space-3)var(--jony-space-6);font-family:var(--jony-font-body);font-size:var(--jony-text-base);font-weight:var(--jony-font-medium);border-radius:var(--jony-radius-full);cursor:pointer;transition:var(--jony-transition-normal);white-space:nowrap;border:1px solid #0000;line-height:1;display:inline-flex}.jony-btn:disabled{opacity:.6;cursor:not-allowed}.jony-btn-primary{background:linear-gradient(135deg,var(--jony-accent-primary)0%,var(--jony-accent-hover)100%);color:var(--jony-white);box-shadow:var(--jony-shadow-button);border:none}.jony-btn-primary:hover:not(:disabled){box-shadow:var(--jony-shadow-button-hover);background:linear-gradient(135deg,var(--jony-accent-hover)0%,var(--jony-accent-active)100%);transform:translateY(-2px)}.jony-btn-primary:active:not(:disabled){box-shadow:var(--jony-shadow-sm);transform:translateY(0)}.jony-btn-secondary{background:var(--jony-surface-primary);color:var(--jony-text-primary);border:1px solid var(--jony-border-light);box-shadow:var(--jony-shadow-sm)}.jony-btn-secondary:hover:not(:disabled){background:var(--jony-surface-secondary);border-color:var(--jony-border-medium);box-shadow:var(--jony-shadow-md);transform:translateY(-1px)}.jony-btn-ghost{color:var(--jony-text-secondary);background:0 0;border:none}.jony-btn-ghost:hover:not(:disabled){background:var(--jony-surface-secondary);color:var(--jony-text-primary)}.jony-btn-sm{padding:var(--jony-space-2)var(--jony-space-4);font-size:var(--jony-text-sm)}.jony-btn-lg{padding:var(--jony-space-4)var(--jony-space-8);font-size:var(--jony-text-lg)}.jony-card{background:var(--jony-surface-primary);border-radius:var(--jony-radius-card);padding:var(--jony-space-8);border:1px solid var(--jony-border-subtle);box-shadow:var(--jony-shadow-card);transition:var(--jony-transition-bounce)}.jony-card:hover{box-shadow:var(--jony-shadow-card-hover);transform:translateY(-4px)}.jony-card-glass{background:var(--jony-glass-bg);-webkit-backdrop-filter:var(--jony-glass-blur);border:1px solid var(--jony-glass-border);border-radius:var(--jony-radius-card);padding:var(--jony-space-8);box-shadow:var(--jony-shadow-lg)}.jony-input{width:100%;padding:var(--jony-space-3)var(--jony-space-4);font-family:var(--jony-font-body);font-size:var(--jony-text-base);color:var(--jony-text-primary);background:var(--jony-surface-primary);border:1.5px solid var(--jony-border-light);border-radius:var(--jony-radius-input);transition:var(--jony-transition-normal);outline:none}.jony-input::placeholder{color:var(--jony-text-muted)}.jony-input:focus{border-color:var(--jony-accent-primary);box-shadow:0 0 0 3.5px var(--jony-accent-light)}.jony-input:disabled{background:var(--jony-surface-secondary);color:var(--jony-text-disabled);cursor:not-allowed}.jony-badge{padding:var(--jony-space-1)var(--jony-space-3);font-size:var(--jony-text-xs);font-weight:var(--jony-font-semibold);border-radius:var(--jony-radius-full);background:var(--jony-accent-subtle);color:var(--jony-accent-hover);align-items:center;display:inline-flex}.jony-badge-success{background:var(--jony-success-light);color:var(--jony-success)}.jony-badge-warning{background:var(--jony-warning-light);color:var(--jony-warning)}.jony-badge-error{background:var(--jony-error-light);color:var(--jony-error)}.jony-badge-info{background:var(--jony-info-light);color:var(--jony-info)}.jony-divider{background:var(--jony-border-light);height:1px;margin:var(--jony-space-6)0}.jony-divider-vertical{background:var(--jony-border-light);width:1px;height:auto;margin:0 var(--jony-space-4)}.jony-avatar{background:var(--jony-accent-subtle);color:var(--jony-accent-primary);font-weight:var(--jony-font-semibold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.jony-avatar-sm{width:32px;height:32px;font-size:var(--jony-text-xs)}.jony-avatar-md{width:40px;height:40px;font-size:var(--jony-text-sm)}.jony-avatar-lg{width:56px;height:56px;font-size:var(--jony-text-lg)}.jony-avatar-xl{width:72px;height:72px;font-size:var(--jony-text-2xl)}.jony-text-primary{color:var(--jony-text-primary)}.jony-text-secondary{color:var(--jony-text-secondary)}.jony-text-tertiary{color:var(--jony-text-tertiary)}.jony-text-muted{color:var(--jony-text-muted)}.jony-text-accent{color:var(--jony-accent-primary)}.jony-text-xs{font-size:var(--jony-text-xs)}.jony-text-sm{font-size:var(--jony-text-sm)}.jony-text-base{font-size:var(--jony-text-base)}.jony-text-lg{font-size:var(--jony-text-lg)}.jony-text-xl{font-size:var(--jony-text-xl)}.jony-text-2xl{font-size:var(--jony-text-2xl)}.jony-text-3xl{font-size:var(--jony-text-3xl)}.jony-font-light{font-weight:var(--jony-font-light)}.jony-font-regular{font-weight:var(--jony-font-regular)}.jony-font-medium{font-weight:var(--jony-font-medium)}.jony-font-semibold{font-weight:var(--jony-font-semibold)}.jony-font-bold{font-weight:var(--jony-font-bold)}.jony-m-0{margin:0}.jony-mt-4{margin-top:var(--jony-space-4)}.jony-mt-6{margin-top:var(--jony-space-6)}.jony-mt-8{margin-top:var(--jony-space-8)}.jony-mb-4{margin-bottom:var(--jony-space-4)}.jony-mb-6{margin-bottom:var(--jony-space-6)}.jony-mb-8{margin-bottom:var(--jony-space-8)}.jony-p-0{padding:0}.jony-p-4{padding:var(--jony-space-4)}.jony-p-6{padding:var(--jony-space-6)}.jony-p-8{padding:var(--jony-space-8)}.jony-flex{display:flex}.jony-flex-col{flex-direction:column}.jony-items-center{align-items:center}.jony-justify-center{justify-content:center}.jony-justify-between{justify-content:space-between}.jony-gap-2{gap:var(--jony-space-2)}.jony-gap-4{gap:var(--jony-space-4)}.jony-gap-6{gap:var(--jony-space-6)}.jony-rounded-sm{border-radius:var(--jony-radius-sm)}.jony-rounded-md{border-radius:var(--jony-radius-md)}.jony-rounded-lg{border-radius:var(--jony-radius-lg)}.jony-rounded-xl{border-radius:var(--jony-radius-xl)}.jony-rounded-full{border-radius:var(--jony-radius-full)}.jony-shadow-sm{box-shadow:var(--jony-shadow-sm)}.jony-shadow-md{box-shadow:var(--jony-shadow-md)}.jony-shadow-lg{box-shadow:var(--jony-shadow-lg)}.jony-shadow-xl{box-shadow:var(--jony-shadow-xl)}.jony-animate-fade-in{animation:jonyFadeIn var(--jony-duration-normal)var(--jony-ease-smooth)forwards}.jony-animate-slide-up{animation:jonySlideUp var(--jony-duration-slower)var(--jony-ease-bounce)forwards}.jony-animate-scale-in{animation:jonyScaleIn var(--jony-duration-normal)var(--jony-ease-bounce)forwards}@keyframes jonyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes jonySlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes jonyScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes jonyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes jonyPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes jonyShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){:root{--jony-text-3xl:1.625rem;--jony-text-4xl:1.875rem;--jony-text-5xl:2.5rem}}@media(max-width:480px){:root{--jony-text-2xl:1.375rem;--jony-text-3xl:1.5rem;--jony-text-4xl:1.75rem}}@media(prefers-color-scheme:dark){:root{--jony-surface-primary:#1a2124;--jony-surface-secondary:#161d20;--jony-surface-tertiary:#242b2e;--jony-surface-overlay:#1a2124e0;--jony-text-primary:#dde3e8;--jony-text-secondary:#bfc8ca;--jony-text-tertiary:#9ca3af;--jony-text-muted:#6b7280;--jony-border-subtle:#40484a14;--jony-border-light:#40484a26;--jony-border-medium:#40484a40;--jony-border-strong:#40484a59;--jony-glass-bg:#1a2124e0;--jony-glass-border:#ffffff14}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;font-variant-ligatures:none}body{font-family:var(--jony-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-bg);color:var(--primary-text);letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.7;transition:background .3s,color .3s}code{font-family:var(--jony-font-mono)}:root{--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-elastic:cubic-bezier(.68,-.15,.265,1.15);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--primary-bg:#fff;--surface-1:#fff;--surface-2:#f5f6f7;--muted:#6b7280;--primary-text:#0b1726;--accent-primary:#8bd3c7;--accent-primary-rgb:139 211 199;--accent-secondary:#e6f7f3;--border-strong:#0b17260f;--border-muted:#0b172608;--radius-sm:var(--jony-radius-sm);--radius-md:var(--jony-radius-md);--radius-lg:var(--jony-radius-lg);--elevation-1:var(--jony-shadow-sm);--elevation-2:var(--jony-shadow-md);--focus-ring:rgba(var(--accent-primary-rgb),.12)}a,button,input,textarea,select,[role=button],[tabindex]:not([tabindex="-1"]),.clickable,.interactive{transition:background-color var(--duration-normal)var(--ease-smooth),color var(--duration-normal)var(--ease-smooth),border-color var(--duration-normal)var(--ease-smooth),box-shadow var(--duration-normal)var(--ease-smooth),transform var(--duration-fast)var(--ease-smooth),opacity var(--duration-normal)var(--ease-smooth)}[class*=card],[class*=panel],[class*=modal],[class*=dialog],[class*=menu],[class*=dropdown],[class*=tooltip]{transition:transform var(--duration-normal)var(--ease-bounce),box-shadow var(--duration-normal)var(--ease-smooth),opacity var(--duration-normal)var(--ease-smooth),background-color var(--duration-slow)var(--ease-smooth),border-color var(--duration-normal)var(--ease-smooth)}.sidebar,[class*=sidebar]{transition:transform var(--duration-slow)var(--ease-smooth),width var(--duration-slow)var(--ease-smooth),opacity var(--duration-normal)var(--ease-smooth),box-shadow var(--duration-normal)var(--ease-smooth)}svg,[class*=icon],body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-bg);color:var(--primary-text);transition:background .2s var(--ease-smooth),color .2s var(--ease-smooth);letter-spacing:.01em;word-wrap:break-word;overflow-wrap:break-word;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;margin:0;padding:0;font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.65}[role=button]:active,.clickable:active{transform:translateY(0)scale(.98)}img,video,picture{transition:transform var(--duration-normal)var(--ease-smooth),opacity var(--duration-normal)var(--ease-smooth),filter var(--duration-slow)var(--ease-smooth)}li{transition:background-color var(--duration-normal)var(--ease-smooth),color var(--duration-normal)var(--ease-smooth),transform var(--duration-fast)var(--ease-smooth),opacity var(--duration-normal)var(--ease-smooth)}[class*=badge],[class*=tag],[class*=chip]{transition:background-color var(--duration-fast)var(--ease-smooth),transform var(--duration-fast)var(--ease-bounce),box-shadow var(--duration-normal)var(--ease-smooth)}[class*=progress],[class*=loading],[class*=spinner]{transition:width var(--duration-slow)var(--ease-smooth),opacity var(--duration-normal)var(--ease-smooth)}#root,.App{height:100%;height:var(--app-height,100dvh);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:visible}.main-content{-webkit-overflow-scrolling:touch;height:100%;min-height:0;animation:pageEnter .4s var(--ease-smooth)forwards;flex:1;transition:padding-left .3s;display:block;position:relative;overflow:hidden auto}.main-content>.mood-tracker,.main-content>.progress-dashboard,.main-content>.resource-library{width:100%;display:block}@media(min-width:1024px){.main-content{padding-left:72px}.main-content.sidebar-open{padding-left:260px}}.mx-auto{margin-left:auto;margin-right:auto}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.w-full{width:100%}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border-strong)}.border-divider{border-color:var(--border-strong)}.border-dashed{border-style:dashed}.bg-surface\/30{background-color:rgba(var(--accent-primary-rgb,139 211 199),.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bg-surface\/40{background-color:rgba(var(--accent-primary-rgb,139 211 199),.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bg-surface\/50{background-color:rgba(var(--accent-primary-rgb,139 211 199),.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bg-surface\/80{background-color:rgba(var(--surface-1-rgb,255 255 255),.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-textSecondary{color:var(--muted)}.text-primary{color:var(--accent-primary)}.space-y-4>*+*{margin-top:1rem}.space-y-8>*+*{margin-top:2rem}.space-y-12>*+*{margin-top:3rem}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(24px)}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.05)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-inner{box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sticky{position:sticky}.top-4{top:1rem}.z-10{z-index:10}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.glass{-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.7);border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(12px);background:rgba(15,23,42,.6);border:1px solid #ffffff1a}.shadow-premium{box-shadow:0 2px 4px rgba(0,0,0,.02),0 10px 20px rgba(0,0,0,.04),0 20px 40px rgba(0,0,0,.04)}.shadow-premium-hover:hover{box-shadow:0 1px 2px rgba(67,56,202,.05),0 15px 30px rgba(67,56,202,.1),0 30px 60px rgba(67,56,202,.08)}.scroll-mask-fade{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,rgba(0,0,0,0),#000 5%,#000 95%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 10px),#0000)}.group:hover .group-hover\:block{display:block}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-6{padding:1.5rem}}@media(min-width:1024px){.lg\:p-8{padding:2rem}}button,input,textarea{font-family:inherit}html{scroll-behavior:smooth;height:100%;height:100dvh;height:var(--app-height,100dvh);overflow:hidden auto}@supports (height:100dvh){html:not(.b2b-layout),body:not(.b2b-layout),html:not(.b2b-layout) #root,html:not(.b2b-layout) .App{height:100dvh;height:var(--app-height,100dvh)}}:focus{outline:3px solid var(--accent-primary);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px;box-shadow:0 0 0 4px rgba(var(--accent-primary-rgb,59 130 246),.2);border-radius:4px;outline-style:solid}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-loader{background:var(--primary-bg);z-index:9999;animation:loaderFadeIn .25s var(--ease-smooth)forwards;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.page-loader-content{flex-direction:column;align-items:center;gap:1.5rem;animation:2s ease-in-out infinite loaderContentFloat;display:flex}.page-loader-spinner{width:60px;height:60px;position:relative}.spinner-ring{border:3px solid #0000;border-top-color:var(--accent-primary,#0ea5a4);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.spinner-ring:first-child{animation:1.2s cubic-bezier(.5,0,.5,1) infinite spinnerRotate}.spinner-ring:nth-child(2){border-top-color:var(--accent-secondary,#2b6680);animation:1.2s cubic-bezier(.5,0,.5,1) -.15s infinite spinnerRotate;top:6px;bottom:6px;left:6px;right:6px}.spinner-ring:nth-child(3){border-top-color:var(--text-muted,#718096);animation:1.2s cubic-bezier(.5,0,.5,1) -.3s infinite spinnerRotate;top:12px;bottom:12px;left:12px;right:12px}.page-loader-text{color:var(--text-secondary,#4a5568);letter-spacing:.05em;font-size:.95rem;font-weight:500;animation:2s ease-in-out infinite loaderTextPulse}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loaderContentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loaderTextPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes pageEnter{0%{opacity:1;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.main-content>.mood-tracker,.main-content>.progress-dashboard,.main-content>.resource-library,.main-content>[class*=chat]{animation:pageSlideIn .5s var(--ease-bounce)forwards}@keyframes pageSlideIn{0%{opacity:1;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.main-content>*>:first-child{animation-delay:50ms}.main-content>*>:nth-child(2){animation-delay:.1s}.main-content>*>:nth-child(3){animation-delay:.15s}.main-content>*>:nth-child(4){animation-delay:.2s}.main-content>*>:nth-child(5){animation-delay:.25s}.page-exit{animation:pageExit .25s var(--ease-smooth)forwards}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.App{transition:opacity .3s var(--ease-smooth)}[id*=auth]{animation:authFadeIn .6s var(--ease-smooth)forwards}@keyframes authFadeIn{0%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton,.lazy-component-skeleton{background:linear-gradient(90deg,var(--bg-secondary,#f0f0f0)25%,var(--bg-tertiary,#e0e0e0)50%,var(--bg-secondary,#f0f0f0)75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-text{border-radius:4px;height:1em}.skeleton-avatar{border-radius:50%}.skeleton-card{border-radius:var(--border-radius-lg,12px);padding:1rem}[data-theme=dark] .skeleton,[data-theme=dark] .lazy-component-skeleton{background:linear-gradient(90deg,var(--bg-secondary,#2d3748)25%,var(--bg-tertiary,#4a5568)50%,var(--bg-secondary,#2d3748)75%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){.skeleton,.lazy-component-skeleton{background:var(--bg-secondary,#f0f0f0);animation:2s ease-in-out infinite skeletonPulse}}.loading-spinner{padding:var(--spacing-4,16px);color:var(--text-muted,#718096);font-size:var(--font-size-sm,14px);justify-content:center;align-items:center;display:flex}.loading-spinner:before{content:"";border:2px solid var(--border-primary,#e2e8f0);border-top-color:var(--accent-primary,#4299b4);border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.8s linear infinite spinnerRotate}@media(max-width:768px){.sidebar{max-width:260px;width:min(75vw,260px)!important}}@media(max-width:480px){.sidebar{max-width:240px;width:min(75vw,240px)!important}}@media(max-width:375px){.sidebar{max-width:220px;width:min(80vw,220px)!important}}body:has(.chat-history-backdrop) .sidebar-toggle{visibility:hidden!important;pointer-events:none!important;display:none!important}body:has(.settings-backdrop) .sidebar-toggle{visibility:hidden!important;pointer-events:none!important;display:none!important}:root{--font-scale:1;--font-size-scaled-xs:calc(.75rem*var(--font-scale));--font-size-scaled-sm:calc(.875rem*var(--font-scale));--font-size-scaled-base:calc(1rem*var(--font-scale));--font-size-scaled-lg:calc(1.125rem*var(--font-scale));--font-size-scaled-xl:calc(1.25rem*var(--font-scale));--font-size-scaled-2xl:calc(1.5rem*var(--font-scale))}html[data-font-size=small]{--font-scale:.9}html[data-font-size=medium]{--font-scale:1}html[data-font-size=large]{--font-scale:1.15}html[data-font-size] body{font-size:var(--font-size-scaled-base)}.text-sm{font-size:var(--font-size-scaled-sm);line-height:1.4}.text-base{font-size:var(--font-size-scaled-base);line-height:1.5}.text-lg{font-size:var(--font-size-scaled-lg);line-height:1.6}html[data-font-size] p,html[data-font-size] span,html[data-font-size] li,html[data-font-size] label,html[data-font-size] input,html[data-font-size] textarea,html[data-font-size] button,html[data-font-size] .message-bubble,html[data-font-size] .message-content,html[data-font-size] .setting-label,html[data-font-size] .setting-description{font-size:var(--font-size-scaled-base)}html[data-font-size] h1{font-size:var(--font-size-scaled-2xl)}html[data-font-size] h2{font-size:var(--font-size-scaled-xl)}html[data-font-size] h3{font-size:var(--font-size-scaled-lg)}html[data-font-size] h4,html[data-font-size] h5,html[data-font-size] h6{font-size:var(--font-size-scaled-base)}@media(max-width:480px){html[data-font-size=large]{--font-scale:1.1}}*{min-width:0}p,h1,h2,h3,h4,h5,h6,span,li,a,label,td,th,blockquote{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}@media(max-width:768px){.main-content *,.sidebar *,[class*=card] *,[class*=panel] *,[class*=container] *{min-width:0;max-width:100%}p,span,li,a,label,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}h1,h2,h3{text-overflow:ellipsis;max-width:100%;overflow:hidden}a{word-break:break-all}pre,code{white-space:pre-wrap;word-wrap:break-word;max-width:100%;overflow-x:auto}button,.btn,[class*=button],td,th,.setting-label,.setting-description,.checkbox-label,.form-label{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.message-content,.message-text,.message-bubble{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%}.card,.panel,.modal-content,.dialog-content{max-width:100%;overflow:hidden}}@media(max-width:375px){p,span,li,a{-webkit-hyphens:auto;hyphens:auto;font-size:.9375rem}h1{max-width:100%;font-size:1.5rem}h2{max-width:100%;font-size:1.25rem}h3{max-width:100%;font-size:1.125rem}}.panel-scrollable{scrollbar-width:thin;scrollbar-color:var(--border-primary)transparent}.panel-scrollable::-webkit-scrollbar{width:8px}.panel-scrollable::-webkit-scrollbar-track{background:0 0;border-radius:4px;margin:4px 0}.panel-scrollable::-webkit-scrollbar-thumb{background:var(--border-primary);background-clip:padding-box;border:2px solid #0000;border-radius:4px;transition:background .2s}.panel-scrollable::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box;border:2px solid #0000}.panel-scrollable::-webkit-scrollbar-thumb:active{background:var(--accent-primary);background-clip:padding-box;border:2px solid #0000}.panel-scrollable::-webkit-scrollbar-corner{background:0 0}@media(min-width:1024px){.panel-scrollable::-webkit-scrollbar{width:10px}.panel-scrollable::-webkit-scrollbar-thumb{background:var(--text-muted);background-clip:padding-box;border:2px solid #0000}.panel-scrollable::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.panel-scrollable::-webkit-scrollbar-thumb:active{background:var(--accent-primary)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lazy-image-container{background-color:var(--bg-secondary,#f5f5f5);position:relative;overflow:hidden}.lazy-image-container:not(.lazy-image-loaded){background:linear-gradient(90deg,var(--bg-secondary,#f0f0f0)25%,var(--bg-tertiary,#e0e0e0)50%,var(--bg-secondary,#f0f0f0)75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.lazy-image-loaded{animation:.3s ease-in-out lazyFadeIn}@keyframes lazyFadeIn{0%{opacity:0}to{opacity:1}}.lazy-component-wrapper{min-height:50px}.lazy-component-skeleton{background:linear-gradient(90deg,var(--bg-secondary,#f0f0f0)25%,var(--bg-tertiary,#e0e0e0)50%,var(--bg-secondary,#f0f0f0)75%);border-radius:var(--radius-md,8px);background-size:200% 100%;animation:1.5s linear infinite shimmer}.lazy-section{will-change:opacity,transform}.lazy-bg-container{background-position:50%;background-repeat:no-repeat;background-size:cover}.lazy-bg-container:not(.lazy-bg-loaded){filter:blur(10px);transform:scale(1.05)}.lazy-bg-loaded{filter:blur();transition:filter .3s ease-out,transform .3s ease-out;transform:scale(1)}.priority-loader-pending{opacity:.6}.priority-loader-loading{opacity:.8;animation:1.5s ease-in-out infinite gentlePulse}.priority-loader-loaded{opacity:1;animation:.3s ease-out lazyFadeIn}.skeleton-text{border-radius:var(--radius-sm,4px);width:100%;height:1em}.skeleton-text-short{width:60%}.skeleton-text-long{width:90%}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-image{aspect-ratio:16/9;border-radius:var(--radius-md,8px);width:100%}.skeleton-card{border-radius:var(--radius-lg,12px);width:100%;height:200px}.skeleton-button{border-radius:var(--radius-md,8px);width:120px;height:40px}.lazy-debug:not([data-visible=true]){outline:2px dashed #ff00004d}.lazy-debug[data-visible=true]{outline:2px dashed #00ff004d}@media(prefers-reduced-motion:reduce){.lazy-image-container:not(.lazy-image-loaded),.lazy-component-skeleton,.priority-loader-loading{background:var(--bg-secondary,#f0f0f0);animation:none}.lazy-image-loaded,.priority-loader-loaded{animation:none}.lazy-bg-container:not(.lazy-bg-loaded){filter:none;transform:none}}.message-animated{opacity:0;animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.user-avatar-inner{background-color:rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message-footer{align-items:center;gap:8px;min-height:16px;margin-top:4px;display:flex}.message.user .message-footer{justify-content:flex-end}.message.assistant .message-footer{justify-content:flex-start}.message-actions{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.message:hover .message-actions{opacity:1}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.crisis-helpline-link:hover{transform:scale(1.02)}.crisis-dismiss-btn:hover{color:#fff!important;background-color:#dc2626!important}.message:nth-child(n+20){content-visibility:auto;contain-intrinsic-size:auto 80px}.sidebar:not(.sidebar-open) .sidebar-content,.modal-backdrop:not(.visible),.overlay-container:not(.active),[aria-hidden=true] .modal-content,.avatar-selector:not(.visible),.voice-settings-panel:not(.open){content-visibility:hidden}.tings-section:nth-child(n+3){content-visibility:auto;contain-intrinsic-size:auto 200px}body.b2b-layout .main-content{width:100%!important;height:auto!important;min-height:0!important;margin-left:0!important;padding-left:0!important;overflow:visible!important}body.b2b-layout .sidebar,body.b2b-layout .sidebar-toggle{display:none!important}html.auth-page,html.b2b-layout,body.auth-page,body.b2b-layout{touch-action:pan-y!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}html.auth-page #root,html.b2b-layout #root,body.auth-page #root,body.b2b-layout #root,html.auth-page .App,html.b2b-layout .App,body.auth-page .App,body.b2b-layout .App{flex-direction:column!important;height:100%!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.blog-prose{color:#1e293b;word-break:break-word;font-size:1.05rem;line-height:1.85}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{color:#0f172a;letter-spacing:-.015em;margin:2em 0 .75em;font-weight:800;line-height:1.25}.blog-prose h1{font-size:2rem}.blog-prose h2{border-bottom:2px solid #f1f5f9;padding-bottom:10px;font-size:1.5rem}.blog-prose h3{font-size:1.2rem}.blog-prose h4{font-size:1.05rem}.blog-prose p{color:#1f2937;margin:0 0 1.4em}.blog-prose ul,.blog-prose ol{margin:0 0 1.4em;padding-left:1.6em}.blog-prose li{color:#1f2937;margin-bottom:.5em}.blog-prose blockquote{color:#312e81;background:#f5f3ff;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;margin:1.5em 0;padding:12px 20px;font-style:italic;font-weight:500}.blog-prose blockquote p{margin:0}.blog-prose a{color:#6366f1;text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:color .15s}.blog-prose a:hover{color:#4338ca}.blog-prose strong{color:#0f172a;font-weight:700}.blog-prose code{color:#6366f1;background:#f1f5f9;border-radius:5px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.88em}.blog-prose pre{color:#e2e8f0;background:#0f172a;border-radius:14px;margin:1.5em 0;padding:20px;font-size:.9em;line-height:1.65;overflow-x:auto}.blog-prose pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.blog-prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.95em}.blog-prose th{color:#0f172a;text-align:left;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 14px;font-weight:700}.blog-prose td{color:#1f2937;border-bottom:1px solid #f1f5f9;padding:10px 14px}.blog-prose tr:hover td{background:#f8faff}.blog-prose hr{border:none;border-top:2px solid #f1f5f9;margin:2.5em 0}.blog-prose img{border-radius:14px;max-width:100%;margin:1.5em 0;box-shadow:0 4px 20px rgba(0,0,0,.08)}.blog-post-layout{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}.blog-post-main{flex:640px;min-width:0;max-width:720px}.blog-post-sidebar{flex:0 0 280px;width:280px;max-width:100%}.blog-post-sidebar-sticky{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}@media(max-width:900px){.blog-post-layout{flex-direction:column;gap:24px}.blog-post-main{flex:100%;width:100%;max-width:100%}.blog-post-sidebar{flex:100%;width:100%}.blog-post-sidebar-sticky{position:static}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-layout-container{align-items:flex-start;gap:32px;display:flex}@media(max-width:768px){.blog-layout-container{flex-direction:column;gap:16px}}.blog-sidebar{flex-shrink:0;width:240px;min-width:200px}@media(max-width:768px){.blog-sidebar{z-index:40;width:100%;min-width:100%;position:sticky;top:12px}.blog-sidebar-inner{box-shadow:0 4px 12px rgba(0,0,0,.06);-webkit-backdrop-filter:blur(12px)!important;background:rgba(255,255,255,.85)!important;border:1px solid #e2e8f0cc!important;border-radius:14px!important;padding:12px 14px!important;position:relative!important}.blog-sidebar-inner>h3{display:none}.blog-category-list-wrapper{scrollbar-width:none;-ms-overflow-style:none;margin:0 -10px;flex-direction:row!important;gap:8px!important;max-height:none!important;padding:2px 10px 8px!important;overflow:auto hidden!important}.blog-category-list-wrapper::-webkit-scrollbar{display:none}.blog-category-list-wrapper{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,rgba(0,0,0,0),#000 8%,#000 92%,rgba(0,0,0,0))}.blog-category-list-wrapper>button{white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.02);border:1px solid #e2e8f080!important;border-radius:999px!important;flex-shrink:0!important;width:auto!important;padding:8px 18px!important;font-size:13px!important}.blog-category-list-wrapper>button>span:last-child{display:none}}.blog-main-feed{flex:1;width:100%;min-width:0}.blog-search-form{max-width:620px;margin:0 auto;position:relative}.blog-search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;box-sizing:border-box;background:rgba(255,255,255,.08);border:1px solid #ffffff26;border-radius:16px;outline:none;width:100%;padding:18px 120px 18px 52px;font-size:16px;transition:all .2s}@media(max-width:480px){.blog-search-input{padding:13px 88px 13px 42px;font-size:14px}.blog-search-icon{width:17px!important;height:17px!important;left:13px!important}}.blog-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}@media(max-width:480px){.blog-search-btn{padding:7px 12px;font-size:12px;right:6px}.blog-search-clear{right:80px!important}}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}@media(max-width:640px){.blog-grid{grid-template-columns:1fr;gap:16px}.blog-hero-header{padding-top:48px!important;padding-bottom:36px!important}.blog-content-wrapper{padding:24px 16px 60px!important}}.pwa-install-prompt{z-index:9999;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,var(--accent-primary)0%,var(--legacy-color,#60a5fa)100%);animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px rgba(0,0,0,.15)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-install-prompt__content{align-items:center;gap:16px;max-width:600px;margin:0 auto;display:flex}.pwa-install-prompt__icon{background:rgba(255,255,255,.2);border-radius:12px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.pwa-install-prompt__icon img{object-fit:cover;width:100%;height:100%}.pwa-install-prompt__text{flex:1;min-width:0}.pwa-install-prompt__title{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.pwa-install-prompt__description{color:rgba(255,255,255,.9);margin:0;font-size:14px;line-height:1.4}.pwa-install-prompt__actions{flex-shrink:0;gap:8px;display:flex}.pwa-install-prompt__button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s}.pwa-install-prompt__button:hover{transform:scale(1.02)}.pwa-install-prompt__button:active{transform:scale(.98)}.pwa-install-prompt__button--primary{color:var(--accent-primary);background:#fff}.pwa-install-prompt__button--secondary{color:#fff;background:rgba(255,255,255,.2)}@media(max-width:480px){.pwa-install-prompt__content{flex-wrap:wrap}.pwa-install-prompt__text{flex-basis:calc(100% - 64px)}.pwa-install-prompt__actions{justify-content:flex-end;width:100%;margin-top:8px}}