:root{--bg:#fff;--bg-sidebar:#f4f4f5;--bg-bubble:#ececf0;--bg-code:#f1f1f4;--fg:#18181b;--fg-muted:#52525b;--border:#d4d4d8;--accent:#1d4ed8;--accent-fg:#fff;--danger:#b91c1c;--focus:#1d4ed8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius:10px;--sidebar-width:280px;--content-width:760px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121214;--bg-sidebar:#1b1b1f;--bg-bubble:#2a2a30;--bg-code:#1e1e24;--fg:#f4f4f5;--fg-muted:#b4b4bd;--border:#3f3f46;--accent:#7aa2ff;--accent-fg:#0b0b0d;--danger:#f87171;--focus:#7aa2ff}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);line-height:1.5;overflow-x:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}a{color:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button,.icon-button{font:inherit;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-height:36px;text-decoration:none;display:inline-flex}.icon-button{padding:var(--space-1) var(--space-2);color:var(--fg-muted);border-color:#0000}.button:hover,.icon-button:hover{background:var(--bg-bubble)}.button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.button-primary:hover{background:var(--accent);filter:brightness(1.1)}.button-danger{color:var(--danger);border-color:var(--danger)}.button-small{min-height:28px;padding:2px var(--space-2);font-size:.85rem}.input,.select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);min-width:0}.input{resize:none;flex:1}.app{width:100%;height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:none;display:flex;overflow-y:auto}.sidebar-head{gap:var(--space-2);justify-content:space-between;display:flex}.drawer-close,.drawer-toggle,.scrim{display:none}.conversation-list{gap:var(--space-1);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.conversation-item{border-radius:var(--radius);padding:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.conversation-item[data-active]{background:var(--bg-bubble)}.conversation-link{min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;padding:var(--space-1) var(--space-2);flex:1;text-decoration:none;overflow:hidden}.conversation-actions,.conversation-confirm{gap:var(--space-1);display:flex}.rename-form{gap:var(--space-2);width:100%;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.header{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);display:flex}.model-picker{align-items:center;gap:var(--space-2);min-width:0;display:flex}.chat{flex:1;min-height:0;display:flex}.screen{max-width:480px;padding:0 var(--space-4);text-align:center;gap:var(--space-3);flex-direction:column;align-items:center;margin:20vh auto 0;display:flex}.sidebar-note{color:var(--fg-muted);padding:var(--space-1) var(--space-2);margin:0;font-size:.9rem}.dialog-layer{z-index:30;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-scrim{background:#00000080;border:0;position:absolute;inset:0}.dialog{background:var(--bg);width:min(420px,100%);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:relative}.dialog h2{margin:0;font-size:1.15rem}.dialog p{color:var(--fg-muted);margin:0}.dialog-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.thread{flex-direction:column;flex:1;min-width:0;display:flex}.viewport-wrap{flex:1;min-height:0;display:flex;position:relative}.viewport{padding:var(--space-4);flex:1;overflow-y:auto}.transcript{max-width:var(--content-width);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.empty{text-align:center;color:var(--fg-muted);margin-top:15vh}.message{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.message-user{align-items:flex-end}.message-user .bubble{background:var(--bg-bubble);border-radius:var(--radius);padding:var(--space-2) var(--space-3);max-width:85%}.user-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.message-assistant .bubble{overflow-wrap:anywhere;max-width:100%}.actions{gap:var(--space-1);display:flex}.markdown>:first-child{margin-top:0}.markdown pre{background:var(--bg-code);border-radius:0 0 var(--radius) var(--radius);padding:var(--space-3);margin:0 0 var(--space-3);overflow-x:auto}.markdown code{font-family:var(--font-mono);font-size:.9em}.markdown table{border-collapse:collapse;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);padding:var(--space-1) var(--space-2)}.code-header{background:var(--bg-code);border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:var(--space-1) var(--space-3);margin-top:var(--space-3);color:var(--fg-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.searching,.thinking{color:var(--fg-muted);margin:0;font-style:italic}.sources{margin-top:var(--space-2);font-size:.9rem}.sources-title{color:var(--fg-muted);margin:0;font-size:.85rem}.sources-list{padding-left:var(--space-4);margin:0}.badge{border:1px solid var(--border);padding:0 var(--space-2);color:var(--fg-muted);border-radius:999px;font-size:.75rem;display:inline-block}.badge[data-status=failed]{color:var(--danger);border-color:var(--danger)}.unanswered{align-items:center;gap:var(--space-3);color:var(--fg-muted);display:flex}.attachment{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);max-width:100%;margin:0 var(--space-1) var(--space-1) 0;display:inline-flex}.attachment-thumb{object-fit:cover;border-radius:6px;width:40px;height:40px}.attachment-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.scroll-bottom{right:var(--space-4);bottom:var(--space-3);background:var(--bg);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:999px;width:36px;height:36px;position:absolute}.scroll-bottom:disabled{display:none}.composer{max-width:var(--content-width);width:100%;padding:var(--space-3) var(--space-4) var(--space-4);margin:0 auto}.composer-row{gap:var(--space-2);align-items:flex-end;display:flex}.composer-attachments{flex-wrap:wrap;display:flex}.composer-notice{color:var(--danger);margin:0 0 var(--space-2);font-size:.9rem}.edit-composer{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.error-state{margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius);gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.error-state p{flex:200px;margin:0}@media (max-width:720px){.drawer-close,.drawer-toggle{display:inline-flex}.sidebar{z-index:20;width:min(var(--sidebar-width), 85vw);visibility:hidden;transition:transform .2s,visibility .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app[data-drawer=open] .sidebar{visibility:visible;transform:none}.app[data-drawer=open] .scrim{z-index:10;background:#00000080;border:0;display:block;position:fixed;inset:0}.header{padding:var(--space-2) var(--space-3)}}