:root{--bg: #faf9f5;--bg-elevated: #fffdf8;--bg-muted: #f1efe6;--sidebar-bg: #f5f4ed;--border: #ddd7c9;--border-strong: #c8beac;--ink: #25201a;--ink-muted: #6c6256;--ink-soft: #8a8175;--accent: #a64f32;--accent-strong: #7f351f;--accent-soft: #f1dfd6;--danger: #a83d32;--success: #5e7c44;--warning: #b77930;--shadow-ring: 0 0 0 1px rgba(122, 94, 66, .08), 0 16px 38px rgba(80, 63, 43, .08);--radius: 10px;--sidebar-width: 284px;--panel-width: 322px;color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}[data-theme=dark]{--bg: #1a1917;--bg-elevated: #242320;--bg-muted: #2e2c28;--sidebar-bg: #1f1e1b;--border: #3d3a34;--border-strong: #524e46;--ink: #e8e2d9;--ink-muted: #a0988a;--ink-soft: #7a7268;--accent: #c96b4a;--accent-strong: #e0805e;--accent-soft: #3d2a22;--danger: #c9544a;--success: #7da860;--warning: #d49a4e;--shadow-ring: 0 0 0 1px rgba(0, 0, 0, .2), 0 16px 38px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100dvh;background:var(--bg);color:var(--ink)}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer}button:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--panel-width);height:100dvh;overflow:hidden;background:var(--bg)}.app-shell.panel-closed{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.app-shell.panel-closed .project-panel,.app-shell.panel-closed .settings-panel{display:none}.sidebar{display:flex;flex-direction:column;gap:18px;height:100dvh;overflow-y:auto;padding:18px 14px;border-right:1px solid var(--border);background:var(--sidebar-bg)}.sidebar-top{display:grid;gap:14px}.app-identity,.user-strip,.health-row,.section-label,.field-label span,.header-actions,.message-meta,.sent-attachments span,.error-banner,.primary-button,.secondary-button,.utility-button,.new-chat-button{display:flex;align-items:center}.app-identity{gap:10px;min-width:0}.app-identity strong,.user-strip strong,.project-row strong,.conversation-row strong{display:block;overflow:hidden;color:var(--ink);font-size:.92rem;font-weight:720;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.app-identity span,.user-strip span,.project-row small,.conversation-row small{display:block;overflow:hidden;color:var(--ink-muted);font-size:.78rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.app-glyph,.avatar{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border:1px solid var(--border-strong);border-radius:9px;background:var(--ink);color:var(--bg-elevated);font-size:.74rem;font-weight:760}.new-chat-button,.primary-button,.secondary-button,.utility-button{justify-content:center;gap:8px;min-height:38px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elevated);color:var(--ink);font-weight:680}.new-chat-button:hover,.secondary-button:hover,.utility-button:hover,.icon-button:hover,.project-row:hover,.conversation-row:hover{border-color:var(--accent);background:var(--accent-soft)}.primary-button{width:100%;border-color:var(--accent-strong);background:var(--accent-strong);color:#fffaf3}.nav-section{display:grid;gap:7px}.conversation-list{min-height:0;overflow:auto}.section-label{gap:7px;padding:0 8px;color:var(--ink-muted);font-size:.76rem;font-weight:760;letter-spacing:0;text-transform:uppercase}.project-row,.conversation-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:45px;padding:8px 9px;border:1px solid transparent;border-radius:var(--radius);background:transparent;text-align:left}.project-row.is-active,.conversation-row.is-active{border-color:var(--border-strong);background:var(--bg-elevated);box-shadow:0 1px #4937260a}.status-dot{width:9px;height:9px;border-radius:999px;background:var(--ink-soft)}.status-dot.connected{background:var(--success)}.status-dot.syncing{background:var(--warning)}.status-dot.attention,.conversation-row em{background:var(--danger)}.conversation-row em{display:grid;width:18px;height:18px;place-items:center;border-radius:999px;color:#fff;font-style:normal;font-size:.72rem}.conversation-row-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:45px;padding:8px 9px;border:1px solid transparent;border-radius:var(--radius);background:transparent;text-align:left}.conversation-row .delete-btn{display:grid;width:28px;height:28px;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink-muted);opacity:0;transition:opacity .15s ease}.conversation-row:hover .delete-btn{opacity:1}.conversation-row .delete-btn:hover{background:var(--danger);color:#fff}.sidebar-footer{display:grid;gap:12px;margin-top:auto}.utility-button{width:100%}.user-strip{gap:9px;min-width:0;padding-top:12px;border-top:1px solid var(--border)}.user-strip>div:nth-child(2){min-width:0;flex:1}.icon-button,.send-button{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--bg-elevated)}.chat-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;height:100dvh;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding:18px 24px 14px;border-bottom:1px solid var(--border);background:var(--bg)}.chat-header h1,.panel-header h2,.login-panel h1{margin:0;color:var(--ink);font-size:1.28rem;line-height:1.25;letter-spacing:0}.eyebrow{margin:0 0 4px;color:var(--accent-strong);font-size:.74rem;font-weight:780;letter-spacing:0;text-transform:uppercase}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.model-chip{display:inline-flex;max-width:220px;min-height:34px;align-items:center;overflow:hidden;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--ink-muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.secondary-button{padding:0 12px}.error-banner{gap:9px;margin:12px 24px 0;padding:10px 12px;border:1px solid var(--danger);border-radius:var(--radius);background:var(--accent-soft);color:var(--danger);font-size:.9rem}.error-banner span{flex:1}.error-banner button{border:0;background:transparent;color:var(--danger);font-weight:700}.message-scroll{grid-row:3;min-height:0;overflow:auto;padding:24px clamp(18px,4vw,64px)}.message{max-width:840px;margin:0 auto 26px}.message.user{max-width:760px;margin-left:auto}.message.user .markdown-body{border:1px solid var(--border);border-radius:14px;background:var(--bg-elevated);padding:13px 15px}.message.assistant{padding-bottom:6px}.message-meta{justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--ink-muted);font-size:.78rem;font-weight:740}.message-meta small{display:inline-flex;align-items:center;gap:4px;color:var(--accent-strong)}.message-time{color:var(--ink-soft);font-size:.72rem;font-weight:500}.message-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ink-soft);opacity:0;transition:opacity .15s ease}.message:hover .message-delete-btn{opacity:1}.message-delete-btn:hover{background:var(--danger);color:#fff}.theme-toggle{display:inline-flex;align-items:center;gap:6px;width:auto;padding:7px 12px}.online-user-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.online-user-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;color:var(--success);font-size:.88rem}.online-user-item.is-self{background:var(--accent-soft)}.online-user-name{color:var(--ink);font-weight:600}.online-user-tag{margin-left:auto;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.7rem;font-weight:700}.mobile-sidebar-toggle{display:none}.sent-attachments{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.sent-attachments span,.attachment-pill{display:inline-flex;align-items:center;gap:5px;max-width:min(100%,360px);overflow:hidden;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.artifact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,240px));gap:10px;margin-top:12px}.artifact-card{display:grid;gap:7px;width:100%;margin:0}.artifact-card a:first-child,.artifact-missing{display:grid;width:100%;aspect-ratio:4 / 3;overflow:hidden;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated)}.artifact-card img{width:100%;height:100%;display:block;object-fit:cover}.artifact-card figcaption{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink-muted);font-size:.78rem}.artifact-card figcaption span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-card figcaption a{display:grid;flex:0 0 auto;width:26px;height:26px;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--ink-muted);text-decoration:none}.artifact-card figcaption a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.file-artifact-list{display:grid;gap:7px;max-width:420px;margin-top:12px}.file-artifact{display:flex;align-items:center;gap:8px;min-width:0;min-height:36px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--ink-muted);text-decoration:none}.file-artifact:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.file-artifact span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-pill.uploading{opacity:.7}.attachment-pill.error{border-color:var(--danger);background:#fde8e6;color:var(--danger)}.upload-error{font-size:.68rem;opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.markdown-body{position:relative;color:var(--ink);font-size:.98rem;line-height:1.66;overflow-wrap:anywhere}.markdown-copy{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--ink-muted);font-size:.75rem;cursor:pointer;opacity:0;transition:opacity .15s ease}.markdown-body:hover .markdown-copy{opacity:1}.markdown-copy:hover{background:var(--bg-muted);color:var(--ink)}.retry-button{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--danger);font-size:.75rem;cursor:pointer}.retry-button:hover{background:var(--bg-muted)}.stop-button{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--danger);border-radius:6px;background:var(--bg-elevated);color:var(--danger);font-size:.75rem;cursor:pointer}.stop-button:hover{background:var(--danger);color:#fff}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote{margin:0 0 .9rem}.markdown-body ul,.markdown-body ol{padding-left:1.25rem}.markdown-body pre{max-width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-muted);overflow-x:auto;font-size:.88rem;line-height:1.55}.markdown-body code{padding:.15rem .35rem;border:1px solid var(--border);border-radius:5px;background:var(--bg-muted);color:var(--accent-strong);font-size:.88em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.markdown-body pre code{padding:0;border:0;background:transparent;font-size:inherit}.markdown-body blockquote{padding:10px 14px;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink-muted);border-radius:0 6px 6px 0}.markdown-body table{width:100%;max-width:100%;border-collapse:collapse;font-size:.92rem}.markdown-body th,.markdown-body td{padding:8px 10px;border:1px solid var(--border);text-align:left}.markdown-body th{background:var(--bg-muted);font-weight:600}.empty-state{display:grid;max-width:520px;min-height:54vh;margin:0 auto;place-content:center;justify-items:center;text-align:center;color:var(--ink-muted)}.empty-state h2{margin:14px 0 8px;color:var(--ink);font-size:1.28rem}.empty-state p{margin:0;line-height:1.6}.composer{grid-row:4;display:grid;gap:8px;padding:14px clamp(14px,4vw,46px) 18px;border-top:1px solid var(--border);background:var(--bg)}.attachment-list{display:flex;flex-wrap:wrap;gap:7px;max-width:840px;margin:0 auto;width:100%}.attachment-pill{display:inline-flex;align-items:center}.attachment-pill button{display:grid;width:18px;height:18px;padding:0;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--accent-strong)}.composer-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;position:relative;width:100%;max-width:840px;margin:0 auto;padding:8px;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-elevated);box-shadow:var(--shadow-ring)}.composer-box textarea{width:100%;min-height:44px;max-height:180px;resize:none;border:0;outline:none;background:transparent;color:var(--ink);line-height:1.45}.composer-box textarea::placeholder{color:var(--ink-soft)}.char-count{position:absolute;right:52px;bottom:10px;color:var(--ink-soft);font-size:.72rem;pointer-events:none}.send-button{border-color:var(--accent-strong);background:var(--accent-strong);color:#fffaf3}.send-button:disabled{border-color:var(--border);background:var(--bg-muted);color:var(--ink-soft)}.project-panel,.settings-panel{display:flex;flex-direction:column;gap:16px;min-width:0;min-height:100dvh;max-height:100dvh;padding:18px;border-left:1px solid var(--border);background:var(--bg-elevated);overflow-y:auto}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-copy,.settings-block p{margin:0;color:var(--ink-muted);font-size:.92rem;line-height:1.58}.health-card{display:grid;gap:7px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.health-row{gap:8px;color:var(--success);font-weight:760}.health-card small{color:var(--ink-muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-grid div{display:grid;gap:3px;padding:12px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.metric-grid strong{font-size:1.2rem}.metric-grid span{color:var(--ink-muted);font-size:.78rem}.field-label{display:grid;gap:8px;color:var(--ink-muted);font-size:.84rem;font-weight:720}.field-label span{gap:7px}.field-label select,.login-form input{width:100%;min-height:40px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:0 11px}.settings-block{padding-top:4px;border-top:1px solid var(--border)}.settings-block h3{margin:0 0 8px;font-size:.94rem}.login-shell,.loading-state{display:grid;min-height:100dvh;place-items:center;padding:20px;background:var(--bg)}.login-panel{width:min(100%,420px);padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated);box-shadow:var(--shadow-ring)}.brand-mark{display:grid;width:38px;height:38px;margin-bottom:16px;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-strong)}.login-copy{margin:10px 0 20px;color:var(--ink-muted);line-height:1.55}.login-form{display:grid;gap:13px}.login-form label{display:grid;gap:7px;color:var(--ink-muted);font-size:.88rem;font-weight:720}.form-error{margin:0;color:var(--danger);font-size:.88rem}@media (max-width: 1080px){.app-shell{grid-template-columns:260px minmax(0,1fr);height:100dvh;overflow:hidden}.app-shell.panel-closed .project-panel,.app-shell.panel-closed .settings-panel{display:flex}.project-panel,.settings-panel{position:fixed;inset:0 0 0 auto;z-index:5;width:min(360px,calc(100vw - 28px));box-shadow:-12px 0 36px #4533211f;transform:translate(100%);transition:transform .16s ease}.project-panel.is-open,.settings-panel.is-open{transform:translate(0)}}@media (max-width: 760px){.app-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr;height:100dvh;overflow:hidden}.app-shell.panel-closed{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;z-index:60;top:0;left:0;width:min(80vw,300px);height:100dvh;transform:translate(-110%);transition:transform .25s ease;border-right:1px solid var(--border);border-bottom:0;box-shadow:var(--shadow-ring)}.app-shell.sidebar-open .sidebar{transform:translate(0)}.chat-workspace{min-height:100dvh}.chat-header{gap:10px;padding:12px 14px}.header-main{display:flex;align-items:center;gap:10px;min-width:0}.mobile-sidebar-toggle{display:grid;flex:0 0 auto}.header-actions{justify-content:flex-start;width:100%}.model-chip{max-width:100%}.message-scroll{padding:14px 12px}.message{margin-bottom:18px}.artifact-grid{grid-template-columns:minmax(0,1fr)}.composer{padding:10px 12px 12px}.composer-box{padding:8px 10px}.composer-box textarea{min-height:38px;max-height:140px;font-size:16px}.project-panel,.settings-panel{width:min(88vw,320px)}}