:root{--bg:#f7f6f3;--bg-elev:#fff;--bg-sunken:#efede8;--sidebar-bg:#f0eee9;--text:#1d1c1a;--text-2:#57534d;--text-3:#8b867e;--border:#e3dfd8;--border-strong:#d2cdc4;--hover:#281e140e;--active:#281e1417;--accent:#c2603e;--accent-hover:#ab5234;--accent-contrast:#fff;--accent-soft:#c2603e1f;--user-bubble:#ebe7e0;--code-bg:#f4f2ee;--code-head:#ebe8e2;--danger:#b3261e;--danger-soft:#fbe9e7;--warning:#8a5a00;--warning-soft:#fff3dc;--ok:#2e7d32;--shadow:0 1px 2px #0000000d, 0 6px 24px #00000014;--shadow-lg:0 12px 48px #0000002e;--radius:14px;--radius-sm:9px;--sidebar-w:276px;--content-w:780px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--hl-comment:#8a8378;--hl-keyword:#a1307a;--hl-string:#2f7a3a;--hl-number:#b35c00;--hl-title:#3b5bb5;--hl-attr:#8f5b00;--hl-built:#0f7a86;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1b19;--bg-elev:#262523;--bg-sunken:#151413;--sidebar-bg:#171615;--text:#ecebe7;--text-2:#b9b5ad;--text-3:#8c877f;--border:#34322f;--border-strong:#45423e;--hover:#ffffff0f;--active:#ffffff1a;--accent:#d9774f;--accent-hover:#e68862;--accent-contrast:#1c1b19;--accent-soft:#d9774f29;--user-bubble:#302e2b;--code-bg:#161514;--code-head:#22211f;--danger:#ff8a80;--danger-soft:#ff52521f;--warning:#ffcc80;--warning-soft:#ffb74d1f;--ok:#81c784;--shadow:0 1px 2px #0006, 0 6px 24px #0006;--shadow-lg:0 12px 48px #0009;--hl-comment:#8c877f;--hl-keyword:#e38ec6;--hl-string:#9ccc65;--hl-number:#ffb74d;--hl-title:#82aaff;--hl-attr:#ffcb6b;--hl-built:#4dd0e1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1c1b19;--bg-elev:#262523;--bg-sunken:#151413;--sidebar-bg:#171615;--text:#ecebe7;--text-2:#b9b5ad;--text-3:#8c877f;--border:#34322f;--border-strong:#45423e;--hover:#ffffff0f;--active:#ffffff1a;--accent:#d9774f;--accent-hover:#e68862;--accent-contrast:#1c1b19;--accent-soft:#d9774f29;--user-bubble:#302e2b;--code-bg:#161514;--code-head:#22211f;--danger:#ff8a80;--danger-soft:#ff52521f;--warning:#ffcc80;--warning-soft:#ffb74d1f;--ok:#81c784;--shadow:0 1px 2px #0006, 0 6px 24px #0006;--shadow-lg:0 12px 48px #0009;--hl-comment:#8c877f;--hl-keyword:#e38ec6;--hl-string:#9ccc65;--hl-number:#ffb74d;--hl-title:#82aaff;--hl-attr:#ffcb6b;--hl-built:#4dd0e1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;font-size:15px;line-height:1.55}#root{height:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:var(--accent)}code,pre{font-family:var(--mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.splash{background:var(--bg);height:100%}.icon-btn{min-width:32px;height:32px;color:var(--text-2);background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 6px;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn:disabled{opacity:.4}.btn{border:1px solid var(--border-strong);background:var(--bg-elev);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.5}.btn-small{border-radius:8px;height:30px;padding:0 10px;font-size:13px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger-ghost{color:var(--danger);background:0 0;border-color:#0000;padding-left:0}.btn-block{width:100%;height:42px}.chip{border:1px solid var(--border-strong);background:0 0;border-radius:999px;height:28px;padding:0 10px;font-size:13px}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.app{height:var(--app-height,100dvh);width:100%;display:flex;position:relative;overflow:hidden}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);z-index:30;flex-direction:column;flex-shrink:0;transition:margin-left .22s,transform .25s;display:flex}.app.sidebar-closed:not(.mobile) .sidebar{margin-left:calc(-1 * var(--sidebar-w))}.app.mobile .sidebar{visibility:hidden;width:min(86vw,330px);transition:transform .25s,visibility 0s linear .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app.mobile.sidebar-open .sidebar{visibility:visible;box-shadow:var(--shadow-lg);transition:transform .25s,visibility;transform:translate(0)}.scrim{z-index:25;background:#00000059;animation:.2s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sidebar-head{justify-content:space-between;align-items:center;padding:12px 10px 8px 14px;display:flex}.brand{align-items:center;gap:9px;font-size:15px;font-weight:650;display:flex}.brand-mark,.login-logo{background:var(--accent);width:28px;height:28px;color:var(--accent-contrast);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.new-chat{border:1px solid var(--border-strong);background:var(--bg-elev);text-align:left;border-radius:10px;align-items:center;gap:10px;margin:4px 10px 8px;padding:9px 12px;font-weight:550;display:flex}.new-chat:hover{background:var(--hover)}.search{background:var(--hover);height:36px;color:var(--text-3);border-radius:10px;align-items:center;gap:8px;margin:0 10px 8px;padding:0 4px 0 11px;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:14px}.search input::-webkit-search-cancel-button{display:none}.chat-list{-webkit-overflow-scrolling:touch;flex:1;padding:2px 6px 12px;overflow-y:auto}.chat-group-label{color:var(--text-3);padding:12px 10px 4px;font-size:12px;font-weight:600}.empty-list{color:var(--text-3);text-align:center;padding:24px 12px;font-size:14px}.chat-row{border-radius:9px;align-items:center;display:flex;position:relative}.chat-row:hover,.chat-row.menu-open{background:var(--hover)}.chat-row.active{background:var(--active)}.chat-link{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;min-width:0;padding:8px 4px 8px 10px;display:flex}.chat-title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-size:14px;display:flex;overflow:hidden}.chat-snippet{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.gen-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.chat-menu-wrap{position:relative}.chat-menu-btn{opacity:0;margin-right:2px}.chat-row:hover .chat-menu-btn,.chat-row.active .chat-menu-btn,.chat-row.menu-open .chat-menu-btn,.app.mobile .chat-menu-btn{opacity:1}.chat-row.editing{padding:4px}.chat-row.editing input{border:1px solid var(--accent);background:var(--bg-elev);border-radius:7px;outline:0;width:100%;height:34px;padding:0 8px;font-size:16px}.dropdown{z-index:50;border:1px solid var(--border);background:var(--bg-elev);min-width:190px;box-shadow:var(--shadow);border-radius:12px;padding:6px;animation:.12s pop;position:absolute}@keyframes pop{0%{opacity:0;transform:translateY(-4px)}}.dropdown>button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;display:flex}.dropdown>button:hover{background:var(--hover)}.dropdown>button.danger{color:var(--danger)}.chat-menu{top:34px;right:0}.sidebar-foot{margin:6px 8px calc(8px + env(safe-area-inset-bottom));text-align:left;color:var(--text-2);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.sidebar-foot:hover{background:var(--hover)}.foot-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.status-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.ok{background:var(--ok)}.status-dot.bad{background:var(--danger)}.topbar{height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:6px;display:flex}.topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:0 6px;font-weight:600;overflow:hidden}.model-picker{position:relative}.model-btn{max-width:46vw;height:34px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-weight:550;display:inline-flex}.model-btn:hover:not(:disabled){background:var(--hover)}.model-btn:disabled{color:var(--text-3)}.model-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.model-effort{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:12px}.model-menu{width:min(380px,100vw - 24px);max-height:min(70vh,560px);top:40px;right:0;overflow-y:auto}.menu-title{color:var(--text-3);padding:6px 10px 4px;font-size:12px;font-weight:600}.menu-title svg{vertical-align:-2px}.menu-hint{color:var(--text-3);padding:0 10px 6px;font-size:12px;line-height:1.4}.model-effort svg{vertical-align:-1px}.chip:disabled{opacity:.4;cursor:not-allowed}.menu-sep{background:var(--border);height:1px;margin:6px 4px}.menu-foot{color:var(--text-3);padding:8px 10px 4px;font-size:12px}.model-option{justify-content:space-between}.model-option.selected{background:var(--accent-soft)}.model-option-text{flex-direction:column;min-width:0;display:flex}.model-option-name{font-weight:550}.model-option.paid-only{opacity:.55;cursor:not-allowed}.model-option-warn{color:var(--warning);font-size:12px}.model-option-desc{color:var(--text-3);font-size:12px;line-height:1.35}.effort-row{flex-wrap:wrap;gap:6px;padding:4px 10px 6px;display:flex}.banner{width:min(var(--content-w), calc(100% - 24px));background:var(--warning-soft);color:var(--warning);border-radius:12px;align-items:center;gap:12px;margin:10px auto 0;padding:10px 12px;font-size:14px;display:flex}.banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.banner code{background:var(--hover);color:var(--text);word-break:break-all;border-radius:5px;padding:1px 5px;font-size:12.5px}.messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;position:relative;overflow-y:auto}.messages-inner{width:min(var(--content-w), 100%);flex-direction:column;gap:14px;margin:0 auto;padding:20px 16px 28px;display:flex}.msg{min-width:0;display:flex}.msg-user{flex-direction:column;align-items:flex-end;gap:4px;margin-top:8px}.bubble{background:var(--user-bubble);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;border-radius:18px 18px 6px;max-width:min(85%,640px);padding:10px 15px}.msg-attachments{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:85%;display:flex}.att-image img{border:1px solid var(--border);object-fit:cover;border-radius:12px;max-width:220px;max-height:220px;display:block}.att-chip{border:1px solid var(--border);background:var(--bg-elev);max-width:280px;color:var(--text);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.att-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.att-meta{color:var(--text-3);white-space:nowrap}.msg-actions{opacity:0;align-items:center;gap:2px;min-height:30px;transition:opacity .15s;display:flex}.msg:hover .msg-actions,.msg:focus-within .msg-actions,.msg-assistant:last-child .msg-actions{opacity:1}@media (hover:none){.msg-actions{opacity:1}}.msg-actions .icon-btn{width:30px;min-width:30px;height:30px}.model-badge{border:1px solid var(--border);color:var(--text-3);font-size:11.5px;font-family:var(--mono);cursor:default;border-radius:999px;margin-left:6px;padding:1px 8px}.msg-assistant{align-items:flex-start;gap:12px}.avatar{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.msg-body{flex:1;min-width:0}.phase{color:var(--text-3);align-items:center;gap:8px;padding:4px 0;font-size:14px;display:flex}.shimmer{background:linear-gradient(90deg, var(--text-3) 0%, var(--text) 45%, var(--text-3) 90%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.note{color:var(--text-3);margin-top:6px;font-size:13px;font-style:italic}.error-box{background:var(--danger-soft);color:var(--danger);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 2px;padding:10px 12px;font-size:14px;display:flex}.error-box>span{flex:1;min-width:160px}.hint-box{background:var(--hover);border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14px}.hint-box pre{background:var(--code-bg);border-radius:8px;margin:8px 0;padding:8px 10px;overflow-x:auto}.thinking{border-left:2px solid var(--border-strong);margin:0 0 8px;padding-left:12px}.thinking summary{color:var(--text-3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;list-style:none;display:inline-flex}.thinking summary::-webkit-details-marker{display:none}.thinking-text{color:var(--text-2);white-space:pre-wrap;max-height:320px;margin-top:6px;font-size:13.5px;overflow-y:auto}.edit-box{border:1px solid var(--accent);background:var(--bg-elev);border-radius:16px;width:min(100%,640px);padding:10px}.edit-box textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:60px;font-size:16px;line-height:1.5}.edit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.edit-hint{color:var(--text-3);flex:1;font-size:12.5px}.scroll-down{border:1px solid var(--border);background:var(--bg-elev);width:36px;height:36px;box-shadow:var(--shadow);color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;margin-top:-50px;display:flex;position:sticky;bottom:14px;left:50%;transform:translate(-50%)}.markdown{overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p,.markdown ul,.markdown ol,.markdown blockquote,.markdown .table-wrap,.markdown .code-block{margin:0 0 12px}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:20px 0 8px;font-weight:650;line-height:1.3}.markdown h1{font-size:1.45em}.markdown h2{font-size:1.25em}.markdown h3{font-size:1.1em}.markdown ul,.markdown ol{padding-left:1.5em}.markdown li+li{margin-top:4px}.markdown li>p{margin:0}.markdown blockquote{border-left:3px solid var(--border-strong);color:var(--text-2);padding:2px 0 2px 14px}.markdown hr{background:var(--border);border:0;height:1px;margin:18px 0}.markdown :not(pre)>code{background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:.88em}.markdown input[type=checkbox]{margin-right:6px}.streaming .markdown>:last-child:after{content:"";vertical-align:-.15em;background:var(--text-2);border-radius:1px;width:7px;height:1.05em;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}.streaming .markdown>.code-block:last-child:after,.streaming .markdown>.table-wrap:last-child:after,.streaming .markdown>ul:last-child:after,.streaming .markdown>ol:last-child:after{display:none}@keyframes blink{50%{opacity:0}}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.markdown table{border-collapse:collapse;min-width:100%;font-size:14px}.markdown th,.markdown td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 12px}.markdown th{background:var(--code-head);font-weight:600}.markdown tr:last-child td{border-bottom:0}.code-block{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;overflow:hidden}.code-header{background:var(--code-head);color:var(--text-3);justify-content:space-between;align-items:center;padding:4px 6px 4px 14px;font-size:12.5px;display:flex}.code-lang{font-family:var(--mono)}.code-copy{height:28px;color:var(--text-2);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;display:inline-flex}.code-copy:hover{background:var(--hover);color:var(--text)}.code-block pre{-webkit-overflow-scrolling:touch;margin:0;padding:12px 14px;font-size:13.2px;line-height:1.55;overflow-x:auto}.code-block pre code{background:0 0;border:0;padding:0}.hljs-comment,.hljs-quote{color:var(--hl-comment);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-doctag,.hljs-meta .hljs-keyword{color:var(--hl-keyword)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta .hljs-string{color:var(--hl-string)}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:var(--hl-number)}.hljs-title,.hljs-section,.hljs-title.function_,.hljs-title.class_{color:var(--hl-title)}.hljs-attr,.hljs-attribute,.hljs-variable,.hljs-template-variable,.hljs-property{color:var(--hl-attr)}.hljs-built_in,.hljs-type,.hljs-name,.hljs-tag,.hljs-selector-class,.hljs-selector-id{color:var(--hl-built)}.hljs-deletion{color:var(--danger)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.empty h1{letter-spacing:-.01em;margin:0 0 8px;font-size:28px;font-weight:600}.empty-sub{color:var(--text-3);margin:0;font-size:14px}.composer-wrap{width:min(var(--content-w), 100%);padding:0 12px calc(8px + env(safe-area-inset-bottom));flex-shrink:0;margin:0 auto}.composer{border:1px solid var(--border-strong);background:var(--bg-elev);box-shadow:var(--shadow);cursor:text;border-radius:22px;flex-direction:column;display:flex}.composer:focus-within{border-color:var(--text-3)}.composer.is-disabled{opacity:.75}.composer-row{align-items:flex-end;gap:4px;padding:6px;display:flex}.composer textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-width:0;max-height:40vh;padding:8px 4px;font-size:16px;line-height:1.45}.composer textarea::placeholder{color:var(--text-3)}.mode-pill{border:1px solid var(--border-strong);height:32px;color:var(--text-2);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;margin-bottom:3px;padding:0 10px;font-size:13px;display:inline-flex;position:relative}.mode-pill:hover{background:var(--hover)}.mode-pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.mode-pill select{opacity:0;cursor:pointer;font-size:16px;position:absolute;inset:0}@media (width<=480px){.mode-pill span{display:none}.mode-pill{padding:0 9px}}.attach-btn{border-radius:50%;width:38px;height:38px}.send-btn{background:var(--accent);width:38px;height:38px;color:var(--accent-contrast);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,background .15s;display:inline-flex}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:disabled{opacity:.35}.send-btn.stop{background:var(--text);color:var(--bg)}.composer-hint{text-align:center;color:var(--text-3);padding:6px 4px 0;font-size:11.5px}.upload-list{gap:8px;padding:10px 10px 0;display:flex;overflow-x:auto}.upload-item{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;max-width:240px;padding:6px 30px 6px 6px;display:flex;position:relative}.upload-item.error{border-color:var(--danger)}.upload-item img,.upload-icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.upload-icon{background:var(--accent-soft);color:var(--accent);justify-content:center;align-items:center;display:flex}.upload-info{flex-direction:column;min-width:0;display:flex}.upload-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.upload-meta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:11.5px;display:flex;overflow:hidden}.upload-item.error .upload-meta{color:var(--danger);white-space:normal}.upload-remove{background:var(--hover);width:22px;height:22px;color:var(--text-2);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.drop-overlay{z-index:20;border:2px dashed var(--accent);background:color-mix(in srgb, var(--bg) 85%, transparent);color:var(--accent);pointer-events:none;border-radius:18px;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:8px}.backdrop{z-index:60;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.15s fade;display:flex;position:fixed;inset:0}.dialog{width:min(440px,100%);max-height:calc(var(--app-height,100dvh) - 32px);background:var(--bg-elev);box-shadow:var(--shadow-lg);border-radius:18px;outline:0;flex-direction:column;animation:.15s pop;display:flex}.dialog.wide{width:min(600px,100%)}.dialog-head{justify-content:space-between;align-items:center;padding:14px 14px 6px 20px;display:flex}.dialog-head h2{margin:0;font-size:17px}.dialog-body{padding:4px 20px 16px;overflow-y:auto}.dialog-body p{color:var(--text-2);margin:4px 0}.dialog-foot{justify-content:flex-end;gap:8px;padding:0 16px 16px;display:flex}.settings-section{border-bottom:1px solid var(--border);padding:14px 0}.settings-section:last-child{border-bottom:0}.settings-section h3{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:650}.section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-head h3{margin:0}.segmented{background:var(--hover);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented button{height:32px;color:var(--text-2);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.segmented button.active{background:var(--bg-elev);color:var(--text);box-shadow:0 1px 2px #0000001f}.kv-list{flex-direction:column;gap:8px;display:flex}.kv{grid-template-columns:170px 1fr;gap:12px;font-size:14px;display:grid}.kv-label{color:var(--text-3)}.kv-value{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.kv-value code{color:var(--text-2);font-size:12.5px}.sidebar-usage{text-align:left;color:var(--text-2);background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;margin:6px 8px 0;padding:8px 10px;font-size:13px;display:flex}.sidebar-usage:hover{background:var(--hover)}.sidebar-usage+.sidebar-account,.sidebar-account+.sidebar-foot{margin-top:0}.sidebar-account{color:var(--text-2);align-items:center;gap:10px;margin:0 8px;padding:4px 4px 4px 10px;font-size:13px;display:flex}.logout-btn{border:1px solid var(--border-strong);height:30px;color:var(--text-2);background:0 0;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-size:13px;display:inline-flex}.logout-btn:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.muted{color:var(--text-3)}.small{font-size:12.5px}.ok-box,.warn-box{border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;padding:9px 12px;font-size:14px;display:flex}.ok-box{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.warn-box{background:var(--warning-soft);color:var(--warning)}.usage-bars{flex-direction:column;gap:14px;margin:6px 0 12px;display:flex}.usage-bar-head{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px;display:flex}.usage-pct{font-variant-numeric:tabular-nums;font-weight:650}.meter{background:var(--hover);border-radius:999px;height:8px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.meter-fill.warn{background:#d99a00}.meter-fill.danger{background:var(--danger)}.usage-reset{color:var(--text-3);margin-top:4px;font-size:12.5px}.usage-raw summary{cursor:pointer;color:var(--text-3);font-size:13px}.usage-raw pre{background:var(--code-bg);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:8px 0 0;padding:10px 12px;font-size:12.5px}.usage-table table{width:100%;font-size:13.5px}.usage-table th,.usage-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:7px 10px}.usage-table th{background:var(--code-head);font-weight:600}.usage-table tr.total td{font-weight:650}.usage-table code{font-size:12px}.segmented.small button{height:26px;padding:0 10px;font-size:13px}.settings-links{flex-wrap:wrap;gap:8px;display:flex}.model-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.model-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.model-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:14px;display:flex}.model-row-text code{color:var(--text-3);font-size:12px}.tag{white-space:nowrap;background:var(--hover);color:var(--text-3);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;display:inline-flex}.tag.ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent)}.tag.bad{color:var(--danger);background:var(--danger-soft)}.tag.warn{color:var(--warning);background:var(--warning-soft)}.custom-model{gap:8px;margin-top:6px;display:flex}.custom-model input{border:1px solid var(--border-strong);background:var(--bg);border-radius:10px;outline:0;flex:1;min-width:0;height:36px;padding:0 10px;font-size:15px}.dropdown>button.more-models{color:var(--accent);font-weight:550}@media (width<=768px){.model-row{flex-wrap:wrap}.custom-model{flex-direction:column}}.toasts{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:70;pointer-events:none;flex-direction:column;gap:8px;width:min(480px,100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:12px;align-items:center;gap:10px;padding:10px 8px 10px 14px;font-size:14px;animation:.15s pop;display:flex}.toast span{flex:1}.toast .icon-btn{color:inherit;opacity:.7}.toast.error svg:first-child{color:#ff8a80}.toast.warning svg:first-child{color:#ffcc80}.login-page{min-height:var(--app-height,100dvh);justify-content:center;align-items:center;padding:20px;display:flex}.login-card{border:1px solid var(--border);background:var(--bg-elev);width:min(380px,100%);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:28px 24px;display:flex}.login-logo{border-radius:12px;width:44px;height:44px}.login-card h1{margin:4px 0 0;font-size:22px}.login-sub{color:var(--text-3);margin:-6px 0 6px;font-size:14px}.login-card label{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;font-weight:550;display:flex}.login-card input{border:1px solid var(--border-strong);background:var(--bg);border-radius:11px;outline:0;width:100%;height:44px;padding:0 12px;font-size:16px}.login-card input:focus{border-color:var(--accent)}.password-field{position:relative}.password-field input{padding-right:44px}.password-field .icon-btn{position:absolute;top:6px;right:6px}@media (width<=768px){html,body{font-size:16px}.topbar{padding-left:6px;padding-right:6px}.messages-inner{gap:18px;padding:16px 14px 24px}.bubble{max-width:88%}.avatar{display:none}.composer-wrap{padding:0 8px calc(6px + env(safe-area-inset-bottom))}.kv{grid-template-columns:1fr;gap:2px}.empty h1{font-size:24px}.att-image img{max-width:160px;max-height:160px}.banner{flex-wrap:wrap}.toasts{bottom:calc(110px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}