:root,[data-theme=midnight],[data-theme=dark]{--bg-main:#070a13;--bg-sidebar:#0c1220;--bg-surface:#121a2bb8;--bg-surface-hover:#1c2842d9;--bg-card:#111827;--bg-input:#0d1321d9;--bg-modal:#0c1220;--bg-code:#080d19;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#070a13;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-glow:#6366f166;--accent-secondary:#06b6d4;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--border-subtle:#ffffff14;--border-strong:#ffffff29;--border-accent:#6366f173;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 25px #6366f14d;--orb-1:#6366f12e;--orb-2:#06b6d424;--orb-3:#a855f71f;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:290px;--header-height:64px}[data-theme=opal],[data-theme=light]{--bg-main:#f8fafc;--bg-sidebar:#f1f5f9;--bg-surface:#ffffffe0;--bg-surface-hover:#f1f5f9f2;--bg-card:#fff;--bg-input:#fff;--bg-modal:#fff;--bg-code:#1e293b;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-glow:#4f46e540;--accent-secondary:#0284c7;--accent-success:#059669;--accent-warning:#d97706;--accent-danger:#dc2626;--border-subtle:#00000014;--border-strong:#00000026;--border-accent:#4f46e573;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001f;--shadow-glow:0 0 20px #4f46e526;--orb-1:#6366f11a;--orb-2:#38bdf81a;--orb-3:#a855f714}[data-theme=cyberpunk]{--bg-main:#040408;--bg-sidebar:#090912;--bg-surface:#0f0f1ac7;--bg-surface-hover:#19192ae0;--bg-card:#0d0d18;--bg-input:#0a0a12e6;--bg-modal:#090914;--bg-code:#030307;--text-primary:#f0fdf4;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#040408;--accent-primary:#00f0ff;--accent-primary-hover:#00c8d7;--accent-glow:#00f0ff80;--accent-secondary:#ff007f;--accent-success:#0f8;--accent-warning:#ffb703;--accent-danger:#f05;--border-subtle:#00f0ff24;--border-strong:#ff007f47;--border-accent:#00f0ff99;--shadow-sm:0 2px 10px #00000080;--shadow-md:0 8px 30px #00f0ff26;--shadow-lg:0 16px 50px #000c;--shadow-glow:0 0 30px #00f0ff66;--orb-1:#00f0ff33;--orb-2:#ff007f2e;--orb-3:#a855f724}[data-theme=nordic]{--bg-main:#050e1a;--bg-sidebar:#0a1728;--bg-surface:#0e1c30bd;--bg-surface-hover:#162a46db;--bg-card:#0d1e34;--bg-input:#0a1626e0;--bg-modal:#091626;--bg-code:#040b15;--text-primary:#f0fdfa;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#050e1a;--accent-primary:#14b8a6;--accent-primary-hover:#0d9488;--accent-glow:#14b8a666;--accent-secondary:#38bdf8;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#f43f5e;--border-subtle:#ffffff14;--border-strong:#14b8a640;--border-accent:#14b8a680;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 25px #14b8a64d;--orb-1:#14b8a62e;--orb-2:#38bdf826;--orb-3:#10b9811f}[data-theme=amethyst]{--bg-main:#0a0515;--bg-sidebar:#120a22;--bg-surface:#180e2cbf;--bg-surface-hover:#261644e0;--bg-card:#160d2b;--bg-input:#120a22e6;--bg-modal:#110822;--bg-code:#070310;--text-primary:#faf5ff;--text-secondary:#cbd5e1;--text-muted:#8b7ca8;--text-inverse:#0a0515;--accent-primary:#a855f7;--accent-primary-hover:#9333ea;--accent-glow:#a855f773;--accent-secondary:#ec4899;--accent-success:#10b981;--accent-warning:#fbbf24;--accent-danger:#f43f5e;--border-subtle:#ffffff14;--border-strong:#a855f740;--border-accent:#a855f78c;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 25px #a855f759;--orb-1:#a855f738;--orb-2:#ec489929;--orb-3:#6366f124}[data-theme=emerald]{--bg-main:#040f09;--bg-sidebar:#08170f;--bg-surface:#0c1c13bf;--bg-surface-hover:#132c1ee0;--bg-card:#0b2116;--bg-input:#08150ee6;--bg-modal:#07170e;--bg-code:#020a06;--text-primary:#f0fdf4;--text-secondary:#94a3b8;--text-muted:#52796f;--text-inverse:#040f09;--accent-primary:#10b981;--accent-primary-hover:#059669;--accent-glow:#10b98173;--accent-secondary:#34d399;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--border-subtle:#ffffff14;--border-strong:#10b98140;--border-accent:#10b98180;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #000000a6;--shadow-glow:0 0 25px #10b98159;--orb-1:#10b98133;--orb-2:#34d39924;--orb-3:#06b6d41f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}button,input,textarea,select{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{background:var(--bg-main);width:100vw;height:100vh;transition:background-color .4s;display:flex;position:relative;overflow:hidden}.ambient-background-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ambient-orb{filter:blur(80px);opacity:.85;will-change:transform, opacity;border-radius:50%;transition:all 1.2s cubic-bezier(.16,1,.3,1);position:absolute}.ambient-orb-1{background:radial-gradient(circle, var(--orb-1) 0%, transparent 70%);width:480px;height:480px;animation:18s ease-in-out infinite alternate orbFloat1;top:-100px;left:12%}.ambient-orb-2{background:radial-gradient(circle, var(--orb-2) 0%, transparent 70%);width:520px;height:520px;animation:22s ease-in-out infinite alternate orbFloat2;bottom:-120px;right:8%}.ambient-orb-3{background:radial-gradient(circle, var(--orb-3) 0%, transparent 70%);width:400px;height:400px;animation:26s ease-in-out infinite alternate orbFloat3;top:35%;right:32%}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,35px)scale(1.1)}to{transform:translate(-35px,60px)scale(.95)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}50%{transform:translate(-60px,-45px)scale(1.08)}to{transform:translate(35px,-25px)scale(.92)}}@keyframes orbFloat3{0%{opacity:.6;transform:translate(0)scale(.9)}50%{opacity:.9;transform:translate(45px,-35px)scale(1.12)}to{opacity:.7;transform:translate(-50px,25px)scale(1)}}.sidebar-container{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:40;flex-direction:column;flex-shrink:0;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex}.sidebar-brand{align-items:center;gap:.75rem;display:flex}.brand-logo-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#38bdf8 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 15px #6366f166}.brand-info{flex-direction:column;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(to right, var(--text-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem;font-weight:700}.brand-subtitle{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:.7rem;font-weight:500}.mobile-sidebar-close-btn{color:var(--text-secondary);border-radius:6px;padding:.4rem;display:none}.sidebar-action-wrap{padding:1rem 1.25rem .5rem}.new-chat-btn{border:1px solid var(--border-accent);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#6366f126 0%,#06b6d41a 100%);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.new-chat-btn:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#6366f140 0%,#06b6d433 100%);transform:translateY(-1px)}.shortcut-tag{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);background:#00000040;border-radius:4px;padding:.15rem .4rem}.sidebar-search-wrap{align-items:center;padding:.5rem 1.25rem;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:2rem}.sidebar-search-input{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.55rem 2rem .55rem 2.25rem;font-size:.85rem;transition:all .2s}.sidebar-search-input:focus{border-color:var(--accent-primary);background:var(--bg-card)}.search-clear-btn{color:var(--text-muted);position:absolute;right:2rem}.sidebar-sessions-scroll{flex-direction:column;flex:1;gap:.75rem;padding:.5rem .75rem;display:flex;overflow-y:auto}.session-group{flex-direction:column;gap:.25rem;display:flex}.group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.4rem .6rem .2rem;font-size:.72rem;font-weight:600}.session-item{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:.65rem .75rem;font-size:.88rem;transition:all .15s;display:flex;position:relative}.session-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.session-active{background:var(--bg-surface-hover);color:var(--text-primary);border-left:3px solid var(--accent-primary);font-weight:500}.session-item-left{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.session-chat-icon{color:var(--text-muted);flex-shrink:0}.session-pin-icon{color:var(--accent-warning);flex-shrink:0}.session-title-wrap{flex-direction:column;display:flex;overflow:hidden}.session-title{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.session-meta-count{color:var(--text-muted);font-size:.7rem}.session-inline-edit{align-items:center;gap:.3rem;width:100%;display:flex}.session-rename-input{background:var(--bg-input);border:1px solid var(--accent-primary);color:var(--text-primary);border-radius:6px;outline:none;flex:1;padding:.2rem .4rem;font-size:.82rem}.rename-action-btn{border-radius:4px;padding:.25rem}.rename-action-btn.check{color:var(--accent-success)}.rename-action-btn.cancel{color:var(--accent-danger)}.session-actions-hover{align-items:center;gap:.2rem;display:none}.session-item:hover .session-actions-hover{display:flex}.session-tool-btn{color:var(--text-muted);border-radius:6px;padding:.3rem;transition:all .15s}.session-tool-btn:hover{color:var(--text-primary);background:#ffffff1a}.session-tool-btn.delete-btn:hover{color:var(--accent-danger)}.sidebar-n8n-status-card{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;margin:.5rem .75rem;padding:.65rem .85rem;transition:all .2s;display:flex}.sidebar-n8n-status-card:hover{border-color:var(--border-accent);background:var(--bg-surface-hover)}.status-indicator-dot{justify-content:center;align-items:center;display:flex}.status-dot{border-radius:50%;width:9px;height:9px}.status-dot.status-live{background:var(--accent-success);box-shadow:0 0 10px var(--accent-success)}.status-dot.status-mock{background:var(--accent-warning);box-shadow:0 0 10px var(--accent-warning)}.status-dot.status-unconfigured{background:var(--text-muted)}.status-text-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.status-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.status-url-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.status-gear-icon{color:var(--text-muted)}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.4rem;padding:.75rem 1rem;display:flex}.footer-action-btn{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.footer-action-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.theme-sidebar-section{border-top:1px dashed var(--border-subtle);margin-top:.35rem;padding-top:.5rem;position:relative}.theme-switch-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.theme-switch-btn:hover,.theme-switch-btn-active{background:var(--bg-surface-hover);border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.theme-btn-left{align-items:center;gap:.6rem;display:flex}.theme-btn-dot{width:12px;height:12px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;flex-shrink:0}.theme-btn-label{color:var(--text-primary);font-size:.84rem;font-weight:600}.theme-btn-right{color:var(--text-muted);align-items:center;gap:.4rem;display:flex}.theme-drawer-popup{background:var(--bg-modal);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-radius:14px;padding:.75rem;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.theme-drawer-menu{flex-direction:column;gap:.5rem;display:flex}.theme-drawer-header{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.45rem;padding:0 .3rem .3rem;font-size:.75rem;font-weight:700;display:flex}.theme-drawer-list{flex-direction:column;gap:.35rem;max-height:280px;display:flex;overflow-y:auto}.theme-drawer-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .65rem;transition:all .15s;display:flex}.theme-drawer-item:hover{background:var(--bg-surface-hover);border-color:var(--border-subtle)}.theme-drawer-item-active{background:var(--bg-surface-hover);border-color:var(--accent-primary);box-shadow:0 0 10px var(--accent-glow)}.theme-drawer-item-left{align-items:center;gap:.65rem;min-width:0;display:flex}.theme-swatch-circle{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.swatch-inner-dot{border-radius:50%;width:10px;height:10px}.theme-drawer-info{text-align:left;flex-direction:column;display:flex;overflow:hidden}.theme-name{color:var(--text-primary);white-space:nowrap;font-size:.82rem;font-weight:600}.theme-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.theme-drawer-item-right{color:var(--text-muted);align-items:center;gap:.4rem;display:flex}.theme-check-active{color:var(--accent-primary)}.main-content-area{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.chat-area-container{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chat-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.chat-header-left{align-items:center;gap:.85rem;min-width:0;display:flex}.mobile-menu-btn{color:var(--text-secondary);border-radius:6px;padding:.4rem;display:none}.chat-title-info{align-items:center;gap:.75rem;min-width:0;display:flex}.active-chat-title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:1.1rem;font-weight:600;overflow:hidden}.connection-status-pill{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.72rem;font-weight:500;display:inline-flex}.status-indicator{border-radius:50%;width:7px;height:7px}.status-indicator.status-online{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.status-indicator.status-mock{background:var(--accent-warning);box-shadow:0 0 6px var(--accent-warning)}.status-indicator.status-offline{background:var(--text-muted)}.chat-header-actions{align-items:center;gap:.5rem;display:flex}.header-action-btn{color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.header-action-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-hover)}.header-action-btn.guide-btn{border-color:var(--border-accent);color:var(--text-primary);background:linear-gradient(135deg,#6366f126,#06b6d426)}.chat-messages-viewport{flex-direction:column;flex:1;padding:1.5rem 1rem;display:flex;overflow-y:auto}.chat-messages-inner{flex-direction:column;gap:1.75rem;width:100%;max-width:860px;margin:0 auto;display:flex}.welcome-banner-hero{text-align:center;flex-direction:column;align-items:center;padding:2.5rem 1rem 1.5rem;animation:.4s ease-out fadeIn;display:flex}.hero-badge-pill{border:1px solid var(--border-accent);color:var(--accent-primary);background:#6366f11f;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-headline{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.2rem;font-weight:800}[data-theme=light] .hero-headline{background:linear-gradient(135deg,#0f172a 0%,#334155 60%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtext{color:var(--text-secondary);max-width:580px;margin-bottom:2.2rem;font-size:.98rem}.starter-cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:780px;display:grid}.starter-card{background:var(--bg-card);border:1px solid var(--border-subtle);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:14px;align-items:flex-start;gap:.85rem;padding:1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.starter-card:hover{border-color:var(--border-accent);background:var(--bg-surface-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.starter-icon-wrap{background:var(--bg-surface);border-radius:10px;justify-content:center;align-items:center;padding:.6rem;display:flex}.starter-card-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.starter-card-desc{color:var(--text-muted);font-size:.78rem;line-height:1.4}.message-row{align-items:flex-start;gap:1rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.user-row{flex-direction:row-reverse}.message-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 2px 10px #0ea5e94d}.assistant-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);position:relative;box-shadow:0 2px 12px #6366f159}.assistant-avatar-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-glow-ring{border:1px solid var(--accent-primary);opacity:.4;border-radius:12px;position:absolute;inset:-2px}.message-content-wrapper{flex-direction:column;min-width:0;max-width:calc(100% - 50px);display:flex}.user-row .message-content-wrapper{align-items:flex-end}.message-header-meta{color:var(--text-muted);align-items:center;gap:.6rem;margin-bottom:.35rem;padding:0 .2rem;font-size:.75rem;display:flex}.sender-name{color:var(--text-secondary);font-weight:600}.message-latency{color:var(--accent-primary);font-family:var(--font-mono);background:#6366f11a;border-radius:4px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.7rem;display:inline-flex}.message-bubble{box-shadow:var(--shadow-sm);word-break:break-word;border-radius:16px;padding:1rem 1.25rem;font-size:.94rem;line-height:1.65;position:relative}.user-bubble{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-bottom-right-radius:4px}.user-text-content{white-space:pre-wrap}.assistant-bubble{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:4px}.message-attachments-container{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.attachment-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.78rem;display:inline-flex}.attachment-type-icon{color:var(--accent-primary)}.attachment-name{white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-weight:500;overflow:hidden}.attachment-size{color:var(--text-muted);font-size:.7rem}.error-message-box{color:var(--accent-danger);align-items:flex-start;gap:.75rem;display:flex}.error-icon{flex-shrink:0;margin-top:.2rem}.error-text{color:var(--text-primary)}.message-actions-bar{opacity:.8;align-items:center;gap:.4rem;margin-top:.4rem;transition:opacity .2s;display:flex}.message-row:hover .message-actions-bar{opacity:1}.action-btn{color:var(--text-muted);background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.75rem;transition:all .15s;display:inline-flex}.action-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.action-btn.active-speaking{color:var(--accent-primary);background:#6366f126}.message-suggestions-list{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.suggestions-label{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;display:flex}.suggestions-chips{flex-wrap:wrap;gap:.45rem;display:flex}.suggestion-pill{background:var(--bg-surface);border:1px solid var(--border-accent);color:var(--text-secondary);border-radius:999px;padding:.4rem .8rem;font-size:.8rem;transition:all .15s}.suggestion-pill:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.typing-indicator-bubble{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px 16px 16px 4px;align-items:center;gap:.6rem;padding:.85rem 1.25rem;display:flex}.typing-dot{background:var(--accent-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-status-text{color:var(--text-muted);font-size:.82rem;font-style:italic}.pulsing-avatar{animation:2s ease-in-out infinite pulseGlow}.markdown-body{flex-direction:column;gap:.75rem;display:flex}.markdown-heading{font-family:var(--font-display);color:var(--text-primary);margin-top:.4rem;font-weight:700}.markdown-heading.h1{font-size:1.4rem}.markdown-heading.h2{font-size:1.2rem}.markdown-heading.h3{font-size:1.05rem}.markdown-heading.h4{font-size:.95rem}.markdown-p{line-height:1.65}.markdown-ul,.markdown-ol{flex-direction:column;gap:.35rem;padding-left:1.4rem;display:flex}.markdown-blockquote{border-left:3px solid var(--accent-primary);color:var(--text-secondary);background:#6366f10f;border-radius:0 8px 8px 0;padding:.5rem 1rem;font-style:italic}.inline-code{font-family:var(--font-mono);color:#a5b4fc;background:#6366f11f;border:1px solid #6366f133;border-radius:5px;padding:.15rem .4rem;font-size:.84em}[data-theme=light] .inline-code{color:#4338ca;background:#e0e7ff}.markdown-link{color:var(--accent-secondary);text-underline-offset:3px;align-items:center;gap:.2rem;text-decoration:underline;display:inline-flex}.markdown-divider{background:var(--border-subtle);border:none;height:1px;margin:.5rem 0}.callout-alert{border-left:4px solid var(--accent-primary);background:var(--bg-surface);border-radius:10px;flex-direction:column;gap:.4rem;margin:.4rem 0;padding:.85rem 1.1rem;display:flex}.callout-header{letter-spacing:.03em;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.callout-tip{border-color:var(--accent-success)}.callout-tip .callout-header{color:var(--accent-success)}.callout-warning{border-color:var(--accent-warning)}.callout-warning .callout-header{color:var(--accent-warning)}.callout-important{border-color:var(--accent-danger)}.callout-important .callout-header{color:var(--accent-danger)}.callout-note{border-color:var(--accent-secondary)}.callout-note .callout-header{color:var(--accent-secondary)}.table-responsive-wrapper{border:1px solid var(--border-subtle);border-radius:10px;margin:.5rem 0;overflow-x:auto}.markdown-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.markdown-table th{background:var(--bg-surface-hover);color:var(--text-primary);border-bottom:1px solid var(--border-strong);padding:.65rem 1rem;font-weight:600}.markdown-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.65rem 1rem}.markdown-table tr:last-child td{border-bottom:none}.code-block-container{background:var(--bg-code);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;margin:.6rem 0;overflow:hidden}.code-block-header{border-bottom:1px solid var(--border-subtle);background:#ffffff0a;justify-content:space-between;align-items:center;padding:.5rem .85rem;font-size:.75rem;display:flex}.code-lang-tag{font-family:var(--font-mono);color:var(--text-muted);text-transform:lowercase;align-items:center;gap:.4rem;display:flex}.code-copy-btn{color:var(--text-muted);border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;transition:all .15s;display:flex}.code-copy-btn:hover{color:var(--text-primary);background:#ffffff14}.code-block-content{font-family:var(--font-mono);color:#e2e8f0;padding:1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.chat-input-sticky-bottom{background:linear-gradient(to top, var(--bg-main) 70%, transparent 100%);z-index:10;padding:.75rem 1.5rem 1.25rem;position:relative}.chat-input-wrapper{width:100%;max-width:860px;margin:0 auto}.chat-input-card{background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:18px;flex-direction:column;padding:.6rem .75rem .4rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.chat-input-card:focus-within{border-color:var(--accent-primary);box-shadow:0 0 20px #6366f133}.chat-input-card.dragging-active{border-color:var(--accent-secondary);background:#06b6d414}.chat-input-card.recording-active{border-color:var(--accent-danger);box-shadow:0 0 20px #ef444440}.input-attachments-tray{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem;padding:.3rem .4rem .6rem;display:flex}.input-attachment-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.78rem;display:flex}.img-thumbnail-wrap{border-radius:4px;width:24px;height:24px;overflow:hidden}.img-thumbnail{object-fit:cover;width:100%;height:100%}.chip-remove-btn{color:var(--text-muted);padding:.1rem}.chip-remove-btn:hover{color:var(--accent-danger)}.input-row{align-items:flex-end;gap:.5rem;display:flex}.input-tool-btn{color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;padding:.6rem;transition:all .15s;display:flex}.input-tool-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.input-tool-btn.mic-recording{color:var(--accent-danger);background:#ef444426;animation:1.5s infinite pulseRecording}.chat-textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:220px;padding:.6rem .2rem;font-size:.94rem;line-height:1.5}.chat-textarea::placeholder{color:var(--text-muted)}.send-action-btn{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.send-action-btn.send-ready{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 0 15px #6366f166}.send-action-btn.send-ready:hover{transform:scale(1.05);box-shadow:0 0 20px #6366f199}.send-action-btn.send-disabled{background:var(--bg-surface);color:var(--text-muted);opacity:.6;cursor:not-allowed}.send-action-btn.stop-btn{background:var(--accent-danger);color:#fff;box-shadow:0 0 15px #ef444466}.input-card-footer{color:var(--text-muted);justify-content:space-between;align-items:center;padding:.3rem .4rem .1rem;font-size:.72rem;display:flex}.input-hints{gap:.75rem;display:flex}.hint-pill strong{color:var(--text-secondary)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-modal);border:1px solid var(--border-strong);width:100%;max-width:680px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden}.blueprint-modal-card{max-width:780px}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-group{align-items:center;gap:.85rem;display:flex}.modal-icon-badge{border:1px solid var(--border-accent);width:40px;height:40px;color:var(--accent-primary);background:#6366f126;border-radius:10px;justify-content:center;align-items:center;display:flex}.modal-icon-badge.blueprint-badge{color:var(--accent-secondary);background:#06b6d426;border-color:#06b6d466}.modal-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.modal-subtitle{color:var(--text-muted);font-size:.82rem}.modal-close-btn{color:var(--text-muted);border-radius:8px;padding:.4rem;transition:all .15s}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.modal-tabs{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);gap:.5rem;padding:.5rem 1.5rem;display:flex}.tab-btn{color:var(--text-muted);border-radius:8px;align-items:center;gap:.45rem;padding:.6rem .9rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.tab-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.tab-btn.tab-active{color:var(--accent-primary);background:var(--bg-card);box-shadow:var(--shadow-sm);font-weight:600}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.footer-right-actions{align-items:center;gap:.75rem;display:flex}.btn-modal-primary{background:var(--accent-primary);color:#fff;border-radius:10px;align-items:center;gap:.45rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-modal-primary:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-glow)}.btn-modal-secondary{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);border-radius:10px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.88rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-modal-secondary:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.settings-section{flex-direction:column;gap:1.25rem;display:flex}.mock-mode-toggle-card{background:linear-gradient(135deg,#f59e0b1a 0%,#6366f114 100%);border:1px solid #f59e0b4d;border-radius:14px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mock-title-row{align-items:center;gap:.45rem;margin-bottom:.2rem;font-size:.95rem;display:flex}.mock-toggle-info p{color:var(--text-secondary);font-size:.8rem}.switch-toggle{width:46px;height:24px;display:inline-block;position:relative}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:var(--border-strong);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider-round{background-color:var(--accent-primary)}input:checked+.slider-round:before{transform:translate(22px)}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-label{color:var(--text-primary);font-size:.88rem;font-weight:600}.form-helper-link{color:var(--accent-secondary);align-items:center;gap:.25rem;font-size:.78rem;display:inline-flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-leading-icon{color:var(--text-muted);position:absolute;left:.85rem}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:all .2s}.form-input.with-icon{padding-left:2.35rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 12px #6366f140}.form-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);resize:vertical;border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.88rem}.form-textarea.code-font{font-family:var(--font-mono);font-size:.82rem}.form-caption{color:var(--text-muted);font-size:.76rem;line-height:1.4}.form-caption code{background:#ffffff14;border-radius:4px;padding:.1rem .3rem}.radio-group-row{gap:.75rem;display:flex}.radio-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.88rem;font-weight:500;display:flex}.radio-card.radio-selected{border-color:var(--accent-primary);color:var(--text-primary);background:#6366f11a}.preset-cards-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.preset-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;flex-direction:column;gap:.3rem;padding:.85rem;transition:all .15s;display:flex;position:relative}.preset-card:hover{border-color:var(--border-strong);background:var(--bg-surface-hover)}.preset-card.preset-active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow);background:#6366f114}.preset-badge{color:var(--accent-primary);text-transform:uppercase;background:#6366f133;border-radius:4px;align-self:flex-start;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.preset-card h4{font-size:.88rem;font-weight:600}.preset-card p{color:var(--text-muted);font-size:.74rem;line-height:1.35}.test-connection-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.test-box-header{justify-content:space-between;align-items:center;display:flex}.test-box-sub{color:var(--text-muted);font-size:.76rem}.btn-test-ping{border:1px solid var(--border-accent);color:var(--accent-primary);background:#6366f126;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-test-ping:hover:not(:disabled){background:var(--accent-primary);color:#fff}.btn-test-ping:disabled{opacity:.5;cursor:not-allowed}.test-result-banner{border-radius:10px;gap:.75rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.test-result-banner.test-success{color:var(--accent-success);background:#10b9811f;border:1px solid #10b9814d}.test-result-banner.test-failure{color:var(--accent-danger);background:#ef44441f;border:1px solid #ef44444d}.test-json-preview{font-family:var(--font-mono);color:var(--text-primary);background:#0000004d;border-radius:6px;max-height:120px;margin-top:.4rem;padding:.4rem .6rem;font-size:.74rem;overflow-y:auto}.auth-type-selector{gap:.5rem;display:flex}.auth-type-pill{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:8px;padding:.5rem .85rem;font-size:.82rem;font-weight:500}.auth-type-pill.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f11f;font-weight:600}.form-grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-range-slider{width:100%;accent-color:var(--accent-primary)}.slider-value-badge{font-size:.78rem;font-family:var(--font-mono);color:var(--accent-primary);font-weight:600}.workflow-flow-diagram{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1.25rem 1rem;display:flex}.flow-step-node{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.node-icon-box{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.2rem;display:flex}.bg-indigo-glow{background:#6366f1;box-shadow:0 0 15px #6366f166}.bg-purple-glow{background:#a855f7;box-shadow:0 0 15px #a855f766}.bg-emerald-glow{background:#10b981;box-shadow:0 0 15px #10b98166}.node-title{color:var(--text-primary);font-size:.82rem;font-weight:600}.node-sub{color:var(--text-muted);font-size:.72rem}.flow-arrow-icon{color:var(--border-strong)}.blueprint-import-banner{background:linear-gradient(135deg,#06b6d41f 0%,#6366f11f 100%);border:1px solid #06b6d44d;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1.1rem 1.25rem;display:flex}.blueprint-banner-text h4{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.blueprint-banner-text p{color:var(--text-secondary);font-size:.8rem}.btn-copy-blueprint{background:var(--accent-secondary);color:#042f2e;white-space:nowrap;border-radius:10px;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 0 15px #06b6d44d}.btn-copy-blueprint:hover{transform:translateY(-1px);box-shadow:0 0 20px #06b6d480}.guide-steps-list{flex-direction:column;gap:.85rem;margin-bottom:1.25rem;display:flex}.guide-step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;gap:.85rem;padding:.85rem 1rem;display:flex}.step-num{width:28px;height:28px;color:var(--accent-primary);background:#6366f126;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-content h5{margin-bottom:.3rem;font-size:.88rem;font-weight:600}.step-content ul{color:var(--text-secondary);flex-direction:column;gap:.2rem;padding-left:1.1rem;font-size:.8rem;display:flex}.export-preview-container{background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:12px;max-height:380px;padding:1rem;overflow-y:auto}.export-preview-box{font-family:var(--font-mono);color:#e2e8f0;white-space:pre-wrap;font-size:.82rem;line-height:1.5}.theme-grid-container{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.9rem;margin-bottom:1.25rem;display:grid}.theme-card{background:var(--bg-card);border:1.5px solid var(--border-subtle);cursor:pointer;border-radius:14px;flex-direction:column;padding:.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.theme-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-card-active{box-shadow:0 0 16px var(--accent-glow);background:var(--bg-surface-hover);border-color:var(--accent-primary)!important}.theme-preview-box{border:1px solid;border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;height:84px;margin-bottom:.65rem;padding:.6rem;display:flex;position:relative;overflow:hidden}.preview-msg-user{opacity:.9;border-radius:6px;align-self:flex-end;width:55%;height:12px}.preview-msg-assistant{border:1px solid;border-radius:6px;align-items:center;gap:.4rem;width:75%;padding:.35rem .5rem;display:flex}.preview-avatar-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.preview-lines{flex-direction:column;flex:1;gap:3px;display:flex}.preview-line{opacity:.7;border-radius:2px;width:100%;height:4px}.preview-line.short{width:60%}.theme-active-badge{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0006}.theme-meta-row{justify-content:space-between;align-items:center;display:flex}.theme-text-group{flex-direction:column;gap:.15rem;width:100%;display:flex}.theme-title-row{justify-content:space-between;align-items:center;display:flex}.theme-title{color:var(--text-primary);font-size:.88rem;font-weight:700}.theme-type-tag{text-transform:uppercase;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.theme-desc{color:var(--text-muted);font-size:.72rem;line-height:1.3}.theme-compact-pills{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.theme-pill-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:.78rem;transition:all .15s;display:flex}.theme-pill-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.theme-pill-active{background:var(--bg-surface-hover);border-color:var(--accent-primary);color:var(--text-primary);font-weight:600}.theme-pill-swatch{border-radius:50%;width:10px;height:10px}.theme-pill-check{color:var(--accent-primary)}.appearance-toggles-grid{flex-direction:column;gap:.75rem;display:flex}.setting-toggle-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.toggle-meta{flex-direction:column;gap:.15rem;display:flex}.toggle-title{color:var(--text-primary);font-size:.86rem;font-weight:600}.toggle-desc{color:var(--text-muted);font-size:.74rem}.floating-scroll-bottom-btn{background:var(--bg-modal);border:1px solid var(--border-accent);color:var(--accent-primary);box-shadow:var(--shadow-md), 0 0 12px var(--accent-glow);cursor:pointer;z-index:30;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.78rem;font-weight:700;transition:all .2s;animation:.3s cubic-bezier(.175,.885,.32,1.275) bounceIn;display:flex;position:absolute;bottom:80px;right:28px}.floating-scroll-bottom-btn:hover{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-lg), 0 0 20px var(--accent-glow);transform:translateY(-2px)}@keyframes bounceIn{0%{opacity:0;transform:scale(.6)translateY(20px)}70%{opacity:1;transform:scale(1.08)translateY(-3px)}to{transform:scale(1)translateY(0)}}.message-latency{font-size:.68rem;font-family:var(--font-mono);border-radius:4px;align-items:center;gap:.25rem;padding:.1rem .4rem;font-weight:600;display:inline-flex}.latency-fast{color:var(--accent-success);background:#10b98126;border:1px solid #10b9814d}.latency-med{color:var(--accent-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.latency-slow{color:var(--accent-danger);background:#ef444426;border:1px solid #ef44444d}.speaking-wave-dots{align-items:center;gap:2px;height:12px;display:inline-flex}.wave-bar{background:var(--accent-primary);border-radius:1px;width:2px;animation:.8s ease-in-out infinite alternate wavePulse}.wave-bar.bar-1{height:6px;animation-delay:0s}.wave-bar.bar-2{height:12px;animation-delay:.2s}.wave-bar.bar-3{height:8px;animation-delay:.4s}@keyframes wavePulse{0%{transform:scaleY(.4)}to{transform:scaleY(1.3)}}.mic-recording-wrap{justify-content:center;align-items:center;display:flex;position:relative}.mic-pulse-ring{border:2px solid var(--accent-danger);border-radius:50%;animation:1.2s cubic-bezier(.25,1,.5,1) infinite micRing;position:absolute;inset:-6px}@keyframes micRing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}.input-char-count{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);align-items:center;gap:.35rem;display:flex}.count-tag{color:var(--text-muted)}.count-separator{opacity:.4}.input-hints kbd{font-size:.68rem;font-family:var(--font-mono);background:var(--bg-surface-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:4px;padding:.1rem .35rem;display:inline-block}.action-btn-success{color:var(--accent-success)!important;border-color:#10b9814d!important}.message-row{animation:.3s cubic-bezier(.16,1,.3,1) forwards messageEntrance}@keyframes messageEntrance{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #6366f166}50%{box-shadow:0 0 25px #6366f1cc}}@keyframes pulseRecording{0%,to{opacity:1}50%{opacity:.5}}.spinner-loader{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.sidebar-container{box-shadow:var(--shadow-lg);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-container.sidebar-open{transform:translate(0)}.sidebar-backdrop-mobile{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35;background:#0009;position:fixed;inset:0}.mobile-menu-btn{display:flex}.mobile-sidebar-close-btn{display:block}.starter-cards-grid,.preset-cards-grid{grid-template-columns:1fr}.btn-label-desktop{display:none}.workflow-flow-diagram{flex-direction:column;gap:.85rem}.flow-arrow-icon{transform:rotate(90deg)}}