*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);line-height:1.5;color:var(--text-primary, #1a1a1a);background:var(--surface-main, #fff)}.slide-panel-backdrop{position:fixed;inset:0;background:#0006;z-index:var(--z-slide-panel, 30);animation:slide-panel-fade-in .15s ease-out}.slide-panel{position:fixed;top:0;right:0;height:100vh;background:var(--surface-main);border-left:1px solid var(--border-glow);box-shadow:-4px 0 20px #00000026,-2px 0 16px -4px var(--glow-primary-soft);display:flex;flex-direction:column;animation:slide-panel-slide-in .2s ease-out}.slide-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-thin);flex-shrink:0}.slide-panel-title{margin:0;font-family:var(--font-section);font-size:var(--text-lg, 16px);font-weight:500;letter-spacing:.04em;color:var(--text-primary);text-shadow:0 0 8px var(--glow-primary-soft)}.slide-panel-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary, #888);padding:0 4px;line-height:1}.slide-panel-close:hover{color:var(--text-primary, #1a1a1a)}.slide-panel-body{flex:1;overflow-y:auto;padding:16px 20px}@keyframes slide-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-panel-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:768px){.slide-panel{width:100vw;border-left:none}}.popover{position:fixed;z-index:var(--z-popover, 20);background:var(--surface-sidebar, #1a1d23);border:1px solid var(--border-glow, rgba(107, 138, 255, .25));border-radius:var(--radius-lg, 6px);padding:12px;box-shadow:0 4px 12px #0000004d,0 0 16px -4px var(--glow-primary-soft, rgba(107, 138, 255, .15));animation:popover-fade-in .1s ease-out}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-50%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}.modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal, 40);display:flex;align-items:center;justify-content:center;animation:modal-fade-in .15s ease-out}.modal{background:var(--surface-main, #fff);border:1px solid var(--border-glow, rgba(107, 138, 255, .25));border-radius:var(--radius-xl, 8px);box-shadow:0 8px 30px #0003,0 0 20px -4px var(--glow-primary-soft, rgba(107, 138, 255, .15));width:440px;max-height:80vh;display:flex;flex-direction:column;animation:modal-scale-in .15s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-thin, rgba(107, 138, 255, .12));flex-shrink:0}.modal-title{margin:0;font-family:var(--font-section, "Orbitron", sans-serif);font-size:var(--text-lg, 16px);font-weight:500;letter-spacing:.04em;text-shadow:0 0 8px var(--glow-primary-soft, rgba(107, 138, 255, .15))}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary, #888);padding:0 4px;line-height:1}.modal-close:hover{color:var(--text-primary, #1a1a1a)}.modal-body{flex:1;overflow-y:auto;padding:16px 20px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.modal{width:calc(100vw - 32px);max-width:440px}}:root{--surface-deepest: #0D0F12;--surface-sidebar: #141720;--surface-main: #1A1E28;--surface-elevated: #232834;--surface-hover: #2A3040;--surface-code: #232834;--surface-code-inline: #2A3040;--surface-input-readonly: #1A1E28;--surface-welcome: #0D0F12;--surface-card: #1A1E28;--surface-error: #3D1A1A;--surface-secondary-btn: #232834;--surface-secondary-btn-hover: #2A3040;--border-dark: rgba(107, 138, 255, .1);--border-light: rgba(107, 138, 255, .1);--border-input: #3A4560;--border-thin: rgba(107, 138, 255, .12);--border-glow: rgba(107, 138, 255, .25);--glow-primary: rgba(107, 138, 255, .35);--glow-primary-soft: rgba(107, 138, 255, .15);--glow-primary-text: rgba(107, 138, 255, .5);--glow-agent: rgba(139, 156, 247, .3);--glow-agent-soft: rgba(139, 156, 247, .12);--font-section: "Orbitron", sans-serif;--letter-spacing-section: .08em;--text-primary: #E8ECF4;--text-light: #E8ECF4;--text-secondary: #A0AABB;--text-muted: #6B7A8D;--text-dim: #A0AABB;--text-sidebar: #A0AABB;--text-sidebar-channel: #6B7A8D;--accent-primary: #6B8AFF;--accent-primary-hover: #5A76E0;--accent-agent: #8B9CF7;--status-online: #44b700;--status-offline: #4A5568;--status-error: #F56565;--font-brand: "Orbitron", sans-serif;--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: 10px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 24px;--text-4xl: 32px;--server-sidebar-width: 64px;--channel-sidebar-width: 240px;--server-icon-size: 44px;--agent-panel-width: 280px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--z-inline: 1;--z-dropdown: 10;--z-popover: 20;--z-slide-panel: 30;--z-modal: 40;--z-mobile-backdrop: 45;--z-mobile-drawer: 50;--z-mobile-header: 35;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08)}h1,h2,h3{font-family:var(--font-display)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;padding:4px 8px;border:1px solid var(--border-thin);border-radius:var(--radius-sm);box-shadow:0 0 8px -2px var(--glow-primary-soft);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s .4s;z-index:1000}[data-tooltip]:hover:after{opacity:1}.app{display:flex;height:100vh}.server-sidebar{width:var(--server-sidebar-width);background:var(--surface-deepest);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:6px;flex-shrink:0;position:relative;border-right:1px solid var(--border-thin)}.server-icon{width:var(--server-icon-size);height:var(--server-icon-size);border-radius:var(--icon-radius, 50%);background:linear-gradient(var(--icon-gradient-angle, 135deg),var(--icon-color-1, var(--surface-elevated)),var(--icon-color-2, var(--surface-elevated)));color:var(--text-light);border:none;font-size:var(--text-xl);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 0 0 2px transparent,0 0 0 3px var(--icon-ring-color, transparent);text-shadow:0 1px 2px rgba(0,0,0,.3);transition:border-radius .15s,background .15s,box-shadow .15s}.server-icon:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none}.server-icon[data-pattern=stripes]:before{background:repeating-linear-gradient(45deg,transparent,transparent 3px,currentColor 3px,currentColor 5px)}.server-icon[data-pattern=dots]:before{background:radial-gradient(circle 1.5px,currentColor 100%,transparent 100%);background-size:6px 6px}.server-icon[data-pattern=grid]:before{background:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:6px 6px}.server-icon:hover{border-radius:30%;box-shadow:0 0 0 2px var(--surface-deepest),0 0 0 4px var(--icon-ring-color, var(--accent-primary)),0 0 12px 2px var(--glow-primary-soft)}.server-icon.active{border-radius:30%;box-shadow:0 0 0 2px var(--surface-deepest),0 0 0 4px var(--accent-primary),0 0 12px 2px var(--glow-primary)}.server-icon.active:after{content:"";position:absolute;inset:0;background:var(--accent-primary);opacity:.25;pointer-events:none}.server-icon.server-add,.server-icon.server-join{background:transparent;color:var(--accent-primary);font-size:var(--text-2xl);border:1px dashed var(--accent-primary);box-shadow:none}.server-icon.server-add:before,.server-icon.server-join:before,.server-icon.server-add:after,.server-icon.server-join:after{display:none}.server-icon.server-add:hover,.server-icon.server-join:hover{background:var(--accent-primary);color:var(--text-light);border-color:var(--accent-primary);box-shadow:0 0 14px -2px var(--glow-primary)}.popover-form{width:200px}.popover-form h4{margin:0 0 8px;color:var(--text-light);font-size:var(--text-md);font-weight:600}.popover-form input{width:100%;padding:6px 8px;background:var(--surface-elevated);border:none;border-radius:var(--radius-md);color:var(--text-light);font-size:var(--text-base);margin-bottom:8px;box-sizing:border-box}.popover-form button{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-light);padding:6px 12px;font-size:var(--text-base);cursor:pointer;width:100%}.popover-form button:hover{background:var(--accent-primary-hover);box-shadow:0 0 14px -2px var(--glow-primary)}.sidebar{width:var(--channel-sidebar-width);background:var(--surface-sidebar);color:var(--text-sidebar);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border-thin)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-thin)}.sidebar-header-left{display:flex;align-items:center;gap:6px;min-width:0}.sidebar-username{font-family:var(--font-section);font-size:var(--text-lg);font-weight:600;letter-spacing:.06em;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 8px var(--glow-primary-soft)}.server-settings-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-xl);padding:0;line-height:1;flex-shrink:0}.server-settings-btn:hover{color:var(--text-light)}.sidebar-logout{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-base)}.sidebar-logout:hover{color:var(--text-light)}.sidebar-channels,.sidebar-dms{overflow-y:auto;padding:8px 0}.sidebar-channels{flex:1}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;font-family:var(--font-section);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);text-shadow:0 0 8px var(--glow-primary-soft)}.sidebar-add{background:none;border:none;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;padding:0 4px}.sidebar-add:hover{color:var(--text-light)}.sidebar-create{display:flex;gap:4px;padding:4px 12px}.sidebar-create input{flex:1;background:var(--surface-elevated);border:none;border-radius:var(--radius-md);color:var(--text-light);padding:4px 8px;font-size:var(--text-base)}.sidebar-create button{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-light);padding:4px 10px;font-size:var(--text-base);cursor:pointer}.sidebar-channel{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-sidebar-channel);padding:4px 16px;font-family:var(--font-section);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;cursor:pointer}.sidebar-channel:hover{background:#6b8aff0f;color:var(--text-light)}.sidebar-channel.active{background:#6b8aff1f;color:var(--text-light);border-left:2px solid var(--accent-primary);padding-left:14px;box-shadow:inset 4px 0 8px -4px var(--glow-primary-soft)}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.presence-dot.online{background:var(--status-online);box-shadow:0 0 6px #44b70080}.presence-dot.offline{background:var(--status-offline)}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface-main);position:relative}.main:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:0}.channel-header{padding:12px 20px;border-bottom:1px solid var(--border-thin);display:flex;align-items:center;gap:12px;box-shadow:0 1px 8px -2px var(--glow-primary-soft)}.channel-header h2{font-family:var(--font-section);font-size:var(--text-lg);font-weight:500;letter-spacing:.04em;margin:0;color:var(--text-primary);text-shadow:0 0 8px var(--glow-primary-soft)}.channel-header span{color:var(--text-secondary);font-size:var(--text-md)}.no-channel{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:var(--text-lg)}.message-list{flex:1;overflow-y:auto;padding:16px 20px}.message-empty{color:var(--text-secondary);text-align:center;margin-top:40px}.message-load-more{color:var(--text-secondary);text-align:center;padding:8px;font-size:var(--text-base)}.message{margin-bottom:12px;position:relative}.message-agent{padding-left:14px;background:linear-gradient(135deg,#8b9cf71a,#6b8aff08);border-radius:var(--radius-md);padding-top:6px;padding-bottom:6px;border:1px solid rgba(139,156,247,.12);border-left:3px solid var(--accent-agent);box-shadow:inset 0 0 30px #8b9cf70a,0 0 15px -4px #8b9cf71f;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}.message-agent:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent-agent),transparent 80%);opacity:.3}.message-agent:hover{box-shadow:inset 0 0 30px #8b9cf70f,0 0 20px -4px #8b9cf72e;border-left-color:#a0b0ff}.message-grouped{margin-bottom:2px;padding-left:0}.message-grouped.message-agent{padding-left:12px}.message-time-hover{position:absolute;left:-48px;top:2px;font-size:11px;color:var(--text-secondary);opacity:0;transition:opacity .1s}.message:hover .message-time-hover{opacity:1}.message-date-separator{display:flex;align-items:center;gap:12px;margin:20px 0 12px;font-size:var(--text-sm);color:var(--text-secondary)}.message-date-separator:before,.message-date-separator:after{content:"";flex:1;height:1px;background:var(--border-thin)}.message-author{font-weight:600;margin-right:8px;color:var(--text-primary)}.message-author-agent{color:var(--accent-agent);text-shadow:0 0 10px rgba(139,156,247,.25)}.bot-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-agent) 0%,#7B8FE8 100%);color:#fff;font-family:var(--font-section);font-size:9px;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);margin-right:6px;vertical-align:middle;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 4px rgba(255,255,255,.25);box-shadow:0 0 8px -1px var(--glow-agent),0 1px 2px #0000004d}.message-time{font-size:var(--text-sm);color:var(--text-secondary)}.message-content{margin-top:2px;min-width:0;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.widget-container{margin-top:8px;border:1px solid var(--border-thin);border-radius:var(--radius-md);overflow:hidden}.widget-iframe{width:100%;border:none;display:block;transition:height .15s ease}.widget-label{font-family:var(--font-section);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:3px 8px;border-top:1px solid var(--border-thin);background:var(--surface-elevated)}.message-edited{font-size:var(--text-xs);color:var(--text-muted);margin-left:4px}.typing-indicator{display:flex;align-items:center;padding:8px 12px;margin-bottom:4px;font-size:var(--text-base);color:var(--text-secondary)}.typing-indicator-names{font-weight:600;color:var(--accent-agent)}.typing-indicator-text{color:var(--text-secondary)}.typing-dots{display:inline-flex;gap:3px;margin-left:4px;align-items:center}.typing-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-agent);animation:typing-pulse 1.4s infinite both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.fmt-inline-code{background:var(--surface-code-inline);color:var(--text-primary);padding:1px 4px;border-radius:var(--radius-sm);font-size:var(--text-base);font-family:var(--font-mono)}.fmt-code-block{background:var(--surface-code);color:var(--text-primary);border:1px solid var(--border-thin);border-radius:var(--radius-md);padding:8px 12px;margin:4px 0;overflow-x:auto;font-size:var(--text-base);font-family:var(--font-mono)}.fmt-code-block code{background:none;padding:0}.compose{display:flex;padding:12px 20px;border-top:1px solid var(--border-thin);gap:8px}.compose-input{flex:1;padding:10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-lg);font-size:var(--text-md);outline:none;background:var(--surface-elevated);color:var(--text-primary)}.compose-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),0 0 12px -2px var(--glow-primary)}.compose-hidden-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;border-radius:var(--radius-sm);opacity:.5;transition:opacity .15s}.compose-hidden-toggle:hover{opacity:.8}.compose-hidden-toggle.active{opacity:1}.compose-hidden-toggle-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1}.compose-hidden-toggle-block{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.compose-send{background:var(--accent-primary);color:var(--text-light);border:none;border-radius:var(--radius-lg);padding:10px 20px;font-size:var(--text-md);cursor:pointer;transition:box-shadow .15s,background .15s}.compose-send:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 0 14px -2px var(--glow-primary)}.compose-send:disabled{opacity:.4;cursor:not-allowed}.channel-header-agents{display:flex;align-items:center;gap:6px}.agent-badge{width:28px;height:28px;border-radius:50%;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s;position:relative}.agent-badge span:first-child{display:flex;width:100%;height:100%;transition:transform .12s}.agent-badge:hover span:first-child{transform:scale(1.15)}.agent-badge svg{width:100%;height:100%}.agent-badge-offline{filter:grayscale(100%);opacity:.45}.agent-status-indicator{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:2px;border:1.5px solid var(--bg-primary)}.agent-status-indicator.online{background:var(--status-online);box-shadow:0 0 4px #44b70080}.agent-status-indicator.offline{background:var(--status-offline)}.channel-header-add-agent{width:28px;height:28px;border-radius:50%;border:1px dashed var(--text-muted);background:none;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:color .12s,border-color .12s,box-shadow .12s}.channel-header-add-agent:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px -2px var(--glow-primary)}.channel-header-create-agent{background:none;border:1px dashed var(--text-muted);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;padding:4px 10px;transition:color .12s,border-color .12s,box-shadow .12s}.channel-header-create-agent:hover{color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px -2px var(--glow-primary)}.channel-header-config{width:28px;height:28px;border-radius:var(--radius-md);border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:auto;transition:color .12s}.channel-header-config:hover{color:var(--text-primary)}.channel-header-members{width:28px;height:28px;border-radius:var(--radius-md);border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .12s}.channel-header-members:hover{color:var(--text-primary)}.create-channel-form{display:flex;flex-direction:column;gap:16px}.create-channel-label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.create-channel-input{background:var(--surface-elevated);border:1px solid var(--border-thin);border-radius:var(--radius-md);color:var(--text-light);padding:10px 12px;font-size:var(--text-base);text-transform:none;letter-spacing:normal;font-weight:400}.create-channel-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 8px -2px var(--glow-primary)}.create-channel-toggle{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:var(--text-md);cursor:pointer}.create-channel-toggle input[type=checkbox]{margin:0;cursor:pointer;width:16px;height:16px}.create-channel-submit{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-light);padding:10px 16px;font-size:var(--text-md);font-weight:500;cursor:pointer;transition:background .12s}.create-channel-submit:hover{filter:brightness(1.1)}.channel-members-list{display:flex;flex-direction:column;gap:2px}.channel-member-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:var(--radius-md)}.channel-member-row:hover{background:var(--surface-elevated)}.channel-member-name{font-size:var(--text-md);color:var(--text-primary)}.channel-member-remove,.channel-member-add{width:24px;height:24px;border-radius:50%;border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);transition:color .12s}.channel-member-remove:hover{color:var(--status-error)}.channel-member-add:hover{color:var(--accent-primary)}.channel-members-search{width:100%;background:var(--surface-elevated);border:none;border-radius:var(--radius-md);color:var(--text-light);padding:6px 8px;font-size:var(--text-md);margin-bottom:6px;box-sizing:border-box}.channel-members-empty{color:var(--text-muted);font-size:var(--text-sm);padding:8px;text-align:center}.agent-config-title{display:flex;align-items:center;gap:10px}.agent-config-badge{display:flex;width:36px;height:36px;flex-shrink:0}.agent-config-badge svg{width:100%;height:100%}.agent-panel-section{margin-bottom:12px}.agent-panel-section:last-child{margin-bottom:0}.agent-panel-section h4{margin:0 0 6px;font-family:var(--font-section);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.12em;text-shadow:0 0 8px var(--glow-primary-soft)}.agent-panel-empty{color:var(--text-secondary);font-size:var(--text-base);margin:4px 0}.agent-panel-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:var(--text-base)}.agent-panel-item button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:var(--text-sm)}.agent-panel-item button:hover{text-decoration:underline}.agent-panel-item-group{margin-bottom:4px}.agent-panel-actions{display:flex;align-items:center;gap:6px}.agent-status{font-size:12px;font-weight:500}.agent-status-connected{color:var(--text-positive, #3ba55d)}.agent-status-pending{color:var(--text-warning, #faa61a)}.agent-backend-select{width:100%;padding:3px 6px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:var(--text-base);background:var(--surface-elevated);color:var(--text-primary);color-scheme:dark;margin-bottom:4px}.agent-backend-select option{background:var(--surface-elevated);color:var(--text-primary)}.agent-connection-instructions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.agent-connection-instructions textarea{width:100%;padding:6px 8px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);background:var(--surface-input-readonly, var(--surface-main));color:var(--text-primary);color-scheme:dark;resize:none;line-height:1.4}.agent-connection-instructions button{background:var(--accent-primary);color:var(--text-light);border:none;border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;cursor:pointer}.agent-connection-instructions button:disabled{opacity:.5;cursor:default}.agent-connection-hint{width:100%;margin:2px 0 0;font-size:11px;color:var(--text-muted)}.agent-panel-create{display:flex;gap:4px;margin-top:6px}.agent-panel-create input{flex:1;padding:4px 8px;border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface-elevated);color:var(--text-primary)}.agent-panel-create button{background:var(--accent-primary);color:var(--text-light);border:none;border-radius:var(--radius-md);padding:4px 10px;font-size:var(--text-base);cursor:pointer}.agent-prompts-section{display:flex;flex-direction:column;gap:10px}.agent-prompt-group{display:flex;flex-direction:column;gap:4px}.agent-prompt-group label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.agent-prompt-group textarea{padding:6px 8px;border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;resize:vertical;background:var(--surface-elevated);color:var(--text-primary)}.agent-prompt-group button{align-self:flex-end;background:var(--accent-primary);color:var(--text-light);border:none;border-radius:var(--radius-md);padding:4px 10px;font-size:var(--text-sm);cursor:pointer}.agent-prompt-group button:hover{background:var(--accent-primary-hover)}.agent-delete-section{border-top:1px solid var(--border-subtle);padding-top:12px}.agent-delete-trigger{width:100%;background:none;border:1px solid var(--status-error);color:var(--status-error);border-radius:var(--radius-md);padding:6px 12px;font-size:var(--text-base);cursor:pointer}.agent-delete-trigger:hover{background:#ff3b3014}.agent-delete-options{display:flex;flex-direction:column;gap:8px}.agent-delete-option{display:flex;flex-direction:column;gap:2px;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;text-align:left;cursor:pointer;color:var(--text-primary)}.agent-delete-option strong{font-size:var(--text-base)}.agent-delete-option span{font-size:var(--text-sm);color:var(--text-muted)}.agent-delete-option:hover{border-color:var(--status-error)}.agent-delete-forget{border-color:var(--status-error);color:var(--status-error)}.agent-delete-forget strong{color:var(--status-error)}.agent-delete-cancel{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;padding:4px 0;text-decoration:underline}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--surface-main);color:var(--text-primary)}.florbo-robot{width:96px;height:96px;margin-bottom:12px;filter:drop-shadow(0 0 18px rgba(107,138,255,.35));animation:florbo-float 3s ease-in-out infinite}@keyframes florbo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.florbo-brand{font-family:var(--font-brand)!important;font-weight:800;font-size:42px;letter-spacing:.18em;margin-bottom:24px;color:var(--text-primary);text-shadow:0 0 10px rgba(107,138,255,.5),0 0 30px rgba(107,138,255,.2)}.login-container h1{font-size:var(--text-4xl);margin-bottom:24px;color:var(--text-primary)}.login-form{display:flex;flex-direction:column;gap:12px;width:320px}.login-form h2{margin:0 0 4px}.login-form input{padding:10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-lg);font-size:var(--text-md);background:var(--surface-elevated);color:var(--text-primary)}.login-form button[type=submit]{background:var(--accent-primary);color:var(--text-light);border:none;border-radius:var(--radius-lg);padding:10px;font-size:var(--text-md);cursor:pointer}.login-form button[type=submit]:hover{background:var(--accent-primary-hover);box-shadow:0 0 14px -2px var(--glow-primary)}.link-button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:var(--text-base);text-align:center}.link-button:hover{text-decoration:underline}.error{color:var(--status-error);font-size:var(--text-md);background:var(--surface-error);padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--status-error)}.welcome-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--surface-welcome)}.welcome-card{background:var(--surface-card);border:1px solid var(--border-glow);border-radius:var(--radius-xl);padding:40px;width:400px;box-shadow:0 0 20px -4px var(--glow-primary-soft);text-align:center;color:var(--text-primary)}.welcome-card h1{font-family:var(--font-section);font-size:var(--text-2xl);font-weight:600;letter-spacing:.04em;margin:0 0 8px;color:var(--text-primary);text-shadow:0 0 8px var(--glow-primary-soft)}.welcome-subtitle{color:var(--text-muted);font-size:var(--text-md);margin:0 0 24px}.welcome-choices{display:flex;flex-direction:column;gap:12px}.welcome-btn{padding:12px 20px;border-radius:var(--radius-lg);font-size:var(--text-md);cursor:pointer;border:none}.welcome-btn.primary{background:var(--accent-primary);color:var(--text-light)}.welcome-btn.primary:hover{background:var(--accent-primary-hover);box-shadow:0 0 14px -2px var(--glow-primary)}.welcome-btn.secondary{background:var(--surface-secondary-btn);color:var(--text-dim)}.welcome-btn.secondary:hover{background:var(--surface-secondary-btn-hover)}.welcome-form{display:flex;flex-direction:column;gap:12px;text-align:left}.welcome-form label{font-size:var(--text-base);font-weight:600;color:var(--text-dim)}.welcome-form input{padding:10px 14px;border:1px solid var(--border-input);border-radius:var(--radius-lg);font-size:var(--text-md);background:var(--surface-elevated);color:var(--text-primary)}.welcome-form-actions{display:flex;gap:8px;justify-content:flex-end}.welcome-logout{margin-top:20px}.agent-panel-item button:active,.agent-connection-instructions button:active,.agent-panel-create button:active,.agent-prompt-group button:active,.compose-send:active:not(:disabled),.welcome-btn:active,.popover-form button:active{transform:scale(.97);opacity:.85}.mobile-header{display:none}.sidebar-drawer{display:contents}.mobile-backdrop{display:none}@media(max-width:768px){.app{flex-direction:column}.mobile-header{display:flex;align-items:center;gap:12px;padding:0 16px;height:48px;background:var(--surface-sidebar);border-bottom:1px solid var(--border-thin);flex-shrink:0;z-index:var(--z-mobile-header)}.mobile-hamburger{background:none;border:none;color:var(--text-primary);padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-header-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-drawer{display:flex;position:fixed;top:0;left:0;bottom:0;width:304px;z-index:var(--z-mobile-drawer);transform:translate(-100%);transition:transform .25s ease-out}.sidebar-drawer.open{transform:translate(0)}.mobile-backdrop{display:block;position:fixed;inset:0;background:#00000080;z-index:var(--z-mobile-backdrop);animation:mobile-backdrop-fade-in .2s ease-out}@keyframes mobile-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.main{flex:1;min-height:0}.channel-header{padding:8px 12px;gap:8px}.channel-header h2{font-size:var(--text-md)}.message-list{padding:12px}.message-time-hover{display:none}.message{margin-bottom:8px}.compose{padding:8px 12px}.compose-input{padding:10px 12px;font-size:16px}.compose-send{padding:10px 16px;min-width:44px;min-height:44px}.compose-hidden-toggle{min-width:44px;min-height:44px}.sidebar-channel{padding:10px 16px;min-height:44px;display:flex;align-items:center}.server-icon{min-width:44px;min-height:44px}.welcome-card{width:calc(100vw - 32px);max-width:400px;padding:24px}.login-form{width:calc(100vw - 32px);max-width:320px}}.browse-servers-list{display:flex;flex-direction:column;gap:2px}.browse-servers-empty{color:var(--text-secondary);font-size:var(--text-md);text-align:center;padding:20px 0;margin:0}.browse-server-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-lg);transition:background .12s}.browse-server-row:hover{background:var(--surface-hover)}.browse-server-icon{width:40px;height:40px;border-radius:var(--icon-radius, 50%);background:linear-gradient(var(--icon-gradient-angle, 135deg),var(--icon-color-1, var(--surface-elevated)),var(--icon-color-2, var(--surface-elevated)));color:var(--text-light);font-size:var(--text-lg);font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden}.browse-server-icon:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none}.browse-server-icon[data-pattern=stripes]:before{background:repeating-linear-gradient(45deg,transparent,transparent 3px,currentColor 3px,currentColor 5px)}.browse-server-icon[data-pattern=dots]:before{background:radial-gradient(circle 1.5px,currentColor 100%,transparent 100%);background-size:6px 6px}.browse-server-icon[data-pattern=grid]:before{background:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:6px 6px}.browse-server-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.browse-server-name{font-size:var(--text-md);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-server-desc{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-server-members{font-size:var(--text-xs);color:var(--text-muted)}.browse-server-join{background:var(--accent-primary);color:var(--text-light);border:none;border-radius:var(--radius-md);padding:6px 14px;font-size:var(--text-sm);font-weight:500;cursor:pointer;flex-shrink:0;transition:background .12s,box-shadow .12s}.browse-server-join:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 0 12px -2px var(--glow-primary)}.browse-server-join:disabled{opacity:.5;cursor:not-allowed}.browse-server-join:active:not(:disabled){transform:scale(.97)}