:root{color-scheme:dark;--bg: #0b0b0f;--panel: #12121a;--panel-elevated: #181824;--border: #2a2a3a;--text: #f5f5f7;--muted: #9b9bb0;--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .16);--sent: #0a84ff;--received: #2a2a3a;--danger: #ff453a;--success: #30d158;--sidebar-width: 320px;font-family:SF Pro Text,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%;background:var(--bg)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.app-shell.show-thread .sidebar{display:none}}.sidebar{border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.main-pane{display:flex;flex-direction:column;min-height:0;background:var(--bg)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:#12121aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-title{margin:0;font-size:1.1rem;font-weight:600}.muted{color:var(--muted)}.chat-list{overflow:auto;flex:1}.chat-item{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:14px 18px;border-bottom:1px solid rgba(42,42,58,.55);display:grid;gap:4px}.chat-item:hover,.chat-item.active{background:var(--accent-soft)}.chat-item-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{color:var(--muted);font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-meta{color:var(--muted);font-size:.78rem}.message-list{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.message-row{display:flex}.message-row.from-me{justify-content:flex-end}.message-bubble{max-width:min(72%,640px);padding:10px 14px;border-radius:18px;white-space:pre-wrap;word-break:break-word}.message-row.from-me .message-bubble{background:var(--sent);color:#fff;border-bottom-right-radius:6px}.message-row.from-them .message-bubble{background:var(--received);border-bottom-left-radius:6px}.message-meta{margin-top:4px;font-size:.72rem;color:#ffffffb8}.compose-box{border-top:1px solid var(--border);padding:16px 20px;background:var(--panel);display:grid;grid-template-columns:1fr auto;gap:12px}.compose-box textarea{resize:none;min-height:44px;max-height:160px;border-radius:14px;border:1px solid var(--border);background:var(--panel-elevated);color:var(--text);padding:12px 14px}.primary-button,.secondary-button,.ghost-button{border-radius:12px;border:1px solid transparent;padding:10px 16px}.primary-button{background:var(--accent);color:#fff}.secondary-button{background:var(--panel-elevated);color:var(--text);border-color:var(--border)}.ghost-button{background:transparent;color:var(--muted);border-color:var(--border)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.setup-screen,.empty-state{min-height:100%;display:grid;place-items:center;padding:24px}.setup-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px;display:grid;gap:16px}.setup-card h1{margin:0;font-size:1.5rem}.field{display:grid;gap:6px}.field label{font-size:.9rem;color:var(--muted)}.field input{border-radius:12px;border:1px solid var(--border);background:var(--panel-elevated);color:var(--text);padding:12px 14px}.status-bar{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:999px;background:var(--muted)}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--danger)}.error-banner{background:#ff453a1f;border:1px solid rgba(255,69,58,.35);color:#ffb4ae;border-radius:12px;padding:10px 12px;font-size:.92rem}.new-chat-bar{padding:12px 18px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto;gap:8px}.new-chat-bar input{border-radius:12px;border:1px solid var(--border);background:var(--panel-elevated);color:var(--text);padding:10px 12px}