:root{--bg: #12141a;--bg-elevated: #1a1d25;--bg-elevated-2: #21252f;--border: #2b2f3a;--border-soft: #23262f;--text: #e9e7e1;--text-muted: #9095a3;--text-faint: #5c616f;--accent: #e0a458;--accent-strong: #f0b96e;--accent-ink: #241a0d;--trace: #5fb8ac;--trace-bg: rgba(95, 184, 172, .1);--danger: #e2685c;--danger-bg: rgba(226, 104, 92, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--sidebar-width: 288px;--header-height: 56px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}#app{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:transform .2s ease}.sidebar__header{padding:16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-soft)}.sidebar__brand{font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.sidebar__brand svg{color:var(--accent)}.new-chat-btn{margin:12px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;gap:8px;transition:background .15s ease,border-color .15s ease}.new-chat-btn:hover{background:var(--bg-elevated-2);border-color:var(--accent)}.session-list{flex:1;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:2px}.session-item{padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;display:flex;flex-direction:column;gap:2px;overflow:hidden}.session-item__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:14px}.session-item__meta{font-size:12px;color:var(--text-faint)}.session-item:hover,.session-item.is-active{background:var(--bg-elevated-2)}.sidebar__footer{padding:12px;border-top:1px solid var(--border-soft)}.settings-btn{width:100%;padding:10px 12px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;color:var(--text-muted)}.settings-btn:hover{background:var(--bg-elevated-2);color:var(--text)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:var(--header-height);flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border-soft)}.menu-btn{display:none;padding:6px;border-radius:var(--radius-sm);color:var(--text-muted)}.model-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}.cors-badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-faint)}.cors-badge[data-status=direct]{color:var(--trace);border-color:var(--trace)}.cors-badge[data-status=proxy_required]{color:var(--danger);border-color:var(--danger)}.chat{flex:1;overflow-y:auto;padding:24px 16px 8px}.chat__inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.empty-state{margin:auto;text-align:center;color:var(--text-muted);max-width:420px;padding:32px}.empty-state svg{color:var(--accent);margin-bottom:12px}.empty-state h2{color:var(--text);font-size:18px;margin:0 0 8px}.empty-state p{margin:0;font-size:14px}.msg{display:flex;gap:12px;max-width:100%}.msg--user{align-self:flex-end;flex-direction:row-reverse}.msg__bubble{padding:10px 14px;border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word}.msg--user .msg__bubble{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:var(--radius-sm)}.msg--assistant .msg__bubble{background:var(--bg-elevated);border:1px solid var(--border-soft);border-bottom-left-radius:var(--radius-sm)}.trace{border-left:3px solid var(--trace);background:var(--trace-bg);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:8px 12px;font-size:13px}.trace__head{display:flex;align-items:center;gap:6px;color:var(--trace);font-weight:600;cursor:pointer}.trace__body{margin-top:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.trace.is-collapsed .trace__body{display:none}.msg--error .msg__bubble{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.typing{display:flex;gap:4px;padding:12px 14px}.typing span{width:6px;height:6px;border-radius:50%;background:var(--text-faint);animation:typing-bounce 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.composer{flex-shrink:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-soft)}.composer__inner{max-width:720px;margin:0 auto;display:flex;align-items:flex-end;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 8px 8px 16px}.composer__inner:focus-within{border-color:var(--accent)}.composer textarea{flex:1;background:none;border:none;resize:none;max-height:160px;padding:8px 0;outline:none}.send-btn{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;transition:background .15s ease,opacity .15s ease}.send-btn:hover{background:var(--accent-strong)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0a0b0e99;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:85vh;overflow-y:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-soft)}.modal__header h2{font-size:16px;margin:0}.modal__close{color:var(--text-muted);padding:4px}.modal__body{padding:16px;display:flex;flex-direction:column;gap:14px}.key-field{display:flex;flex-direction:column;gap:6px}.key-field__label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.key-field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.key-field input:focus{border-color:var(--accent)}@media(max-width:768px){.sidebar{position:fixed;inset:0 25% 0 0;z-index:40;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:8px 0 24px #0006}.sidebar-scrim{display:none;position:fixed;inset:0;background:#0006;z-index:30}.sidebar-scrim.is-open{display:block}.menu-btn{display:flex}.msg{max-width:92%}}