*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e8eb}.app{display:flex;height:100vh}.sidebar{width:280px;border-right:1px solid #1f2329;display:flex;flex-direction:column;background:#0b0d11}.sidebar-header{padding:12px;border-bottom:1px solid #1f2329;display:flex;align-items:center;justify-content:space-between}.sidebar-header h1{font-size:16px;margin:0;font-weight:600}.btn{background:#2a72ff;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.btn:hover{background:#3a82ff}.btn.secondary{background:transparent;border:1px solid #2a3038;color:#c9cdd3}.btn.secondary:hover{background:#1a1e24}.btn.danger{background:#c24545}.btn.danger:hover{background:#d25555}.chat-list{flex:1;overflow-y:auto}.chat-list-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #161a20;display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;color:inherit}.chat-list-item:hover{background:#14181e}.chat-list-item.active{background:#1a2030}.chat-list-item .title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.chat-list-item .delete{background:transparent;border:none;color:#6a727c;cursor:pointer;font-size:14px;padding:2px 6px}.chat-list-item .delete:hover{color:#d25555}.main{flex:1;display:flex;flex-direction:column;min-width:0}.main-header{padding:10px 16px;border-bottom:1px solid #1f2329;display:flex;align-items:center;gap:12px}.main-header .title-block{flex:1;display:flex;flex-direction:column;min-width:0}.main-header input.title-input{background:transparent;border:none;color:#e6e8eb;font-size:15px;font-weight:500;outline:none;padding:0}.chat-cost{font-size:11px;color:#6a727c;font-variant-numeric:tabular-nums;padding-left:2px}.sources-list{margin-top:10px;padding-top:8px;border-top:1px dashed #2a3038;display:flex;flex-direction:column;gap:4px}.source-item{display:block;font-size:12px;color:#4c8bf5;text-decoration:none;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-item:hover{text-decoration:underline}.grounding-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#c9cdd3;cursor:pointer;padding:4px 8px;border:1px solid #2a3038;background:#14181e;border-radius:4px;-webkit-user-select:none;user-select:none}.grounding-toggle input{accent-color:#4c8bf5;margin:0}.grounding-toggle:hover{background:#1a1e24}.model-picker{position:relative}.model-trigger{background:#14181e;border:1px solid #2a3038;color:#c9cdd3;padding:4px 8px;border-radius:4px;font-size:12px;width:240px;text-align:left;cursor:pointer;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-trigger:hover{background:#1a1e24}.model-popover{position:absolute;top:calc(100% + 4px);right:0;width:380px;max-height:420px;display:flex;flex-direction:column;background:#0b0d11;border:1px solid #2a3038;border-radius:6px;box-shadow:0 8px 24px #00000080;z-index:10;overflow:hidden}.model-search{background:#14181e;border:none;border-bottom:1px solid #1f2329;color:#e6e8eb;padding:8px 10px;font-size:13px;font-family:inherit;outline:none}.model-options{flex:1;overflow-y:auto}.model-option{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid #161a20;padding:8px 10px;cursor:pointer;color:#c9cdd3;font-family:inherit}.model-option:hover{background:#14181e}.model-option.active{background:#1a2030}.model-option .name{font-size:13px;font-weight:500;color:#e6e8eb}.model-option .id{font-size:11px;color:#6a727c;margin-top:2px}.model-loading,.model-error{padding:12px;text-align:center;color:#6a727c;font-size:13px}.model-error{display:flex;flex-direction:column;gap:8px;align-items:center}.model-retry{background:transparent;border:1px solid #2a3038;color:#c9cdd3;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit}.model-retry:hover{background:#14181e}.messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.messages{--gutter-w: 0px}.message{display:grid;grid-template-columns:minmax(0,1fr) min(800px,calc(100% - var(--gutter-w))) minmax(var(--gutter-w),1fr);width:100%;align-items:start;position:relative}.message .bubble-col{grid-column:2;position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}.message .branch-col{grid-column:3;align-self:start;padding-left:var(--branch-bubble-gap);padding-top:16px;position:absolute}.message.has-branches:has(+.message.has-branches) .branch-col{position:static}.message .collapsed-probe{position:absolute;left:0;right:0;top:0;visibility:hidden;pointer-events:none;box-sizing:border-box;border:1px solid transparent;padding:10px 12px;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.message .role{font-size:11px;text-transform:uppercase;color:#6a727c;letter-spacing:.5px;display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .12s ease}.message:hover .role{opacity:1}.message .bubble{--bubble-bg: #14181e;background:var(--bubble-bg);border:1px solid #1f2329;border-radius:8px;padding:10px 12px;word-wrap:break-word;font-size:14px;line-height:1.5}.message.user .bubble{--bubble-bg: #1a2030;border-color:#2a3850;white-space:pre-wrap}.message.assistant .bubble>*:first-child{margin-top:0}.message.assistant .bubble>*:last-child{margin-bottom:0}.message.assistant .bubble p{margin:.5em 0}.message.assistant .bubble ul,.message.assistant .bubble ol{margin:.5em 0;padding-left:1.5em}.message.assistant .bubble li{margin:.15em 0}.message.assistant .bubble code{background:#1f2329;padding:1px 4px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.message.assistant .bubble pre{background:#0d1014;border:1px solid #1f2329;padding:10px 12px;border-radius:6px;overflow-x:auto;margin:.6em 0}.message.assistant .bubble pre code{background:transparent;padding:0;border-radius:0;font-size:.9em}.message.assistant .bubble blockquote{border-left:3px solid #2a3038;padding-left:10px;color:#8a929c;margin:.5em 0}.message.assistant .bubble a{color:#6ea8ff;text-decoration:underline}.message.assistant .bubble table{border-collapse:collapse;margin:.5em 0}.message.assistant .bubble th,.message.assistant .bubble td{border:1px solid #2a3038;padding:4px 8px}.message.assistant .bubble hr{border:0;border-top:1px solid #2a3038;margin:.8em 0}.indicator{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.indicator-text{color:#8a929c}.indicator-dots{display:inline-flex;align-items:center;gap:3px}.indicator-dots span{width:5px;height:5px;border-radius:50%;background:#6a727c;animation:dot-pulse 1.2s ease-in-out infinite}.indicator-dots span:nth-child(2){animation-delay:.2s}.indicator-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.finish-reason-badge{margin-top:8px;display:inline-block;font-size:11px;color:#d9a23a;border:1px solid #5a4a1a;background:#2a2310;padding:2px 6px;border-radius:4px}.message .role-cost{margin-left:auto;color:#4a525c;cursor:help;text-transform:none;letter-spacing:0}.message .bubble.error{border-color:#c24545;color:#ff8080}.message .bubble.collapsed{cursor:pointer;position:relative}.message .bubble.collapsed .collapsed-body{max-height:5.5em;overflow:hidden;white-space:pre-wrap}.message .bubble.collapsed .collapsed-body>:first-child{margin-top:0}.message .bubble.collapsed .collapsed-body>:last-child{margin-bottom:0}.message .bubble.collapsed .collapsed-fade{position:absolute;left:1px;right:1px;bottom:1px;height:60%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.35));pointer-events:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.message .bubble.collapsed .collapse-toggle{position:relative;z-index:1}.message .bubble .collapse-toggle{margin-top:8px;text-align:center;cursor:pointer;color:#4a525c;font-size:11px;line-height:1;-webkit-user-select:none;user-select:none}.message .bubble.collapsed .collapse-toggle{font-size:14px;color:#fff}.message .bubble .collapse-toggle:hover{color:#c9cdd3}.message .actions{display:flex;gap:8px;align-items:center;font-size:12px;color:#6a727c;opacity:0;transition:opacity .12s ease}.message:hover .actions{opacity:1}.message .actions button{background:transparent;border:none;color:#6a727c;cursor:pointer;padding:2px 4px;font-size:12px}.message .actions button:hover{color:#c9cdd3}.message .siblings{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.message .branch-origin{margin-top:4px;font-size:12px;color:#6a727c;opacity:0;transition:opacity .12s ease}.message:hover .branch-origin{opacity:1}.message .summary-meta{margin-top:8px;font-size:12px;color:#6a727c;font-style:italic}.message .branch-origin-link{background:transparent;border:none;color:#8ab4f8;cursor:pointer;padding:0;font-size:12px;text-decoration:underline}.message .branch-origin-link:hover{color:#aac4fa}.message .branch-origin-deleted{color:#6a727c;font-style:italic}.chat-list-item .branch-glyph{color:#6a727c}.branch-gutter{display:flex;align-items:flex-start;gap:var(--branch-col-gap)}.branch-column{display:block;overflow:visible}.branch-line{stroke:#353b44;stroke-width:2}.branch-node{cursor:pointer}.branch-node circle{transition:r 80ms ease,fill 80ms ease}.branch-node.user circle{fill:#4a6090}.branch-node.assistant circle{fill:#5a626c}.branch-node:hover circle{r:5}.branch-node.user:hover circle{fill:#6a85c0}.branch-node.assistant:hover circle{fill:#808890}.branch-node.streaming circle{animation:dot-pulse 1.2s ease-in-out infinite}.branch-node .sub-stub line{stroke:#6a727c;stroke-width:1.2}.branch-node .sub-stub circle{fill:#6a727c}.branch-more{fill:#6a727c;font-family:inherit}.branch-overflow{position:relative;align-self:flex-start}.branch-overflow-pill{background:#14181e;border:1px solid #2a3038;color:#c9cdd3;border-radius:4px;font-size:10px;padding:2px 6px;cursor:pointer;font-family:inherit}.branch-overflow-pill:hover{background:#1a1e24}.branch-overflow-popover{position:absolute;top:calc(100% + 4px);right:0;background:#0b0d11;border:1px solid #2a3038;border-radius:6px;box-shadow:0 8px 24px #00000080;z-index:10;min-width:240px;max-width:360px;padding:4px;display:flex;flex-direction:column}.branch-overflow-item{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#c9cdd3;cursor:pointer;padding:6px 8px;font-family:inherit;text-align:left;border-radius:4px;font-size:12px}.branch-overflow-item:hover{background:#14181e}.branch-overflow-item .role-tag{font-size:10px;color:#6a727c;font-weight:600;flex:0 0 auto}.branch-overflow-item .snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.branch-overflow-item .depth{font-size:10px;color:#6a727c;font-variant-numeric:tabular-nums;flex:0 0 auto}.composer{border-top:1px solid #1f2329;padding:12px;display:flex;gap:8px;align-items:flex-end}.composer.dragging{background:#1a2030;outline:2px dashed #2a72ff;outline-offset:-8px}.composer-input{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.composer-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.composer-buttons{display:flex;gap:6px;align-items:center}.composer-tokens{font-size:11px;color:#6a727c;font-variant-numeric:tabular-nums}.attach-btn{padding:4px 10px;font-size:16px;line-height:1}.composer textarea{background:#14181e;border:1px solid #2a3038;color:#e6e8eb;padding:10px 12px;border-radius:6px;font-size:14px;font-family:inherit;resize:none;min-height:60px;max-height:40vh;outline:none;overflow-y:auto}.composer textarea:focus{border-color:#2a72ff}.attachment-strip{display:flex;flex-wrap:wrap;gap:6px}.attachment-thumb{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid #2a3038;background:#0d1014}.attachment-thumb.error{border-color:#c24545}.attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.attachment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#e6e8eb;font-size:18px;font-weight:600}.attachment-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:#000000b3;color:#e6e8eb;cursor:pointer;font-size:14px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.attachment-remove:hover{background:#c24545}.message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.message-attachment{display:block;max-width:280px;max-height:280px;border-radius:6px;overflow:hidden;border:1px solid #1f2329}.message-attachment img{display:block;max-width:100%;max-height:280px;object-fit:contain}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:#6a727c;font-size:14px}.edit-form{display:flex;flex-direction:column;gap:6px}.edit-form textarea{background:#14181e;border:1px solid #2a3038;color:#e6e8eb;padding:10px 12px;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:180px;outline:none}.edit-form .row{display:flex;gap:6px;justify-content:flex-end;align-items:center}.edit-form.dragging{background:#1a2030;outline:2px dashed #2a72ff;outline-offset:-4px;border-radius:6px}.error-banner{position:fixed;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:1000;max-width:min(640px,calc(100vw - 24px));pointer-events:none}.error-banner-item{background:#c24545;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #0006;pointer-events:auto}.error-banner-item span{flex:1;word-break:break-word}.error-banner-item button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;opacity:.8}.error-banner-item button:hover{opacity:1}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:#0f1115}.login-card{background:#0b0d11;border:1px solid #1f2329;border-radius:8px;padding:28px 28px 24px;width:280px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 24px #0006}.login-title{margin:0 0 4px;text-align:center;font-size:18px;font-weight:600;color:#e6e8eb}.login-input{background:#14181e;border:1px solid #2a3038;color:#e6e8eb;padding:8px 10px;border-radius:6px;font-size:13px;font-family:inherit;outline:none}.login-input:focus{border-color:#2a72ff}.login-submit{width:100%;padding:8px}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#d25555;font-size:12px;text-align:center}