:root{--neural-primary:#0f8;--neural-fire:#ff6b35;--neural-mycelium:#8b5cf6;--neural-glow:#00d4ff;--neural-bg:#0a0a0f;--neural-card:#12121a;--neural-card-hover:#1a1a25;--neural-border:#1e1e2e;--neural-text:#e4e4e7;--neural-text-dim:#71717a;--neural-success:#22c55e;--neural-warning:#f59e0b;--neural-error:#ef4444;--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-glow-primary:0 0 20px #00ff884d, 0 0 40px #00ff8826;--shadow-glow-fire:0 0 20px #ff6b354d, 0 0 40px #ff6b3526;--shadow-glow-glow:0 0 20px #00d4ff4d, 0 0 40px #00d4ff26;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 32px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}[data-theme=light]{--neural-bg:#f5f5f7;--neural-card:#fff;--neural-card-hover:#f0f0f3;--neural-border:#d1d1d6;--neural-text:#1c1c1e;--neural-text-dim:#6e6e73;--shadow-card:0 4px 24px #00000014;--shadow-card-hover:0 8px 32px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:var(--neural-bg);color:var(--neural-text);line-height:1.6;overflow:hidden}body.client-shell{background:#050509}body.client-shell #root{background:var(--neural-bg);width:100vw;height:100dvh;overflow:hidden}body.client-shell .app-header{padding:var(--space-sm) var(--space-md)}body.client-shell .header-title,body.client-shell .header-badge,body.client-shell .connection-indicators,body.client-shell .header-time{display:none}body.client-shell .app-sidebar{width:var(--sidebar-width,min(82vw, 320px));min-width:64px;max-width:min(82vw,400px)}body.client-shell .app-sidebar.compact{width:var(--sidebar-width,64px);min-width:64px;max-width:64px}body.client-shell .content-area{min-width:0}body.client-shell .app-layout{min-height:0}body.client-shell .app-main{min-width:0}body.client-shell .mobile-bottom-nav{display:none}@media (width<=640px){.app-header{padding:var(--space-sm) var(--space-md)}.header-title,.header-badge,.connection-indicators,.header-time{display:none}.app-layout{flex-direction:column}.app-sidebar{border-right:0;border-bottom:1px solid var(--neural-border);width:100%;max-width:none;max-height:38dvh;padding:var(--space-md)}.app-sidebar.compact{border-bottom:0;width:100%;max-height:0;padding:0;overflow:hidden}.layout-resizer{display:none}.mobile-bottom-nav{z-index:120;background:var(--neural-border);border-top:1px solid var(--neural-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:sticky;bottom:0}.mobile-nav-item{color:var(--neural-text-dim);background:#12121afa;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-size:.68rem;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--neural-primary);background:#0a0a0ffa}.mobile-nav-icon{font-size:1rem;line-height:1}.mobile-nav-label{line-height:1}.app-main.focused{padding:var(--space-sm) var(--space-md)}.sidebar-toggle,.content-toggle{width:32px;height:32px;font-size:1rem}.chat-messages{padding:var(--space-md) 0}.chat-input-area{padding:var(--space-sm);border-radius:var(--radius-md)}.chat-input-field{order:-1;grid-column:1/-1;min-height:84px}.send-btn{min-width:76px}.groups-grid{gap:var(--space-md);grid-template-columns:1fr}.view-header{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column}.settings-sections{max-width:none}.settings-section{padding:var(--space-md);margin-bottom:var(--space-md)}.settings-section details{border:1px solid var(--neural-border);border-radius:var(--radius-md);padding:var(--space-sm);background:#12121ad1}.settings-section summary{cursor:pointer;color:var(--neural-text);font-weight:600;list-style:none}.settings-section summary::-webkit-details-marker{display:none}.settings-section summary:after{content:"▾";float:right;color:var(--neural-text-dim)}.settings-section details[open] summary:after{content:"▴"}.settings-section h3{font-size:.95rem}.setting-item{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.setting-item input[type=text],.setting-item select{width:100%;min-width:0}.chat-view{min-height:0}.message-content{padding:var(--space-md)}.chat-messages{gap:var(--space-sm)}.chat-input-wrapper{grid-template-columns:38px 38px 38px minmax(0,1fr)}.send-btn{grid-column:1/-1;width:100%}.app-main{padding:var(--space-sm)}.chat-header{flex-direction:column;align-items:flex-start}.chat-header>div:last-child{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.message{max-width:100%}}.app-container{flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.neural-bg-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.app-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--neural-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#12121af2;justify-content:space-between;align-items:center;display:flex;position:relative}.header-left{align-items:center;gap:var(--space-md);display:flex}.header-logo{border-radius:var(--radius-md);width:40px;height:40px}.header-brand{align-items:center;gap:var(--space-md);display:flex}.header-badge{color:var(--neural-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:#00ff881a;border:1px solid #00ff884d;padding:2px 12px;font-size:.7rem;font-weight:600;box-shadow:0 0 10px #0f83}.connection-indicators{align-items:center;gap:var(--space-lg);display:flex}.conn-item{align-items:center;gap:var(--space-xs);display:flex}.conn-dot{border-radius:50%;width:8px;height:8px}.conn-dot.online{background:var(--neural-primary);box-shadow:0 0 8px var(--neural-primary)}.conn-dot.standby{background:var(--neural-text-dim)}.conn-dot.offline{background:var(--neural-error)}.conn-label{color:var(--neural-text-dim);font-size:.7rem;font-family:var(--font-mono)}.conn-latency{color:var(--neural-glow);font-size:.625rem;font-family:var(--font-mono)}.header-title{background:linear-gradient(135deg, var(--neural-primary), var(--neural-glow));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #00ff884d;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.header-right{align-items:center;gap:var(--space-lg);display:flex}.header-time{text-align:right}.time-display{font-family:var(--font-mono);color:var(--neural-glow);font-size:1rem;display:block}.date-display{color:var(--neural-text-dim);font-size:.75rem;display:block}.sidebar-toggle{border:1px solid var(--neural-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--neural-text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.sidebar-toggle:hover{border-color:var(--neural-primary);color:var(--neural-primary);background:#00ff8814}.content-toggle{border:1px solid var(--neural-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--neural-text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.content-toggle:hover{border-color:var(--neural-mycelium);color:var(--neural-mycelium);background:#8b5cf614}.content-toggle.prominent{border-color:var(--neural-primary);color:var(--neural-primary);background:#00ff881a;animation:1.8s ease-in-out infinite content-toggle-pulse;box-shadow:0 0 10px #0f83}.content-toggle.prominent:hover{border-color:var(--neural-primary);color:#fff;background:#00ff8838;box-shadow:0 0 18px #0f86}@keyframes content-toggle-pulse{0%,to{border-color:var(--neural-primary);box-shadow:0 0 6px #00ff8826}50%{border-color:#0f8;box-shadow:0 0 18px #00ff8873}}.app-layout{z-index:10;flex:1;display:flex;position:relative;overflow:hidden}.app-sidebar{width:var(--sidebar-width,240px);background:var(--neural-card);border-right:1px solid var(--neural-border);min-width:64px;max-width:400px;padding:var(--space-lg);gap:var(--space-lg);transition:width var(--transition-normal), padding var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.app-sidebar.compact{padding:var(--space-md) var(--space-sm)}.app-sidebar.compact .brand-text,.app-sidebar.compact .sidebar-new-chat span,.app-sidebar.compact .nav-label,.app-sidebar.compact .nav-section-title,.app-sidebar.compact .nav-section-header,.app-sidebar.compact .nav-sub-items,.app-sidebar.compact .nav-section-body,.app-sidebar.compact .user-info,.app-sidebar.compact .user-expand{opacity:0;pointer-events:none;width:0;overflow:hidden}.app-sidebar.compact .sidebar-new-chat{padding:var(--space-sm);border-radius:50%;width:40px;min-width:0;height:40px;font-size:0}.app-sidebar.compact .sidebar-new-chat:before{content:"+";font-size:1.25rem}.layout-resizer{cursor:col-resize;z-index:20;width:5px;min-width:5px;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;position:relative}.layout-resizer:after{content:"";background:var(--neural-border);width:1px;transition:background var(--transition-fast), width var(--transition-fast);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.layout-resizer:hover:after,.layout-resizer.active:after{background:var(--neural-primary);width:2px;box-shadow:0 0 8px #00ff8859}.layout-resizer:hover{background:#00ff880a}.layout-resizer.active{background:#00ff8814}.sidebar-brand{align-items:center;gap:var(--space-md);padding:var(--space-md) 0;display:flex}.sidebar-logo{border-radius:var(--radius-md);width:36px;height:36px}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--neural-text);font-size:1rem;font-weight:700}.brand-sub{color:var(--neural-text-dim);font-size:.7rem}.sidebar-new-chat{width:100%;margin-bottom:var(--space-md)}.sidebar-user{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--neural-border);border-radius:var(--radius-md);transition:background var(--transition-fast);margin-top:auto;display:flex}.sidebar-user:hover{background:var(--neural-card-hover)}.user-avatar{background:linear-gradient(135deg, var(--neural-fire), var(--neural-primary));width:32px;height:32px;color:var(--neural-bg);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.user-info{flex-direction:column;flex:1;display:flex}.user-name{color:var(--neural-text);font-size:.875rem;font-weight:600}.user-badge{color:var(--neural-mycelium);border-radius:var(--radius-full);background:#8b5cf626;border:1px solid #8b5cf64d;width:fit-content;padding:1px 6px;font-size:.625rem;font-weight:600;display:inline-block}.user-expand{color:var(--neural-text-dim);font-size:.75rem}.nav-sub-items{padding-left:var(--space-xl);flex-direction:column;gap:2px;display:flex}.nav-sub-item{color:var(--neural-text-dim);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem}.nav-sub-item:hover{color:var(--neural-text);background:var(--neural-card-hover)}.nav-section{gap:var(--space-sm);flex-direction:column;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--neural-text-dim);padding:var(--space-sm) 0;text-align:left;flex:1;font-size:.7rem;font-weight:600}.nav-section-header{width:100%;padding:var(--space-sm) 0;color:var(--neural-text-dim);cursor:pointer;transition:color var(--transition-fast);text-align:left;font:inherit;background:0 0;border:none;align-items:center;display:flex}.nav-section-header:hover{color:var(--neural-text)}.nav-section-header .nav-section-title{pointer-events:none;padding:0}.section-chevron{transition:transform var(--transition-normal);opacity:.5;flex-shrink:0;margin-left:auto;font-size:.65rem}.nav-section-header.expanded .section-chevron{opacity:.8;transform:rotate(-180deg)}.nav-section-body{opacity:0;gap:var(--space-sm);max-height:0;transition:max-height var(--transition-normal), opacity var(--transition-fast), margin var(--transition-normal);flex-direction:column;margin-top:0;display:flex;overflow:hidden}.nav-section-body.expanded{opacity:1;max-height:600px;margin-top:var(--space-sm)}.nav-item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--neural-text-dim);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;display:flex}.nav-item:hover{background:var(--neural-card-hover);color:var(--neural-text)}.nav-item.active{color:var(--neural-primary);box-shadow:var(--shadow-glow-primary);background:linear-gradient(135deg,#00ff8826,#00d4ff1a);border:1px solid #00ff884d}.nav-icon{font-size:1.25rem}.nav-label{font-size:.9rem;font-weight:500}.app-main{padding:var(--space-lg);flex:1;position:relative;overflow-y:auto}.app-main.focused{max-width:none;padding:var(--space-md) var(--space-xl)}.view-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--neural-border);justify-content:space-between;align-items:center;display:flex}.view-header h2{color:var(--neural-text);font-size:1.5rem;font-weight:700}.neural-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-size:.875rem;font-weight:600}.neural-btn.primary{background:linear-gradient(135deg, var(--neural-primary), var(--neural-glow));color:var(--neural-bg);box-shadow:var(--shadow-glow-primary)}.neural-btn.primary:hover{box-shadow:var(--shadow-glow-primary), 0 8px 30px #0000004d;transform:translateY(-2px)}.neural-btn.secondary{color:var(--neural-text);border:1px solid var(--neural-border);background:0 0}.neural-btn.secondary:hover{background:var(--neural-card-hover);border-color:var(--neural-primary)}.neural-btn.ghost{color:var(--neural-text-dim);background:0 0}.neural-btn.ghost:hover{color:var(--neural-text);background:var(--neural-card-hover)}.neural-card{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.neural-card:hover{background:var(--neural-card-hover);box-shadow:var(--shadow-card-hover);border-color:#00ff884d}.status-badge{border-radius:var(--radius-full);align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.active{color:var(--neural-primary);background:#00ff8826;border:1px solid #00ff884d}.status-badge.stale{color:var(--neural-warning);background:#f59e0b26;border:1px solid #f59e0b4d}.status-badge.inactive{color:var(--neural-text-dim);background:#71717a26;border:1px solid #71717a4d}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.ready{background:var(--neural-primary);box-shadow:0 0 8px var(--neural-primary)}.status-dot.loading{background:var(--neural-warning);animation:1s ease-in-out infinite pulse}.status-dot.error{background:var(--neural-error)}.toggle-switch{cursor:pointer;width:48px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--neural-border);border-radius:var(--radius-full);transition:all var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--neural-text);width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg, var(--neural-primary), var(--neural-glow))}.toggle-switch input:checked+.toggle-slider:before{background:var(--neural-bg);transform:translate(24px)}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes neural-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.3)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes bloom{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-glow{0%,to{box-shadow:0 0 5px var(--neural-primary), 0 0 10px var(--neural-primary)}50%{box-shadow:0 0 20px var(--neural-primary), 0 0 30px var(--neural-primary)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.message-bloom{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards bloom}.slide-up{animation:.3s ease-out forwards slide-up}.pulse{animation:2s ease-in-out infinite pulse}.shake{animation:.3s ease-in-out infinite shake}.dot-pulse{animation:1.5s ease-in-out infinite dot-pulse}.flow-glow{animation:2s ease-in-out infinite flow-glow}.spin{animation:1s linear infinite spin}.fade{animation:.3s ease-out fade}.bounce{animation:.5s ease-in-out infinite bounce}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:0 0 20px var(--neural-primary), 0 8px 30px #0000004d;transform:translateY(-2px)}.press-scale:active{transform:scale(.98)}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card-glow:hover{box-shadow:0 0 20px #00ff884d,0 4px 24px #0006}.btn-neural:hover{border-color:var(--neural-primary);background:linear-gradient(135deg,#0f83,#00d4ff26);box-shadow:0 0 15px #0f86}.btn-neural:active{transform:scale(.97)}.input-neural:focus{border-color:var(--neural-primary);outline:none;box-shadow:0 0 10px #00ff884d}.chat-view{flex-direction:column;height:100%;min-height:0;display:flex}.chat-header{justify-content:space-between;align-items:center;gap:var(--space-md);padding:0 0 var(--space-md);border-bottom:1px solid var(--neural-border);margin-bottom:var(--space-md);display:flex}.chat-header h2{color:var(--neural-text);margin:0;font-size:1.2rem}.chat-messages{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.chat-input-area{gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--neural-border);border-radius:var(--radius-lg);background:#12121aeb;flex-direction:column;display:flex;box-shadow:0 10px 32px #00000047,inset 0 0 16px #00ff8808}.chat-input-wrapper{gap:var(--space-sm);grid-template-columns:38px 38px 38px minmax(0,1fr) auto;align-items:stretch;display:grid}.chat-input-field{resize:vertical;border-radius:var(--radius-md);width:100%;min-height:76px;max-height:160px;color:var(--neural-text);font:inherit;background:#0a0a0feb;border:1px solid #00ff8838;padding:12px 14px;line-height:1.45}.chat-input-field:focus{border-color:var(--neural-primary);outline:none;box-shadow:0 0 0 3px #00ff8814,0 0 18px #00ff882e}.input-action-btn,.send-btn{border:1px solid var(--neural-border);border-radius:var(--radius-md);min-width:38px;color:var(--neural-text);cursor:pointer;background:#0a0a0fc2;font-weight:700;transition:border-color .15s,box-shadow .15s,transform .15s}.input-action-btn:hover,.send-btn:hover:not(:disabled){border-color:var(--neural-primary);transform:translateY(-1px);box-shadow:0 0 12px #00ff8838}.input-action-btn.recording{border-color:var(--neural-fire);color:var(--neural-fire);box-shadow:0 0 14px #ff6b3547}.send-btn{min-width:88px;padding:0 var(--space-md);background:linear-gradient(135deg, var(--neural-primary), var(--neural-glow));color:var(--neural-bg)}.send-btn:disabled{color:var(--neural-text-muted);cursor:not-allowed;box-shadow:none;background:#1e1e2edb;transform:none}.attachment-tray,.url-detect-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.attachment-chip,.url-detect-row span{border-radius:var(--radius-sm);max-width:260px;color:var(--neural-text);background:#00d4ff14;border:1px solid #00d4ff38;align-items:center;gap:6px;padding:5px 8px;font-size:.75rem;display:inline-flex}.attachment-chip strong,.url-detect-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-chip button{color:var(--neural-text-dim);cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1}.input-error{color:var(--neural-fire);font-size:.75rem}.message{max-width:70%;animation:.3s ease-out slide-up}.message-user{align-self:flex-end}.message-bot{align-self:flex-start}.message-content{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);position:relative}.message-user .message-content{background:linear-gradient(135deg,#0f83,#00d4ff26);border:1px solid #00ff884d}[data-theme=light] .message-user .message-content{background:linear-gradient(135deg,#00b4501f,#0096c814);border:1px solid #00965033}.message-bot .message-content{background:var(--neural-card);border:1px solid var(--neural-border)}.message-content p{margin-bottom:var(--space-xs)}.message-url-list,.message-attachments{margin-top:var(--space-sm);flex-direction:column;gap:6px;display:flex}.message-url-list a{color:var(--neural-glow);word-break:break-all;font-size:.78rem}.message-attachment{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--neural-border);background:#ffffff08;padding:6px;font-size:.78rem;display:flex}.message-attachment img{object-fit:cover;border-radius:var(--radius-sm);width:96px;height:72px}.message-attachment audio{max-width:240px;height:32px}.message-time{color:var(--neural-text-dim);font-size:.7rem}.skills-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-value{background:linear-gradient(135deg, var(--neural-primary), var(--neural-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;display:block}.stat-label{color:var(--neural-text-dim);margin-top:var(--space-xs);font-size:.875rem;display:block}.skills-list{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skill-card{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.skill-card:hover{background:var(--neural-card-hover);transform:translateY(-2px)}.skill-card.stale{opacity:.7;border-color:#f59e0b4d}.skill-card.stale:before{content:"";border-radius:var(--radius-lg);animation:2s ease-in-out infinite neural-pulse;position:absolute;inset:0}.skill-info h3{color:var(--neural-text);font-size:1rem;font-weight:600;font-family:var(--font-mono)}.skill-info p{color:var(--neural-text-dim);margin-top:var(--space-xs);font-size:.875rem}.skill-meta{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--neural-border);justify-content:space-between;align-items:center;display:flex}.skill-meta span:first-child{color:var(--neural-text-dim);font-size:.75rem}.skill-actions{gap:var(--space-sm);display:flex}.btn-icon{border:1px solid var(--neural-border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:var(--neural-card-hover);border-color:var(--neural-primary)}.extensions-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.extension-card{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;transition:all var(--transition-normal)}.extension-card.enabled{box-shadow:var(--shadow-glow-primary);border-color:#00ff884d}.extension-card:hover{background:var(--neural-card-hover)}.extension-icon{margin-bottom:var(--space-md);font-size:2.5rem}.extension-info h3{color:var(--neural-text);font-size:1rem;font-weight:600}.extension-info p{color:var(--neural-text-dim);margin-top:var(--space-xs);font-size:.75rem}.extension-status{justify-content:center;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0;color:var(--neural-text-dim);font-size:.75rem;display:flex}.extension-details{margin-top:var(--space-xl)}.extension-details h3{margin-bottom:var(--space-lg);font-size:1rem;font-weight:600}.detail-card{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.detail-card h4{color:var(--neural-primary);margin-bottom:var(--space-sm);font-size:1rem;font-weight:600}.detail-card p{color:var(--neural-text-dim);margin-bottom:var(--space-md);font-size:.875rem}.groups-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.group-card{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.group-card:hover{background:var(--neural-card-hover);transform:translateY(-2px)}.group-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.group-header h3{color:var(--neural-text);font-size:1rem;font-weight:600}.group-info{gap:var(--space-xs);color:var(--neural-text-dim);margin-bottom:var(--space-lg);flex-direction:column;font-size:.875rem;display:flex}.group-actions{gap:var(--space-sm);display:flex}.settings-sections{width:100%;max-width:600px}.settings-section{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.settings-section h3,.settings-section summary{color:var(--neural-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--neural-border);font-size:1rem;font-weight:600}.settings-section summary{cursor:pointer;display:block}.settings-section-body{min-width:0}.setting-item{padding:var(--space-md) 0;justify-content:space-between;align-items:center;display:flex}.setting-item:not(:last-child){border-bottom:1px solid var(--neural-border)}.setting-item label{color:var(--neural-text);font-size:.875rem}.setting-item input[type=text],.setting-item select{background:var(--neural-bg);border:1px solid var(--neural-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);color:var(--neural-text);min-width:200px;font-size:.875rem}.settings-view{width:100%;min-width:0}.settings-section,.settings-section *{min-width:0}.lingbot-panel input,.lingbot-panel select,.lingbot-panel button{max-width:100%}.setting-item input:focus,.setting-item select:focus{border-color:var(--neural-primary);outline:none;box-shadow:0 0 0 2px #0f83}.system-info{font-family:var(--font-mono);color:var(--neural-text-dim);font-size:.875rem}.system-info p{padding:var(--space-xs) 0}.builds-stats{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.builds-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.build-card{background:var(--neural-card);border:1px solid var(--neural-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);transition:all var(--transition-normal);flex-direction:column;display:flex}.build-card:hover{background:var(--neural-card-hover);box-shadow:var(--shadow-card-hover);border-color:#00ff884d}.build-card-top{align-items:center;gap:var(--space-md);display:flex}.build-platform-icon{font-size:2rem;line-height:1}.build-platform-info{flex:1;min-width:0}.build-platform-info h3{color:var(--neural-text);margin:0;font-size:1.1rem;font-weight:600}.build-arch{font-size:.7rem;font-family:var(--font-mono);color:var(--neural-text-dim);border-radius:var(--radius-full);background:#00d4ff1a;border:1px solid #00d4ff40;padding:1px 8px}.build-size{font-size:.85rem;font-weight:600;font-family:var(--font-mono);color:var(--neural-warning);white-space:nowrap}.build-filename{border:1px solid var(--neural-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:#0a0a0f99}.build-filename code{font-family:var(--font-mono);color:var(--neural-primary);word-break:break-all;font-size:.85rem}.build-desc{color:var(--neural-text-dim);margin:0;font-size:.8rem;line-height:1.5}.build-path-section{border:1px solid var(--neural-border);border-radius:var(--radius-md);padding:var(--space-md);background:#0a0a0f80}.build-path-label{text-transform:uppercase;letter-spacing:.08em;color:var(--neural-text-dim);margin-bottom:var(--space-sm);font-size:.7rem;font-weight:600;display:block}.build-path-row{align-items:flex-start;gap:var(--space-sm);display:flex}.build-path{min-width:0;font-family:var(--font-mono);color:var(--neural-text-dim);word-break:break-all;overflow-wrap:anywhere;flex:1;font-size:.75rem;line-height:1.6}.build-copy-btn{padding:var(--space-xs) var(--space-sm);border:1px solid var(--neural-border);border-radius:var(--radius-sm);color:var(--neural-text-dim);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;flex-shrink:0;font-size:.75rem}.build-copy-btn:hover{border-color:var(--neural-primary);color:var(--neural-primary);background:#00ff881a}.build-copy-btn.copied{border-color:var(--neural-primary);color:var(--neural-primary);background:#00ff8826}.build-note{color:var(--neural-text-dim);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:#8b5cf614;border:1px solid #8b5cf633;font-size:.75rem;line-height:1.5}.build-note code{font-family:var(--font-mono);color:var(--neural-glow);background:#00d4ff1a;border-radius:3px;padding:1px 4px;font-size:.75rem}.builds-control-bar{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.builds-control-btn{border:1px solid var(--neural-border);border-radius:var(--radius-sm);color:var(--neural-text-dim);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:4px 16px;font-size:.75rem}.builds-control-btn:hover{border-color:var(--neural-primary);color:var(--neural-primary);background:#00ff8814}.build-chevron{color:var(--neural-text-dim);transition:transform var(--transition-fast);flex-shrink:0;margin-left:auto;font-size:1rem}.build-chevron.expanded{color:var(--neural-primary)}.build-card-body{gap:var(--space-md);opacity:1;flex-direction:column;max-height:500px;transition:max-height .35s,opacity .25s,margin .25s;display:flex;overflow:hidden}.build-card-body.collapsed{opacity:0;max-height:0;margin-top:0}.build-card-body.expanded{margin-top:var(--space-md)}@media (width<=640px){.builds-stats{gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.builds-stats .stat-value{font-size:1.5rem}.builds-stats .stat-label{font-size:.7rem}.builds-grid{gap:var(--space-md);grid-template-columns:1fr}.build-card{padding:var(--space-md);gap:var(--space-sm)}.build-platform-icon{font-size:1.5rem}.build-platform-info h3{font-size:1rem}.build-filename code{font-size:.78rem}.build-path{font-size:.7rem;line-height:1.5}.build-copy-btn{padding:var(--space-xs) var(--space-sm);font-size:.7rem}.build-note{font-size:.7rem}.builds-control-bar{gap:var(--space-xs)}.builds-control-btn{padding:4px 10px;font-size:.7rem}.build-chevron{font-size:.85rem}.build-card-body{max-height:400px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb:hover{background:var(--neural-text-dim)}:root{--neural-primary:#07c160;--neural-fire:#ff6b35;--neural-mycelium:#576b95;--neural-glow:#007aff;--neural-bg:#f5f5f7;--neural-card:#fff;--neural-card-hover:#f2f4f5;--neural-border:#dfe3e8;--neural-text:#1d1d1f;--neural-text-dim:#6b7280;--neural-success:#07c160;--neural-warning:#b7791f;--neural-error:#d92d20;--font-primary:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-glow-primary:none;--shadow-glow-fire:none;--shadow-glow-glow:none;--shadow-card:none;--shadow-card-hover:none}body,body.client-shell{background:var(--neural-bg);color:var(--neural-text);letter-spacing:0;font-size:15px;line-height:1.47}body.client-shell #root,.app-container{background:var(--neural-bg)}.neural-bg-canvas{filter:grayscale();display:none;opacity:0!important}.app-header{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#f5f5f7db;border-bottom:1px solid #1d1d1f14;min-height:58px;padding:10px 20px}.header-logo,.sidebar-logo{border-radius:12px}.header-title{-webkit-text-fill-color:var(--neural-text);color:var(--neural-text);letter-spacing:0;text-shadow:none;background:0 0;font-size:1.05rem;font-weight:600}.header-badge,.user-plan{box-shadow:none;color:var(--neural-primary);text-transform:none;letter-spacing:0;background:#07c1601a;border:1px solid #07c16038}.conn-label,.conn-latency,.time-display,.system-info{font-family:var(--font-primary)}.conn-dot.online,.status-dot.online{background:var(--neural-primary);box-shadow:none}.conn-latency,.time-display,.message-url-list a{color:var(--neural-mycelium)}.sidebar-toggle,.content-toggle,.input-action-btn,.send-btn,.neural-btn,.builds-control-btn{border-radius:var(--radius-full);box-shadow:none}.sidebar-toggle,.content-toggle{color:var(--neural-text-dim);background:#ffffffb8;border-color:#1d1d1f14}.sidebar-toggle:hover,.content-toggle:hover,.content-toggle.prominent,.content-toggle.prominent:hover,.builds-control-btn:hover{color:var(--neural-primary);box-shadow:none;background:#07c1601a;border-color:#07c16047;animation:none}.app-layout{background:0 0}.app-sidebar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffd6;border-right:1px solid #1d1d1f14;padding:18px}.layout-resizer:after{background:#1d1d1f14}.layout-resizer:hover,.layout-resizer.active{background:#07c1600f}.layout-resizer:hover:after,.layout-resizer.active:after{background:var(--neural-primary);box-shadow:none}.sidebar-brand{padding:4px 0 12px}.brand-name,.chat-header h2,.view-header h2,.settings-section h3,.settings-section summary{color:var(--neural-text);letter-spacing:0;font-weight:600}.brand-sub,.nav-section-title,.nav-section-header,.date-display,.connection-indicators,.message-time,.build-note,.system-info{color:var(--neural-text-dim)}.nav-section-header,.nav-item,.nav-sub-item,.sidebar-user{border-radius:12px}.nav-item:hover,.nav-sub-item:hover,.sidebar-user:hover,.app-sidebar.compact .sidebar-new-chat,.neural-btn.secondary:hover,.neural-btn.ghost:hover{color:var(--neural-primary);background:#07c16014}.nav-item.active,.nav-sub-item.active{color:var(--neural-primary);background:#07c1601f;border-color:#07c1603d}.user-avatar,.neural-btn.primary,.send-btn,.sidebar-new-chat,.btn-neural{background:var(--neural-primary);color:#fff;box-shadow:none}.user-avatar{color:#fff;background:#07c160}.neural-btn.primary:hover,.send-btn:hover:not(:disabled),.btn-neural:hover{box-shadow:none;background:#06ad56;border-color:#06ad56;transform:scale(.98)}.app-main{background:0 0}.chat-view{-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#ffffff9e;border:1px solid #1d1d1f14;border-radius:18px;padding:18px}.chat-header{border-bottom:1px solid #1d1d1f14;margin-bottom:8px}.chat-messages{gap:14px;padding:18px 4px}.message{max-width:min(76%,760px)}.message-content{box-shadow:none;border-radius:18px;padding:12px 16px;font-size:.95rem;line-height:1.55}.message-user .message-content{color:#111;background:#95ec69;border:1px solid #07c1602e}.message-bot .message-content{color:var(--neural-text);background:#fff;border:1px solid #1d1d1f14}.message-attachment,.attachment-chip,.url-detect-row span{color:var(--neural-text);background:#f5f5f7;border:1px solid #1d1d1f14}.chat-input-area{box-shadow:none;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffe6;border:1px solid #1d1d1f14;border-radius:18px;position:sticky;bottom:0}.chat-input-field,.setting-item input[type=text],.setting-item select,.lingbot-panel input,.lingbot-panel select{color:var(--neural-text)!important;box-shadow:none!important;background:#fff!important;border:1px solid #1d1d1f1f!important;border-radius:12px!important}.chat-input-field:focus,.setting-item input:focus,.setting-item select:focus,.lingbot-panel input:focus,.lingbot-panel select:focus{outline:none;border-color:#07c160b8!important;box-shadow:0 0 0 3px #07c16024!important}.input-action-btn,.send-btn{color:var(--neural-text);background:#fff;border:1px solid #1d1d1f1a}.send-btn{background:var(--neural-primary);color:#fff;border-color:var(--neural-primary)}.send-btn:disabled{color:#9ca3af;background:#eef0f2;border-color:#eef0f2}.input-action-btn:hover,.send-btn:hover:not(:disabled){box-shadow:none;border-color:#07c16059;transform:scale(.98)}.input-action-btn.recording{color:var(--neural-error);box-shadow:none;border-color:#d92d2052}.settings-sections{max-width:980px}.settings-section,.neural-card,.build-card,.group-card,.skill-card,.extension-card{box-shadow:none;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#ffffffdb;border:1px solid #1d1d1f14;border-radius:18px}.settings-section:hover,.neural-card:hover,.build-card:hover,.group-card:hover,.skill-card:hover,.extension-card:hover{box-shadow:none;background:#fff;border-color:#07c16038}.settings-section h3,.settings-section summary{color:var(--neural-text);border-bottom:1px solid #1d1d1f14}.settings-section summary:after{color:var(--neural-text-dim)}.setting-item:not(:last-child),.sidebar-user{border-color:#1d1d1f14}.setting-item label{color:var(--neural-text)}.lingbot-panel [style*="background: #1a1a2e"],.lingbot-panel [style*="background:#1a1a2e"]{background:#f5f5f7!important;border:1px solid #1d1d1f14!important}.lingbot-panel button,.setting-item button{box-shadow:none!important;border:1px solid #1d1d1f1a!important;border-radius:9999px!important}.lingbot-panel button[style*="background: #059669"],.setting-item button[style*="background: #059669"]{background:var(--neural-primary)!important;border-color:var(--neural-primary)!important;color:#fff!important}.status-badge,.badge,.build-status,.user-plan{border-radius:9999px}.mobile-bottom-nav{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffdb;border-top:1px solid #1d1d1f14}.mobile-nav-item{color:var(--neural-text-dim);background:0 0}.mobile-nav-item.active{color:var(--neural-primary);background:#07c1601a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1d1d1f29;border-radius:9999px}@media (width<=640px){.app-container{height:100dvh;overflow:hidden}.app-layout{flex:1;min-height:0}.app-sidebar,.layout-resizer{display:none}.app-main{width:100%;height:100%;min-height:0;padding:8px 8px calc(74px + env(safe-area-inset-bottom));overflow-y:auto}.chat-view{background:0 0;border:0;border-radius:0;min-height:100%;padding:10px}.chat-messages{padding:12px 0}.message{max-width:86%}.message-content{border-radius:16px;padding:10px 13px}.chat-input-area{bottom:calc(66px + env(safe-area-inset-bottom));border-radius:16px;position:sticky}.settings-section{padding:14px}.mobile-bottom-nav{z-index:200;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}body.client-shell .mobile-bottom-nav{display:grid}}