@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-deep:#0f1012;--bg-base:#121316;--bg-surface:#17181c;--bg-elevated:#202126;--bg-overlay:#282a30;--accent-primary:#d8dbe2;--accent-primary-glow:transparent;--accent-secondary:#9fa5b2;--accent-secondary-glow:transparent;--accent-purple:#b6bac4;--accent-purple-glow:transparent;--accent-pink:#f071a8;--accent-green:#4fcf88;--accent-green-glow:transparent;--accent-amber:#e2b45c;--accent-red:#f2766d;--gradient-primary:#d8dbe2;--gradient-purple:#b6bac4;--gradient-green:#4fcf88;--gradient-warm:#e2b45c;--gradient-mesh:none;--text-primary:#f5f5f7;--text-secondary:#b4b5bd;--text-tertiary:#8b8d98;--text-muted:#646772;--glass-bg:#17181c;--glass-border:#2b2d34;--glass-hover:#22242a;--glass-blur:0px;--border-subtle:#24262d;--border-default:#343741;--border-active:#7a808c;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--radius-xl:8px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--header-height:76px}:root[data-theme=light]{--bg-deep:#eeeeef;--bg-base:#f4f4f5;--bg-surface:#fff;--bg-elevated:#e9e9eb;--bg-overlay:#dddddf;--accent-primary:#30343d;--accent-primary-glow:transparent;--accent-secondary:#59606b;--accent-secondary-glow:transparent;--accent-purple:#747b86;--accent-purple-glow:transparent;--accent-pink:#c94b83;--accent-green:#23875b;--accent-green-glow:transparent;--accent-amber:#a16c16;--accent-red:#c5524b;--gradient-primary:#30343d;--gradient-purple:#747b86;--gradient-green:#23875b;--gradient-warm:#a16c16;--gradient-mesh:none;--text-primary:#1d2027;--text-secondary:#50545f;--text-tertiary:#747986;--text-muted:#9a9faa;--glass-bg:#fff;--glass-border:#d9d9dd;--glass-hover:#eeeeef;--border-subtle:#dedee2;--border-default:#c8c9cf;--border-active:#7e8490;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-glow:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-deep);color:var(--text-primary);width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow:hidden}#root{width:100vw;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout{background:var(--bg-deep);background-image:var(--gradient-mesh);width:100%;height:100vh;display:flex}.main-area{background:var(--bg-base);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{background:var(--bg-base);flex:1;min-height:0;padding:20px 22px 24px;overflow-y:auto}.main-content-scroll-lock{flex-direction:column;display:flex;overflow:hidden}:root[data-theme=light] .header{background:var(--bg-base)}:root[data-theme=light] .header-tabs,:root[data-theme=light] .header-theme-toggle{background:#fff}:root[data-theme=light] .header-tab:hover{background:#eeeeef}:root[data-theme=light] .header-tab.active{color:#1f2535;background:#e6e8ec}:root[data-theme=light] .header-panel-toggle{color:var(--text-secondary);border-color:var(--border-default);background:#fff}:root[data-theme=light] .header-panel-toggle:hover{color:var(--text-primary);border-color:var(--border-active);background:#eeeeef}:root[data-theme=light] .chat-input-area,:root[data-theme=light] .chat-sidebar{background:#f4f4f5}:root[data-theme=light] .community-channel-item{background:#f7f7f8}:root[data-theme=light] .message-copy-btn{color:#59606b;background:#eff1f5f2;border-color:#7e849057}:root[data-theme=light] .message-copy-btn:hover{color:#252932;border-color:#60667280}:root[data-theme=light] .chat-message.user .message-content{color:#252932;background:#30343d14;border-color:#30343d29}:root[data-theme=light] .chat-message.assistant .message-content{color:#252932;background:#ffffffe6;border-color:#7e849038}:root[data-theme=light] .chat-message.system .message-content{color:#875a13;background:#d298271f;border-color:#c182143d}:root[data-theme=light] .chat-model-loaded.loaded{color:#2e8a66;background:#22c55e1a;border-color:#2e8a6638}:root[data-theme=light] .chat-model-loaded.unloaded{color:#b4232c;background:#ef44441a;border-color:#b4232c38}:root[data-theme=light] .chat-superpowers-pill.on{color:#176448;background:#22c55e1f;border-color:#1764483d}:root[data-theme=light] .chat-superpowers-pill.off{color:#8a4b0f;background:#f59e0b21;border-color:#8a4b0f3d}:root[data-theme=light] .message-stats{color:#747986}:root[data-theme=light] .message-source-pill{color:#4c535f;background:#eff1f5eb;border-color:#7e849047}:root[data-theme=light] .message-source-pill:hover{color:#252932;background:#e5e8ee}:root[data-theme=light] .community-message.mine{background:#e8e9ecf5;border-color:#7e849057}:root[data-theme=light] .community-message.mine .community-message-author{color:#59606b}:root[data-theme=light] .community-message.mine .community-message-content{color:#252932}:root[data-theme=light] .community-message.mine .community-message-time{color:#747986}:root[data-theme=light] .community-message{background:#eff0f3eb;border-color:#7e84904d}:root[data-theme=light] .community-message .community-message-author{color:#59606b}:root[data-theme=light] .community-message .community-message-content{color:#252932}:root[data-theme=light] .community-message .community-message-time{color:#747986}:root[data-theme=light] .model-family-item.collapsed{background:#edeff3f0;border-color:#7e849059}:root[data-theme=light] .model-family-item.collapsed:hover{background:#e4e7edfa;border-color:#60667273}:root[data-theme=light] .model-family-item.expanded{background:#fafbfcfa;border-color:#7e849061}:root[data-theme=light] .model-variant-item{background:#f2f4f8fa;border-color:#7e849057}:root[data-theme=light] .model-variant-item:hover{background:#eaedf3;border-color:#60667275}:root[data-theme=light] .model-live-proposal{color:#59606b}:root[data-theme=light] .model-size{color:#4c535f;background:#7e84901f;border:1px solid #7e849047}:root[data-theme=light] .health-pill{box-shadow:none}:root[data-theme=light] .health-pill.ok{color:var(--text-secondary);border-color:var(--border-default);background:0 0}:root[data-theme=light] .health-pill.bad{color:var(--accent-red);background:0 0;border-color:#c5524b7a}:root[data-theme=light] .model-size-live{color:#3d434d;background:#30343d1a}:root[data-theme=light] .community-badge.public{color:#3d434d;background:#e2e5eba6;border-color:#60667285}:root[data-theme=light] .community-badge.private{color:#8a2f68;background:#efbadc6b;border-color:#ab4e847a}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--accent-green)}.status-dot.offline{background:var(--accent-red)}.header{min-height:var(--header-height);background:var(--bg-base);border-bottom:0;flex-shrink:0;align-items:center;padding:12px 22px;display:flex;position:relative}.header-top{grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:16px;width:100%;display:grid}.header-brand{align-items:center;gap:12px;min-width:222px;display:inline-flex}.header-brand-logo{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:42px;height:42px;display:block}.header-brand-copy{min-width:0}.header-brand-title{color:var(--text-primary);letter-spacing:0;font-size:25px;font-weight:800;line-height:1}.header-brand-subtitle{color:var(--text-tertiary);white-space:nowrap;margin-top:4px;font-size:13px;font-weight:500;line-height:1.2}.header-tabs{border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:var(--radius-lg);justify-content:flex-start;justify-self:start;gap:6px;width:fit-content;min-width:0;max-width:100%;height:52px;padding:5px;display:flex;overflow-x:auto}.header-tab{border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 18px;font-size:15px;font-weight:600}.header-tab:hover{color:var(--text-primary);background:#ffffff0a}.header-tab.active{color:var(--text-primary);background:#2d2f36}.header-node-chip{color:var(--text-tertiary);white-space:nowrap;border-left:1px solid var(--border-default);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.header-theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.header-theme-toggle:hover{color:var(--text-primary);border-color:var(--border-active)}.header-panel-toggle{border:1px solid var(--border-default);background:var(--bg-elevated);width:40px;height:40px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;line-height:1;display:inline-flex}.header-panel-toggle:hover{color:var(--text-primary);border-color:var(--border-active)}.header-badge{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.header-badge.connected{color:var(--accent-green);background:#10b9811a;border-color:#10b98133}.header-badge.disconnected{color:var(--accent-red);background:#ef44441a;border-color:#ef444433}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-active)}.stat-card.blue:before{background:var(--gradient-primary)}.stat-card.purple:before{background:var(--gradient-purple)}.stat-card.green:before{background:var(--gradient-primary)}.stat-card.warm:before{background:var(--gradient-purple)}.stat-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.stat-icon.blue{color:var(--accent-primary);background:#747b8626}.stat-icon.purple{color:var(--accent-purple);background:#747b8626}.stat-icon.green{color:var(--accent-primary);background:#747b8626}.stat-icon.warm{color:var(--accent-purple);background:#747b8626}.stat-value{letter-spacing:-.02em;margin-bottom:2px;font-family:JetBrains Mono,Inter,monospace;font-size:18px;font-weight:800;line-height:1}.stat-unit{color:var(--text-secondary);margin-left:4px;font-size:14px;font-weight:400}.stat-change{color:var(--text-tertiary);align-items:center;gap:4px;font-size:11px;display:flex}.usage-bar-container{margin-top:var(--space-sm)}.usage-bar-header{color:var(--text-tertiary);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.usage-bar{background:var(--bg-overlay);border-radius:var(--radius-full);height:6px;overflow:hidden}.usage-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out);position:relative}.usage-bar-fill.blue{background:var(--gradient-primary)}.usage-bar-fill.purple{background:var(--gradient-purple)}.usage-bar-fill.green{background:var(--gradient-green)}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-primary);font-size:16px;font-weight:600}.section-count{color:var(--text-tertiary);background:var(--bg-elevated);border-radius:var(--radius-full);padding:4px 12px;font-size:13px}.worker-grid{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.worker-filters{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.worker-search-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px;color:var(--text-primary);transition:border-color var(--duration-fast);outline:none;flex:220px;padding:7px 12px;font-family:inherit;font-size:12px}.worker-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow)}.worker-search-input::placeholder{color:var(--text-muted)}.worker-status-filter{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-shrink:0;gap:2px;padding:2px;display:flex}.worker-status-filter-btn{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;padding:5px 10px;font-size:11px;font-weight:600}.worker-status-filter-btn:hover{color:var(--text-secondary)}.worker-status-filter-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.worker-empty-state{text-align:center;color:var(--text-tertiary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:24px;font-size:13px}.worker-context-menu{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:160px;padding:4px;box-shadow:0 8px 24px #00000059}.worker-context-menu-item{text-align:left;width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;display:block}.worker-context-menu-item:hover:not(:disabled){background:var(--glass-bg)}.worker-context-menu-item:disabled{color:var(--text-tertiary);cursor:not-allowed}.team-notice-banner{margin-bottom:var(--space-md);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.team-panel{margin-bottom:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 16px}.team-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.team-panel-name{color:var(--text-primary);font-size:15px;font-weight:600}.team-panel-meta{color:var(--text-tertiary);font-size:13px}.team-panel-vote-banner{color:var(--text-primary);border-radius:var(--radius-sm);background:#ffc10714;border:1px solid #ffc10740;margin-bottom:10px;padding:8px 12px;font-size:13px}.team-panel-members{flex-direction:column;gap:6px;display:flex}.team-panel-member{background:var(--bg-elevated);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-size:13px;display:flex}.team-panel-member-label{color:var(--text-primary)}.team-panel-member-meta{color:var(--text-tertiary)}.team-panel-pending{flex-direction:column;gap:4px;margin-top:10px;display:flex}.team-panel-pending-item{color:var(--text-tertiary);font-size:12px}.worker-virtual-grid{width:100%;margin-bottom:var(--space-lg)}.worker-virtual-row{gap:var(--space-sm);box-sizing:border-box;padding-bottom:var(--space-sm);display:flex}.worker-virtual-row-cell{flex:190px;min-width:0}.worker-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:border-color var(--duration-normal) var(--ease-out);padding:10px}.worker-card:hover{border-color:var(--border-default)}.worker-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.worker-info{align-items:center;gap:8px;min-width:0;display:flex}.worker-avatar{background:var(--bg-elevated);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.worker-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:11px;font-weight:600;overflow:hidden}.worker-os{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.worker-header-badges{flex-shrink:0;align-self:flex-end;align-items:center;gap:4px;display:flex}.worker-status-badge{border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;box-shadow:none;background:0 0;align-items:center;gap:4px;padding:2px 5px;font-size:8px;font-weight:600;display:flex}.worker-status-badge.online{border-color:var(--border-default);color:var(--text-secondary);background:0 0}.worker-status-badge.fast{color:var(--accent-green);background:#4fcf8814;border-color:#4fcf8866}.worker-status-badge.slow{color:var(--accent-amber);background:#e2b45c14;border-color:#e2b45c73}.worker-outdated-badge{border-radius:var(--radius-sm);color:var(--accent-red);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:#f2766d14;border:1px solid #f2766d66;padding:2px 5px;font-size:8px;font-weight:600;text-decoration:none;display:block}.worker-outdated-badge:hover{background:#f2766d29}.worker-card-clickable{cursor:pointer}.worker-status-badge.offline{color:var(--accent-red);background:0 0;border-color:#f2766d80}.worker-status-badge.busy{color:var(--accent-amber);background:0 0;border-color:#e2b45c80}.status-dot.busy{background:var(--accent-amber);animation:1.4s ease-in-out infinite worker-busy-pulse}@keyframes worker-busy-pulse{0%,to{opacity:1}50%{opacity:.35}}.worker-specs{background:var(--bg-base);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:4px 8px;margin-bottom:8px;padding:8px;display:grid}.spec-item{flex-direction:column;gap:1px;display:flex}.spec-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:8px;font-weight:600}.spec-value{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:26px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.spec-value.trust-quarantined{color:var(--accent-red)}.spec-value.trust-trusted{color:var(--accent-green)}.allocation-section{margin-top:8px}.allocation-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.allocation-label{color:var(--text-secondary);font-size:10px;font-weight:500}.allocation-value{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.allocation-sync-status{color:var(--text-tertiary);margin-top:4px;font-size:9px}.allocation-sync-status.pending{color:var(--text-tertiary)}.allocation-sync-status.applied{color:#86efac}.allocation-sync-status.failed{color:#fca5a5}.mesh-diag-panel{margin-bottom:var(--space-md)}.mesh-diag-grid{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.mesh-diag-metric{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px}.mesh-diag-metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;font-weight:600}.mesh-diag-metric-value{color:var(--text-primary);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.mesh-diag-metric-hint{color:var(--text-muted);margin-top:2px;font-size:10px}.mesh-diag-note{color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:12px}.mesh-diag-error{color:#fca5a5}.mesh-diag-issues{margin-top:var(--space-sm)}.mesh-diag-issues-title{color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:12px;font-weight:600}.health-pill{border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--text-secondary);box-shadow:none;background:0 0;justify-content:center;align-items:center;gap:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.health-pill.ok{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.health-pill.bad{color:var(--accent-red);background:0 0;border-color:#f2766d7a}.public-health-toolbar{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.public-health-control{color:var(--text-tertiary);align-items:center;gap:8px;font-size:11px;display:flex}.public-health-control span{text-transform:uppercase;letter-spacing:.06em}.public-health-control select{background:var(--bg-base);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);padding:5px 8px;font-size:12px}.slo-mini-chart-grid{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.slo-mini-chart{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px}.slo-mini-chart-title{color:var(--text-tertiary);margin-bottom:6px;font-size:11px}.slo-mini-chart-svg{width:100%;height:44px;display:block}.slo-mini-chart-line{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.slo-chart-success .slo-mini-chart-line{stroke:#22c55e}.slo-chart-ttft .slo-mini-chart-line{stroke:#38bdf8}.slo-mini-chart-value{color:var(--text-secondary);margin-top:6px;font-family:JetBrains Mono,monospace;font-size:12px}.ledger-pagination{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.ledger-pagination-actions{gap:8px;display:flex}.admin-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=1024px){.admin-grid{grid-template-columns:1fr}}.admin-column{gap:var(--space-lg);flex-direction:column;align-self:start;display:flex}.admin-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.admin-card-compact{padding:var(--space-lg)}.admin-card-title{margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:15px;font-weight:600;display:flex}.model-list{gap:var(--space-sm);flex-direction:column;display:flex}.model-section-divider{margin:var(--space-lg) 0 var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);align-items:center;display:flex}.model-section-divider-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:12px;font-weight:600}.model-item{padding:var(--space-md);background:var(--bg-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--duration-fast);justify-content:space-between;align-items:center;display:flex}.model-item:hover{border-color:var(--border-default);background:var(--bg-elevated)}.public-health-list,.slo-alert-list{border-top:1px solid var(--border-subtle);gap:0}.model-item.public-health-item,.model-item.slo-alert-item{border-width:0 0 1px;border-color:var(--border-subtle);box-shadow:none;background:0 0;border-radius:0;padding:14px 0}.model-item.public-health-item:hover,.model-item.slo-alert-item:hover{border-color:var(--border-subtle);background:0 0}.model-family-item.collapsed{background:#272a3180;border-color:#7e849042}.model-family-item.collapsed:hover{background:#30343d99;border-color:#9196a157}.model-family-item.expanded{background:#121316eb;border-color:#7e849052}.model-variant-item{background:#15161a;border-color:#343741c7}.model-variant-item:hover{background:#1d1f25;border-color:#7e84906b}.model-name{font-size:13px;font-weight:600}.model-meta{color:var(--text-tertiary);margin-top:2px;font-size:11px}.model-capacity{color:var(--accent-amber);font-weight:600}.model-eligibility-ok{color:var(--accent-green);font-weight:600}.model-eligibility-bad{color:#fca5a5;font-weight:600}.model-size{color:var(--accent-secondary);border-radius:var(--radius-full);background:#06b6d41a;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.model-size-live{color:var(--text-secondary);background:#d8dbe229}.model-live-proposal{color:var(--text-secondary);font-weight:600}.empty-state{padding:var(--space-2xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.empty-state-title{margin-bottom:var(--space-sm);font-size:18px;font-weight:600}.empty-state-desc{color:var(--text-tertiary);max-width:400px;font-size:14px;line-height:1.6}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--bg-base)}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--glass-hover);color:var(--text-primary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s var(--ease-out)}.animate-slide-up{animation:slide-up .5s var(--ease-out)}.page-view{animation:fade-in .3s var(--ease-out)}.chat-layout{height:100%;min-height:0;animation:fade-in .3s var(--ease-out);gap:0;display:flex}.chat-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-messages{min-height:0;padding:var(--space-md);flex-direction:column;flex:1;gap:10px;padding-bottom:10px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;padding:var(--space-2xl) var(--space-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-welcome-icon{margin-bottom:var(--space-md);color:var(--accent-primary);font-size:56px}.chat-welcome-title{margin-bottom:var(--space-sm);letter-spacing:-.02em;font-size:24px;font-weight:700}.chat-welcome-desc{color:var(--text-tertiary);max-width:400px;font-size:14px;line-height:1.7}.chat-message{gap:0;max-width:90%;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message.system{align-self:center;max-width:70%}.message-body{min-width:0}.message-actions{justify-content:flex-end;margin-bottom:2px;display:flex}.message-copy-btn{border:1px solid var(--border-default);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#0f172abf;padding:2px 7px;font-size:9px}.message-copy-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.message-content{border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;padding:10px 13px;font-size:13px;line-height:1.5}.chat-message.user .message-content{color:var(--text-primary);background:#d8dbe21f;border:1px solid #d8dbe22e;border-top-right-radius:4px}.chat-message.assistant .message-content{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-top-left-radius:4px}.chat-message.system .message-content{color:var(--accent-amber);text-align:center;background:#f59e0b14;border:1px solid #f59e0b26;font-size:12px}.chat-message.streaming .message-content{border-color:#d8dbe247}.chat-message.note{align-self:center;max-width:70%}.message-note-author{color:var(--text-tertiary);margin-bottom:3px;padding:0 2px;font-size:10px;font-weight:600}.chat-message.note .message-content{color:var(--text-secondary);text-align:center;background:#8b5cf614;border:1px solid #8b5cf633;font-size:12px;font-style:italic}.streaming-cursor{color:var(--accent-primary);font-weight:400;animation:.6s step-end infinite blink-cursor;display:inline}@keyframes blink-cursor{50%{opacity:0}}.message-stats{color:var(--text-muted);margin-top:4px;padding-left:13px;font-family:JetBrains Mono,monospace;font-size:10px}.message-truncated-note{color:#b45309}.message-source-pills{flex-wrap:wrap;gap:4px;margin-top:8px;padding-left:13px;display:flex}.message-source-pill{color:var(--text-secondary);letter-spacing:.01em;background:#262930a3;border:1px solid #9196a147;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.2;text-decoration:none}.message-source-pill:hover{color:var(--text-primary);background:#30343dc2;border-color:#adb1b966}.chat-input-area{padding:14px var(--space-lg) 12px;border-top:1px solid var(--border-subtle);margin-right:var(--space-md);background:#05081066;position:relative}.chat-input-area.drag-over{box-shadow:inset 0 0 0 1px var(--accent-primary);background:#1c1e23b3}.chat-input-drag-handle{cursor:ns-resize;justify-content:center;align-items:center;height:6px;display:flex;position:absolute;top:0;left:0;right:0}.chat-input-drag-handle:before{content:"";border-radius:var(--radius-full);background:var(--border-default);width:36px;height:3px}.chat-input-drag-handle:hover:before{background:var(--accent-primary)}.chat-file-input-hidden{display:none}.chat-attachment-toolbar{flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.chat-attachment-hint{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.chat-attachment-summary{color:var(--text-secondary);margin-bottom:8px;font-size:11px}.chat-attachment-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.chat-attachment-item{border:1px solid var(--border-default);background:#080d1ccc;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.chat-attachment-item.ready{border-color:#10b98180}.chat-attachment-item.error{border-color:#ef444499}.chat-attachment-main{min-width:0}.chat-attachment-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-attachment-meta{color:var(--text-muted);font-size:11px}.chat-attachment-status{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:11px;overflow:hidden}.chat-attachment-item.error .chat-attachment-status{color:#fca5a5}.chat-attachment-remove{border:1px solid var(--border-default);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px}.chat-attachment-preview-toggle{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:#14214280;border-radius:8px;padding:4px 8px;font-size:11px}.chat-attachment-preview-toggle:hover{border-color:var(--accent-primary);color:var(--text-primary)}.chat-attachment-preview{white-space:pre-wrap;color:var(--text-secondary);border:1px solid var(--border-subtle);background:#03061099;border-radius:8px;grid-column:1/-1;padding:8px;font-size:11px}.chat-attachment-remove:hover{color:var(--text-primary);border-color:var(--border-strong)}.message-attachments-used{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.message-attachment-chip{color:var(--text-secondary);background:#30343d38;border:1px solid #9196a166;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:inline-flex}.chat-clear-btn{flex-shrink:0;margin-left:auto}.chat-input-row{gap:var(--space-sm);align-items:flex-end;display:flex}.chat-input{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);resize:none;min-height:40px;max-height:60vh;transition:border-color var(--duration-fast);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.4}.chat-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{border-radius:var(--radius-md);background:var(--gradient-primary);width:40px;height:40px;color:var(--bg-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.chat-send-btn:hover:not(:disabled){filter:brightness(1.1)}.chat-send-btn:disabled{opacity:.32;cursor:not-allowed}.chat-send-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.chat-send-btn.stop{background:var(--accent-red)}.chat-stop-icon{background:var(--bg-base);border-radius:2px;width:12px;height:12px}@keyframes spin{to{transform:rotate(360deg)}}.chat-generating-indicator{padding-top:var(--space-sm);color:var(--text-tertiary);align-items:center;gap:6px;font-size:12px;display:flex}.generating-dot{background:var(--accent-primary);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite generating-pulse}.generating-dot:nth-child(2){animation-delay:.2s}.generating-dot:nth-child(3){animation-delay:.4s}.generating-status-text{color:#dc2626}.generating-speculative-badge{color:var(--accent-green);white-space:nowrap;background:#4fcf8824;border:1px solid #4fcf8859;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.generating-web-lookup-badge{color:var(--accent-purple);white-space:nowrap;background:#b6bac424;border:1px solid #b6bac459;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.chat-busy-banner{margin-bottom:var(--space-sm);color:#b91c1c;background:#dc262614;border:1px solid #dc262640;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;animation:2.4s ease-in-out infinite busy-banner-pulse;display:flex}.chat-busy-banner:before{content:"";background:#dc2626;border-radius:50%;flex:none;width:7px;height:7px;animation:1.2s ease-in-out infinite busy-dot-pulse}@keyframes busy-banner-pulse{0%,to{background:#dc262614}50%{background:#dc262624}}@keyframes busy-dot-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes generating-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.chat-sidebar{border-left:1px solid var(--border-subtle);background:#05081066;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}.chat-sidebar-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle)}.chat-sidebar-section:last-child{border-bottom:none}.chat-sidebar-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-md);font-size:11px;font-weight:600}.chat-model-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:8px 12px;font-family:inherit;font-size:12px}.chat-model-select:focus{border-color:var(--accent-primary)}.chat-model-select option{background:var(--bg-surface);color:var(--text-primary)}.chat-model-actions{margin-top:var(--space-sm)}.chat-superpowers-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.chat-superpowers-row.disabled{opacity:.7}.chat-superpowers-toggle{color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:11px;display:inline-flex}.chat-superpowers-toggle input[type=checkbox]{width:14px;height:14px}.chat-superpowers-pill{border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.chat-superpowers-pill.on{color:#065f46;background:#10b98124;border-color:#10b9814d}.chat-superpowers-pill.off{color:#7c2d12;background:#f59e0b24;border-color:#f59e0b52}.chat-superpowers-hint{color:var(--text-muted);margin-top:6px;font-size:10px;line-height:1.35}.chat-model-loaded{margin-top:var(--space-sm);border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.chat-model-loaded.loaded{color:var(--accent-green);background:#10b98114;border-color:#10b98133}.chat-model-loaded.unloaded{color:#f87171;background:#ef44441a;border-color:#ef444447}.chat-shard-diagnostics{margin-top:var(--space-sm);flex-direction:column;gap:6px;display:flex}.chat-shard-diagnostic{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:6px;padding:6px 10px;font-size:11px;line-height:1.45;display:flex}.chat-shard-diagnostic.ok{color:var(--accent-green);background:#10b98114;border-color:#10b98133}.chat-shard-diagnostic.blocked{color:#f87171;background:#ef44441a;border-color:#ef444438}.chat-no-models{color:var(--text-tertiary);font-size:12px;line-height:1.5}.chat-model-blocked-banner{width:100%;max-width:640px;margin:var(--space-md) auto 0;padding:0 var(--space-md);flex-shrink:0}.chat-active-workers-card{width:100%;max-width:640px;margin:var(--space-sm) 0 0;padding:0 var(--space-md);flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.chat-active-workers-label{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.chat-active-workers-row{flex:auto;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.chat-active-workers-row.collapsed{flex-wrap:nowrap;overflow:hidden}.chat-active-workers-row.expanded{flex-wrap:wrap}.chat-active-workers-measure{visibility:hidden;white-space:nowrap;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:-9999px;left:0}.chat-active-worker-chip{color:var(--text-secondary);white-space:nowrap;background:#10b98114;border:1px solid #10b98133;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.chat-active-worker-chip.cpu-only{color:var(--accent-amber);background:#e2b45c1f;border-color:#e2b45c73}.chat-active-worker-cpu-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);color:var(--accent-amber);border:1px solid #e2b45c73;padding:1px 4px;font-size:8px;font-weight:700}.chat-active-worker-more{cursor:pointer;border-color:var(--border-secondary,#ffffff24);color:var(--text-tertiary);background:#ffffff0f;font-family:inherit}.chat-active-worker-more:hover{background:#ffffff1a}.chat-blocked-details-toggle{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;margin:6px auto 0;padding:2px 4px;font-size:11px;text-decoration:underline;display:block}.chat-blocked-details-toggle:hover{color:var(--text-secondary)}.btn-sm{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600;display:inline-flex}.btn-sm.btn-primary{background:var(--gradient-primary);color:var(--bg-base);border:none}.btn-sm.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-sm.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-default)}.btn-sm.btn-secondary:hover:not(:disabled){background:var(--bg-overlay);color:var(--text-primary)}.btn-sm.btn-danger{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.btn-sm.btn-danger:hover:not(:disabled){background:#ef444433}.btn-sm:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:1000;padding:var(--space-md);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;max-width:420px;box-shadow:0 20px 60px #0006}.modal-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:700}.modal-message{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.6}.modal-confirm-hint{color:var(--text-tertiary);margin-bottom:8px;font-size:12px}.modal-confirm-hint strong{color:var(--text-primary);font-family:JetBrains Mono,monospace}.modal-confirm-input{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;transition:border-color var(--duration-fast);outline:none;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:13px}.modal-confirm-input:focus{border-color:var(--accent-red);box-shadow:0 0 0 2px #ef444433}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.collab-invite-row{align-items:center;gap:8px;display:flex}.collab-invite-row .community-select{flex:1;min-width:0}.collab-participant-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.collab-participant{color:var(--text-secondary);border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-default);padding:6px 10px;font-size:12px}.collab-participant.read-only{cursor:default}.model-catalog{gap:var(--space-sm);flex-direction:column;display:flex}.catalog-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);transition:all var(--duration-fast);padding:10px 12px;display:flex}.model-suggestion-banner{border-radius:var(--radius-sm);background:#3b82f614;border:1px solid #3b82f659;flex-direction:column;gap:8px;padding:12px;display:flex}.model-suggestion-header{align-items:center;gap:8px;display:flex}.model-suggestion-badge{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#3b82f6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.model-suggestion-title{color:#3b82f6;font-size:13px;font-weight:600}.model-suggestion-text{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.model-suggestion-note{color:var(--text-tertiary);margin:0;font-size:10px;line-height:1.5}.model-suggestion-btn{color:#fff;background:#3b82f6;border:none;align-self:flex-start}.model-suggestion-btn:hover:not(:disabled){background:#2563eb}.speculative-status-banner{background:#4fcf8814;border-color:#4fcf884d}.speculative-status-banner .model-suggestion-title{color:var(--accent-green)}.speculative-status-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:#94a3b82e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.speculative-status-badge.active{color:var(--accent-green);background:#4fcf8833}.catalog-item:hover{border-color:var(--border-default)}.catalog-item-info{flex:1;min-width:0}.catalog-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.catalog-item-meta{color:var(--text-muted);margin-top:2px;font-size:10px}.catalog-badge{flex-shrink:0;font-size:14px}.catalog-badge.downloaded{color:var(--accent-green)}.catalog-progress{background:var(--bg-overlay);border-radius:var(--radius-full);flex-shrink:0;width:50px;height:18px;position:relative;overflow:hidden}.catalog-progress-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.catalog-progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .3s var(--ease-out)}.catalog-progress-label{color:#fff;mix-blend-mode:difference;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0}.help-layout{gap:var(--space-md);grid-template-columns:1fr;max-width:980px;display:grid}.help-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.help-title{margin-bottom:var(--space-sm);font-size:22px;font-weight:700}.help-subtitle{margin-bottom:var(--space-sm);font-size:16px;font-weight:700}.help-text{color:var(--text-secondary);font-size:14px;line-height:1.7}.help-list{color:var(--text-secondary);gap:6px;margin-left:20px;font-size:14px;line-height:1.6;display:grid}.help-code-block{margin-top:var(--space-sm);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.help-card-cta{gap:var(--space-md);flex-direction:column;display:flex}.worker-download-cta{margin-top:var(--space-lg);padding:var(--space-md) 0;justify-content:center;display:flex}.worker-download-cta-help{justify-content:flex-start;margin-top:0;padding:0}.community-layout{gap:var(--space-md);height:100%;min-height:0;transition:grid-template-columns var(--duration-normal) var(--ease-out);grid-template-columns:minmax(0,1fr) 320px;display:grid;position:relative}.community-side{gap:var(--space-md);min-width:0;min-height:0;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.community-layout.channels-collapsed{grid-template-columns:minmax(0,1fr) 0}.community-layout.channels-collapsed .community-side{opacity:0;pointer-events:none;transform:translate(10px)}.community-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md)}.community-card-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-sm);letter-spacing:.06em;font-size:13px}.community-search,.community-input,.community-select{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:9px 12px;font-size:13px}.community-search:focus,.community-input:focus,.community-select:focus{border-color:var(--accent-primary)}.community-create-row{gap:var(--space-sm);flex-direction:column;display:flex}.community-error{color:#ff7f7f;font-size:12px;line-height:1.4}.community-hint{color:var(--text-tertiary);font-size:12px;line-height:1.4}.community-channel-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-sm);flex:1;min-height:0;overflow-y:auto}.community-empty{color:var(--text-tertiary);padding:var(--space-md);text-align:center;font-size:12px}.community-empty.large{padding:var(--space-2xl) var(--space-lg)}.community-channel-item{text-align:left;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:100%;margin-bottom:var(--space-sm);transition:all var(--duration-fast) var(--ease-out);background:#08122cbf;padding:10px 12px}.community-channel-item:last-child{margin-bottom:0}.community-channel-item:hover{border-color:#9196a173}.community-channel-item.active{border-color:var(--border-active);background:#1a2744bf}.community-channel-top{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.community-channel-name{color:var(--text-primary);font-weight:600}.community-channel-meta{color:var(--text-tertiary);margin-top:2px;font-size:11px}.community-badge{border-radius:var(--radius-full);border:1px solid #0000;padding:2px 8px;font-size:10px}.community-badge.public{color:var(--text-secondary);background:#d8dbe21f;border-color:#9196a159}.community-badge.private{color:#f9a8d4;background:#ec48991f;border-color:#ec489959}.community-main{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex}.community-header{border-bottom:1px solid var(--border-subtle);padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.community-title{font-size:18px;font-weight:700}.community-subtitle{color:var(--text-tertiary);font-size:12px}.community-invite-box{align-items:center;gap:var(--space-sm);min-width:260px;display:flex}.community-messages{min-height:0;padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.community-message{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#060f22cc;max-width:88%;padding:10px 12px}.community-message.mine{background:#30343db8;border-color:#9196a159;align-self:flex-end}.community-message-author{color:var(--accent-secondary);margin-bottom:4px;font-size:11px}.community-message-content{white-space:pre-wrap;word-break:break-word;font-size:14px}.community-message-image{object-fit:contain;border:1px solid #82a0dc4d;border-radius:10px;max-width:min(420px,100%);max-height:320px;display:block}.community-message-time{color:var(--text-muted);margin-top:4px;font-size:10px}.community-message.deleted .community-message-content{color:var(--text-muted);font-style:italic}.community-message-context-menu{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);min-width:160px;padding:4px;position:fixed;box-shadow:0 8px 24px #00000059}.community-message-context-menu-item{text-align:left;width:100%;color:var(--accent-red);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13px;display:block}.community-message-context-menu-item:hover{background:#f2766d1f}.community-input-wrap{border-top:1px solid var(--border-subtle);padding:var(--space-md) var(--space-lg) var(--space-lg);gap:var(--space-sm);flex-wrap:wrap;align-items:flex-end;display:flex}.community-input-wrap.drag-over{background:#30343d24;border-top-color:#9196a199}.community-image-preview{align-items:center;gap:var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#08122cbf;width:100%;padding:8px 10px;display:flex}.community-image-preview-thumb{object-fit:cover;border:1px solid #7896d259;border-radius:8px;width:64px;height:64px}.community-image-preview-meta{flex:1;min-width:0}.community-image-preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.community-image-preview-hint{color:var(--text-tertiary);font-size:11px}.community-image-preview-remove{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#101e3cd9;padding:6px 10px}.community-image-preview-remove:hover{border-color:#7891c88c}@media (width<=900px){.chat-sidebar{display:none}.community-layout,.community-layout.channels-collapsed{grid-template-columns:1fr}.community-main{min-height:380px}.community-side{opacity:1;pointer-events:auto;order:2;transform:none}}@media (width<=1180px){.header-top{grid-template-columns:minmax(180px,1fr) auto}.header-tabs{order:3;grid-column:1/-1;justify-content:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=760px){:root{--header-height:auto}.header{padding:14px}.header-top{grid-template-columns:1fr}.header-brand{min-width:0}.header-tabs{height:46px}.header-tab{padding:0 12px;font-size:14px}.header-badge{max-width:100%}.header-badge span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.main-content{padding:14px}}