:root{color:#102033;font-family:Segoe UI,PingFang SC,sans-serif;background:radial-gradient(circle at top left,rgba(46,169,223,.18),transparent 28%),radial-gradient(circle at right center,rgba(255,153,102,.18),transparent 30%),linear-gradient(135deg,#eef6fb,#f7fbff 48%,#fff8f3);font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:16px;padding:24px;border-right:1px solid rgba(16,32,51,.08);background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-card,.panel,.error-card,.conversation-panel,.message-panel{border:1px solid rgba(16,32,51,.08);border-radius:24px;background:#ffffffe0;box-shadow:0 22px 60px #1e4b7814}.brand-card,.panel,.error-card{padding:18px}.eyebrow{margin:0 0 8px;color:#0f7abf;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-card h1,.section-header h2,.panel-title-row h2{margin:0}.muted{margin:10px 0 0;color:#5f728a}.panel{display:flex;flex-direction:column;gap:12px}.panel-title-row,.section-header,.conversation-topline,.conversation-footer,.message-bubble header,.button-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel label,.composer{display:flex;flex-direction:column;gap:8px}.panel label span{color:#41556d;font-size:13px;font-weight:600}input,textarea{width:100%;border:1px solid rgba(16,32,51,.12);border-radius:14px;background:#f5f9fdd9;padding:12px 14px;color:#102033;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus{border-color:#0f7abf73;box-shadow:0 0 0 4px #0f7abf1f}textarea{min-height:96px;resize:vertical}button{border:0;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,#0f7abf,#13a6b8);color:#fff;font-weight:700}button:disabled{cursor:not-allowed;opacity:.55}.ghost-button{background:#10203314;color:#102033}.status-badge,.unread-badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.status-idle,.status-bootstrapping{background:#0f7abf1f;color:#0f7abf}.status-connecting{background:#ffb74d2e;color:#9a5a00}.status-connected{background:#3ab86c26;color:#08763a}.status-failed{background:#d6484824;color:#af2020}.meta-list{display:grid;gap:10px;margin:0}.meta-list div{display:grid;gap:2px}.meta-list dt{color:#5f728a;font-size:12px;font-weight:700;text-transform:uppercase}.meta-list dd{margin:0;word-break:break-all}.error-card{color:#9d1616;background:#ffecece6}.chat-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;padding:24px}.conversation-panel,.message-panel{display:flex;flex-direction:column;min-height:calc(100vh - 48px);overflow:hidden}.section-header{padding:20px 20px 16px;border-bottom:1px solid rgba(16,32,51,.08)}.section-header span{color:#5f728a}.conversation-list,.message-list{display:flex;flex:1;flex-direction:column;gap:10px;overflow:auto;padding:16px}.conversation-item{width:100%;padding:14px;border:1px solid rgba(16,32,51,.08);border-radius:18px;background:#f8fbffe6;color:inherit;text-align:left}.conversation-item p,.message-bubble p{margin:8px 0 0;color:#41556d}.conversation-item.active{border-color:#0f7abf59;background:#e4f5fff2}.conversation-item strong,.message-bubble strong{display:block}.conversation-topline span,.conversation-footer span,.message-bubble header span{color:#6e8095;font-size:12px}.unread-badge{background:#d64848;color:#fff}.message-list{background:radial-gradient(circle at top right,rgba(19,166,184,.08),transparent 30%),linear-gradient(180deg,#f4f9fc99,#ffffffe0)}.message-bubble{max-width:min(72%,640px);padding:14px 16px;border-radius:18px;border:1px solid rgba(16,32,51,.08)}.message-bubble.self{align-self:flex-end;background:linear-gradient(135deg,#0f7abf24,#13a6b824)}.message-bubble.other{align-self:flex-start;background:#fff}.custom-card{display:grid;gap:8px}.custom-card code{display:inline-block;width:fit-content;border-radius:10px;background:#1020330f;padding:6px 8px}.composer{padding:16px;border-top:1px solid rgba(16,32,51,.08);background:#ffffffeb}.empty-state{display:grid;place-items:center;min-height:120px;border:1px dashed rgba(16,32,51,.14);border-radius:18px;color:#6e8095;text-align:center;padding:18px}@media (max-width: 1100px){.page-shell,.chat-shell{grid-template-columns:1fr}.conversation-panel,.message-panel{min-height:auto}}