:root{color-scheme:dark;--bg:#0f1013;--fg:#e8e8e8;--muted:#9a9ba0;--border:#26272c;--accent:#5b8def;--accent-fg:#ffffff;--bubble-user:#2f5fc4;--bubble-user-fg:#ffffff;--bubble-assistant:#1a1b1f;--error:#f87171;--sidebar:#16171a;--hover:#1e1f24;--pill:#1e1f24;--avatar-bg:#2f5fc4}:root[data-theme=light]{color-scheme:light;--bg:#ffffff;--fg:#1a1a1a;--muted:#6b6b6b;--border:#e6e6e9;--accent:#2563eb;--accent-fg:#ffffff;--bubble-user:#2563eb;--bubble-user-fg:#ffffff;--bubble-assistant:#f4f4f6;--error:#b91c1c;--sidebar:#f7f7f8;--hover:#eeeef1;--pill:#f1f1f3;--avatar-bg:#2563eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.centered p{color:var(--muted);margin:0}.button{padding:.6rem 1.4rem;border-radius:8px;text-decoration:none;font-weight:600}.brand-mark,.button{background:var(--accent);color:var(--accent-fg)}.brand-mark{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px;gap:10px}.sidebar-brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;padding:4px 6px}.brand-badge{width:24px;height:24px;border-radius:7px;display:inline-flex;justify-content:center}.brand-badge,.new-chat{background:var(--accent);color:var(--accent-fg);align-items:center}.new-chat{display:flex;gap:8px;border:none;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:600;cursor:pointer}.new-chat:disabled{opacity:.6;cursor:not-allowed}.sidebar-section-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:6px 6px 0}.thread-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1 1}.thread-item{display:flex;align-items:center;gap:2px;font-size:13px;border-radius:7px;color:var(--fg)}.thread-item.active{background:var(--hover)}.thread-item.empty{color:var(--muted)}.thread-item.empty,.thread-open{padding:8px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-open{flex:1 1;min-width:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:7px}.thread-open:hover:not(:disabled){background:var(--hover)}.thread-delete:disabled,.thread-open:disabled{cursor:default;opacity:.5}.thread-delete{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:6px;margin-right:3px;color:var(--muted);cursor:pointer;border-radius:6px;opacity:0}.thread-delete:focus-visible,.thread-item:hover .thread-delete{opacity:1}.thread-delete:hover:not(:disabled){color:var(--fg);background:var(--hover)}.sidebar-footer{display:flex;align-items:center;gap:9px;padding:8px 6px 2px;border-top:1px solid var(--border);margin-top:auto}.avatar{width:26px;height:26px;border-radius:50%;background:var(--avatar-bg);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-footer-text{font-size:13px;color:var(--muted);flex:1 1}.pane{flex:1 1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border)}.model-pill{gap:6px;background:var(--pill);border:1px solid var(--border);border-radius:20px;padding:0 10px 0 11px}.model-pill,.model-pill-icon{display:inline-flex;align-items:center}.model-pill-icon{color:var(--accent)}.model-pill select{background:transparent;color:var(--fg);border:none;padding:6px 2px;font-size:12px;cursor:pointer;max-width:240px}.model-pill select:focus{outline:none}.header-actions{display:flex;align-items:center;gap:2px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:none;padding:0}.icon-button:hover{background:var(--hover);color:var(--fg)}.messages{overflow-y:auto;padding:20px 16px;max-width:820px;width:100%;margin:0 auto}.empty-state,.messages{flex:1 1;display:flex;flex-direction:column;gap:14px}.empty-state{align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state h2{font-size:1.25rem;margin:0;color:var(--fg);font-weight:600}.empty-state p{margin:0;font-size:.9rem;max-width:360px}.row{display:flex;gap:10px;align-items:flex-start}.row.user{justify-content:flex-end}.msg-avatar{width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--accent-fg);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.bubble{max-width:80%;padding:.6rem .9rem;border-radius:14px;word-wrap:break-word}.bubble.user{background:var(--bubble-user);color:var(--bubble-user-fg);white-space:pre-wrap;border-bottom-right-radius:4px}.bubble.assistant{background:var(--bubble-assistant);border:1px solid var(--border);color:var(--fg);border-top-left-radius:4px}.bubble.assistant>:first-child{margin-top:0}.bubble.assistant>:last-child{margin-bottom:0}.bubble.assistant p{margin:.5em 0}.bubble.assistant ol,.bubble.assistant ul{margin:.5em 0;padding-left:1.4em}.bubble.assistant li,.bubble.assistant li>p{margin:.15em 0}.bubble.assistant code{background:rgba(127,127,127,.2);border-radius:3px;padding:.1em .35em;font-size:.9em}.bubble.assistant pre{background:rgba(127,127,127,.15);border-radius:6px;padding:.6em .8em;overflow-x:auto}.bubble.assistant pre code{background:none;padding:0}.bubble.assistant table{border-collapse:collapse;margin:.5em 0;font-size:.9em;display:block;overflow-x:auto}.bubble.assistant td,.bubble.assistant th{border:1px solid var(--border);padding:.35em .6em;text-align:left}.bubble.assistant th{background:rgba(127,127,127,.15)}.bubble.assistant a{color:var(--accent)}.typing{display:inline-flex;align-items:center;gap:4px;padding:2px 0}.typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typing-blink 1.4s ease-in-out infinite both}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer-wrap{padding:0 16px 16px;max-width:820px;width:100%;margin:0 auto}.error-banner{color:var(--error);font-size:.9rem;padding:.4rem 0}.cost-indicator{color:var(--muted);font-size:.8rem;padding:.2rem 0 .5rem}.composer{display:flex;align-items:center;gap:8px;background:var(--sidebar);border:1px solid var(--border);border-radius:22px;padding:5px 6px 5px 16px}.composer:focus-within{border-color:var(--accent)}.composer input{flex:1 1;padding:.5rem 0;border:none;background:transparent;color:var(--fg);font-size:1rem}.composer input:focus{outline:none}.send-button{width:34px;height:34px;flex-shrink:0;background:var(--accent);color:var(--accent-fg);border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:720px){.sidebar{display:none}}.usage{max-width:900px;margin:0 auto;padding:1.5rem 1rem 3rem}.usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.usage-header h1{font-size:1.3rem;margin:0}.usage-note{color:var(--muted);font-size:.85rem;margin:0 0 1.5rem}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:2rem}.stat-tile{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:8px}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-size:1.6rem;font-weight:600}.usage-table-wrap h2{font-size:1rem;margin:0 0 .75rem}.usage-table{width:100%;border-collapse:collapse;font-size:.9rem}.usage-table td,.usage-table th{border-bottom:1px solid var(--border);padding:.5em .7em;text-align:left;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.usage-table th{color:var(--muted);font-weight:600;font-size:.8rem}.usage-table .user-cell{font-feature-settings:normal;font-variant-numeric:normal;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-table .num-cell{text-align:right}.usage-table .cost-cell{position:relative;text-align:right}.usage-table .magnitude-bar{position:absolute;inset:3px 0 3px auto;right:0;background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:3px;z-index:0}.usage-table .cost-text{position:relative;z-index:1}