:root{font-family:SF Pro Display,Geist Sans,Helvetica Neue,Arial,sans-serif;color:#242424;background:#f7f6f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #f7f6f3;--surface: #ffffff;--surface-muted: #fbfbfa;--surface-raised: #ffffff;--border: #e7e5df;--border-strong: #c9c4b9;--text: #242424;--muted: #77736b;--muted-strong: #5e594f;--ink: #111111;--user-surface: #111111;--user-text: #ffffff;--assistant-surface: #ffffff;--blue-soft: #e1f3fe;--green-soft: #edf3ec;--yellow-soft: #fbf3db;--red-soft: #fdebec}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{height:100dvh;min-height:100vh;display:grid;grid-template-columns:minmax(280px,340px) 1fr;color:var(--text);background:radial-gradient(circle at 15% 10%,rgba(149,100,0,.06),transparent 28%),linear-gradient(180deg,var(--surface-muted) 0%,var(--canvas) 100%);overflow:hidden}.session-rail{border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 78%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;height:100dvh;min-height:0;overflow:hidden}.rail-header,.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.04em;line-height:1}h2{font-size:clamp(22px,3vw,34px);letter-spacing:-.035em;line-height:1.05}h3{font-size:24px;letter-spacing:-.03em}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.icon-button,.send-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);width:38px;height:38px;border-radius:8px;display:grid;place-items:center}.icon-button:hover,.send-button:hover{background:var(--surface-muted)}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px}.search-box input{border:0;outline:0;background:transparent;width:100%;color:var(--text)}.search-box input::placeholder,.composer textarea::placeholder{color:var(--muted)}.new-session{border:1px solid var(--ink);background:var(--ink);color:var(--canvas);border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.rail-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:10px;padding:3px;background:var(--surface-muted)}.rail-switch button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:8px 10px;font-weight:800;font-size:12px}.rail-switch button.is-active{background:var(--surface);color:var(--text);border:1px solid var(--border)}.session-list,.group-room-list{display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:2px;min-height:0;flex:1 1 auto}.session-card,.room-card{text-align:left;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 76%,var(--surface-muted));border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px;color:var(--text)}.session-card:hover,.room-card:hover{border-color:var(--border-strong)}.session-card.is-active{border-color:var(--ink);background:var(--surface);box-shadow:inset 4px 0 0 var(--ink)}.session-title{font-weight:800;letter-spacing:-.02em}.session-preview{color:var(--muted-strong);font-size:13px;line-height:1.4}.session-meta{color:var(--muted);font-size:11px;font-family:SF Mono,Geist Mono,monospace}.group-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-weight:800;font-size:12px}.group-header-row span{display:flex;align-items:center;gap:7px}.group-header-row button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 9px;font-size:12px;font-weight:800}.settings-button{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:11px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;position:relative;z-index:3;flex:0 0 auto}.pairing-button{margin-top:auto}.chat-panel{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;overflow:hidden}.chat-header{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--canvas) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:calc(14px + env(safe-area-inset-top)) 28px 14px}.session-heading{min-width:0}.status-pill{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--green-soft);color:#346538;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap}.message-list{min-height:0;padding:28px;overflow:auto;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}.message-bubble{max-width:760px;border:1px solid var(--border);background:var(--assistant-surface);color:var(--text);border-radius:12px;padding:16px 18px;line-height:1.6;white-space:pre-wrap}.message-user,.message-command{align-self:flex-end;background:var(--user-surface);color:var(--user-text);border-color:color-mix(in srgb,var(--user-surface) 80%,var(--border))}.message-assistant{align-self:flex-start}.message-role{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin-bottom:8px}.message-user .message-role,.message-command .message-role{color:color-mix(in srgb,var(--user-text) 72%,transparent)}.empty-state{margin:auto;max-width:580px;text-align:center;display:grid;gap:12px;color:var(--muted)}.empty-state h3{color:var(--text)}.composer-shell{position:sticky;bottom:0;z-index:4;padding:14px 28px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-muted) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:10px}.composer textarea{border:0;outline:0;resize:none;min-height:38px;max-height:160px;padding:9px 0;line-height:1.45;color:var(--text);background:transparent}.send-button{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.command-tray,.attachment-tray{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.command-tray button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 12px;text-align:left;display:grid;gap:4px;min-width:190px}.command-tray strong{font-family:SF Mono,Geist Mono,monospace;font-size:12px}.command-tray span{color:var(--muted);font-size:12px}.attachment-chip{border:1px solid var(--border);background:var(--yellow-soft);color:#725009;border-radius:999px;padding:7px 8px 7px 11px;font-size:12px;display:inline-flex;align-items:center;gap:7px}.attachment-chip.is-uploaded{background:var(--green-soft);color:#346538}.attachment-chip.is-failed{background:var(--red-soft);color:#9f2f2d}.attachment-chip button{border:0;background:transparent;color:inherit;display:grid;place-items:center;padding:2px}.command-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;padding:9px 2px 0}.desktop-hidden{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000057;display:grid;place-items:center;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}.settings-modal{width:min(440px,100%);border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-radius:16px;padding:20px;display:grid;gap:16px;box-shadow:0 24px 80px #00000029}.settings-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-copy{color:var(--muted);line-height:1.55}.settings-modal label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.settings-modal label span{display:flex;align-items:center;gap:7px}.settings-modal select,.settings-modal input,.settings-modal textarea{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 12px}.pairing-modal{width:min(680px,100%);max-height:min(86vh,760px);overflow:auto}.pairing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pairing-prompt{font-family:SF Mono,Geist Mono,monospace;font-size:12px;line-height:1.45;resize:vertical}.modal-done{border:1px solid var(--ink);background:var(--ink);color:var(--canvas);border-radius:8px;padding:11px 12px;font-weight:800}.theme-dark{--canvas: #151513;--surface: #24231f;--surface-muted: #1e1d1a;--surface-raised: #282722;--border: #44413a;--border-strong: #69645a;--text: #eeeae1;--muted: #aaa397;--muted-strong: #c4bdaf;--ink: #f0eadf;--user-surface: #34312b;--user-text: #f1eadf;--assistant-surface: #201f1c;--blue-soft: #173142;--green-soft: #1d3021;--yellow-soft: #3b301b;--red-soft: #3a2020;background:#151513;color:var(--text)}.theme-dark .app-shell{background:radial-gradient(circle at 15% 10%,rgba(180,150,96,.05),transparent 28%),#151513}.theme-dark .new-session,.theme-dark .send-button,.theme-dark .modal-done{background:#efe7d8;color:#151513;border-color:#efe7d8}.theme-dark .session-card:not(.is-active),.theme-dark .room-card{background:#302d27;border-color:#575247}.theme-dark .session-card:not(.is-active) .session-preview,.theme-dark .room-card .session-preview{color:#d1c8b8}.theme-dark .session-card.is-active{background:#3f3a31;border-color:#9c927f;box-shadow:inset 4px 0 #efe7d8}.theme-dark .message-assistant{background:#202126;border-color:#3f424a}.theme-dark .message-user,.theme-dark .message-command{background:#42392f;color:#f3eadc;border-color:#766754}.theme-dark .message-user .message-role,.theme-dark .message-command .message-role{color:#f0d8b6}.theme-dark .status-pill{color:#bad6bc}.theme-dark .attachment-chip{color:#e6c87c}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.session-rail{position:fixed;inset:0 auto 0 0;width:min(86vw,340px);z-index:5;transform:translate(-105%);transition:transform .18s ease;box-shadow:12px 0 40px #00000014}.session-rail.is-open{transform:translate(0)}.desktop-hidden{display:grid}.chat-header{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;align-items:flex-start}.status-pill{display:none}.message-list{padding:16px 12px}.message-bubble{max-width:92%}.composer-shell{padding:10px 10px calc(12px + env(safe-area-inset-bottom))}.command-footer{flex-direction:column}.pairing-grid{grid-template-columns:1fr}}