:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f5f5f4;color-scheme:light;--bg: #f5f5f4;--panel: #ffffff;--panel-muted: #fafaf9;--border: #e7e5e4;--border-strong: #d6d3d1;--text: #111827;--text-muted: #6b7280;--text-soft: #78716c;--accent: #111827;--accent-soft: #f3f4f6;--good: #166534;--good-bg: #ecfdf5;--warn: #9a3412;--warn-bg: #fff7ed}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.onboarding-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:24px;max-width:1120px;margin:0 auto;padding:32px 24px}.hero-card,.signup-card,.context-card,.agent-card,.meta-card,.channel-item{border:1px solid var(--border);background:var(--panel)}.hero-card{border-radius:20px;padding:32px}.eyebrow,.card-head,.section-label,.mode-pill,.meta-card{display:inline-flex;align-items:center;gap:8px}.eyebrow{margin-bottom:16px;color:var(--text-muted);font-size:.9rem;font-weight:600}.hero-card h1{margin:0 0 12px;max-width:11ch;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.95;letter-spacing:-.04em}.hero-card p{margin:0 0 24px;max-width:56ch;color:var(--text-muted);line-height:1.6}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero-grid div{border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--panel-muted)}.hero-grid h3,.context-card ul,.context-card p{margin-top:0}.signup-card{align-self:center;display:flex;flex-direction:column;gap:14px;border-radius:20px;padding:24px}.signup-card label{display:flex;flex-direction:column;gap:8px;color:var(--text-muted);font-size:.95rem}.signup-card input,.composer-row textarea,.channel-rail input,.channel-rail textarea,.context-rail input,.context-rail textarea,.context-rail select{border:1px solid var(--border-strong);border-radius:12px;outline:none;background:#fff;color:var(--text)}.signup-card input:focus,.composer-row textarea:focus,.channel-rail input:focus,.channel-rail textarea:focus,.context-rail input:focus,.context-rail textarea:focus,.context-rail select:focus{border-color:#9ca3af}.signup-card input,.channel-rail input,.channel-rail textarea,.context-rail input,.context-rail textarea,.context-rail select{width:100%;padding:10px 12px}.signup-card button,.send-button,.chip,.rail-pill,.channel-item,.secondary-button,.danger-button{transition:.14s ease}.signup-card button,.send-button{border:0;background:var(--accent);color:#fff}.secondary-button,.danger-button{border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);padding:10px 12px}.danger-button{color:#b91c1c}.signup-card button{border-radius:12px;padding:13px 16px;font-weight:600}.signup-card small{color:var(--text-soft);line-height:1.5}.app-shell{display:grid;grid-template-columns:72px 280px minmax(0,1fr) 280px;gap:16px;padding:16px}.server-rail,.channel-rail,.chat-pane,.context-rail{min-height:calc(100vh - 32px);border-radius:18px}.server-rail,.channel-rail,.context-rail,.chat-pane{border:1px solid var(--border);background:var(--panel)}.server-rail{display:flex;align-items:center;flex-direction:column;gap:12px;padding:12px 10px}.brand-orb,.rail-pill,.avatar{display:grid;place-items:center}.brand-orb,.rail-pill{width:46px;height:46px;border-radius:14px}.brand-orb{border:1px solid var(--border-strong);background:var(--panel-muted);font-weight:700;font-size:.9rem}.rail-pill{border:1px solid var(--border);background:transparent;color:var(--text)}.rail-pill.active{background:var(--accent-soft);border-color:var(--border-strong)}.rail-pill.ghost{color:var(--text-muted)}.channel-rail,.context-rail{padding:18px;overflow:auto}.workspace-head,.agent-topline,.chat-header,.composer-row,.message,.message-meta,.meta-cluster{display:flex}.workspace-head,.chat-header{justify-content:space-between;align-items:center}.workspace-head{padding-bottom:16px;border-bottom:1px solid var(--border)}.workspace-head span,.channel-topic,.agent-card span,.agent-card p,.message-meta span,.chat-header p,.context-card li,.context-card p{color:var(--text-muted)}.workspace-head div{display:flex;flex-direction:column;gap:4px}.section-label{margin:22px 0 10px;color:var(--text-soft);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.channel-list,.agent-list{display:flex;flex-direction:column;gap:10px}.channel-item,.agent-card,.context-card{border-radius:14px}.channel-item{width:100%;padding:14px;color:var(--text);text-align:left}.channel-item.active{border-color:var(--border-strong);background:var(--panel-muted)}.channel-title{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:600}.channel-topic,.agent-card p,.chat-header p,.context-card p,.context-card li{line-height:1.5}.agent-card,.context-card{padding:14px;background:var(--panel-muted)}.agent-card,.context-card,.pin-list{display:flex;flex-direction:column;gap:10px}.agent-topline{align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:999px;background:#a8a29e}.status-dot[data-status=active]{background:#16a34a}.chat-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.chat-header{padding:20px 24px 18px;border-bottom:1px solid var(--border)}.mode-pill,.meta-card,.chip{border-radius:999px;padding:7px 11px}.mode-pill{margin-bottom:12px;background:var(--accent-soft);color:var(--text-muted);width:fit-content;text-transform:capitalize}.chat-header h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:1.35rem}.meta-cluster{gap:8px;flex-wrap:wrap;justify-content:flex-end}.meta-card{background:var(--panel-muted);color:var(--text-muted)}.meta-card.good{background:var(--good-bg);color:var(--good)}.meta-card.warn{background:var(--warn-bg);color:var(--warn)}.message-list{overflow:auto;padding:12px 24px}.message{gap:14px;padding:18px 0}.message+.message{border-top:1px solid var(--border)}.avatar{flex:0 0 auto;width:36px;height:36px;border-radius:11px;border:1px solid var(--border);background:var(--panel-muted);font-weight:700;color:var(--text-muted)}.message.user .avatar{background:#eef2ff;color:#3730a3}.message-body{max-width:72ch}.message-meta{align-items:center;gap:10px;margin-bottom:6px}.message-body p{margin:0;color:var(--text);white-space:pre-wrap;line-height:1.65}.pending{opacity:.72}.composer-shell{padding:16px 20px 20px;border-top:1px solid var(--border);background:var(--panel)}.composer-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{border:1px solid var(--border);background:transparent;color:var(--text-muted);text-transform:capitalize}.chip.active{border-color:var(--border-strong);background:var(--panel-muted);color:var(--text)}.composer-row{align-items:flex-end;gap:12px}.stack-row,.inline-actions,.pin-row{display:flex;gap:8px}.stack-row{align-items:center}.inline-actions,.pin-row{flex-wrap:wrap}.pin-row input,.stack-row input{flex:1}.composer-row textarea{flex:1;min-height:84px;resize:vertical;padding:14px}.send-button{width:48px;height:48px;border-radius:12px}.send-button:disabled{opacity:.45;cursor:not-allowed}.context-rail{display:flex;flex-direction:column;gap:12px}.context-card ul{margin:0;padding-left:18px}.context-card label{display:flex;flex-direction:column;gap:6px;color:var(--text-muted);font-size:.92rem}.empty-state{display:grid;place-items:center;min-height:300px;color:var(--text-muted)}@media(max-width:1180px){.app-shell{grid-template-columns:72px 260px minmax(0,1fr)}.context-rail{display:none}}@media(max-width:900px){.onboarding-shell,.app-shell{grid-template-columns:1fr}.server-rail{min-height:auto;flex-direction:row;justify-content:flex-start}.channel-rail,.chat-pane,.context-rail{min-height:auto}.hero-grid{grid-template-columns:1fr}.chat-header{flex-direction:column;align-items:flex-start;gap:12px}}