:root{--bg: #0d0d14;--surface: #1e1e2e;--elevated: #252536;--border: rgba(255,255,255,.07);--fg: #e4e4e7;--fg2: #a1a1aa;--muted: #71717a;--cyan: #06b6d4;--cyan-hover: #0891b2;--red: #ef4444;--radius: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.screen{display:flex;flex-direction:column;height:100dvh}.login-container{display:flex;flex-direction:column;align-items:center;padding:80px 24px 24px;gap:14px}.login-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;font-size:32px;font-weight:800;display:flex;align-items:center;justify-content:center}.login-title{font-size:24px;font-weight:700;margin-top:8px}.login-desc{font-size:14px;color:var(--muted);margin-bottom:8px}.login-container input{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;color:var(--fg);font-size:15px;outline:none}.login-container input:focus{border-color:var(--cyan)}.login-container input::placeholder{color:var(--muted)}.btn-primary{width:100%;max-width:340px;background:var(--cyan);color:var(--bg);border-radius:10px;padding:14px;font-size:15px;font-weight:600}.btn-primary:active{background:var(--cyan-hover)}.btn-primary:disabled{opacity:.4}.error-msg{color:var(--red);font-size:13px;text-align:center}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 8px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--border);flex-shrink:0}.header-title{flex:1;font-size:18px;font-weight:700;color:var(--cyan)}.header-actions{display:flex;gap:2px}.header-btn{color:var(--muted);padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center}.header-btn:active{background:var(--surface)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 16px;text-align:center}.welcome-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center}.chat-welcome p{color:var(--muted);font-size:15px;max-width:280px;line-height:1.5}.message{display:flex;flex-direction:column;gap:4px;max-width:88%;animation:msgIn .2s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.msg-sender{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:0 4px}.msg-bubble{padding:12px 16px;border-radius:var(--radius);font-size:15px;line-height:1.6;word-break:break-word}.message.user .msg-bubble{background:#1e3a5f;color:var(--fg);border-bottom-right-radius:4px}.message.assistant .msg-bubble{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-bottom-left-radius:4px}.streaming-cursor{display:inline-block;color:var(--cyan);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.msg-bubble h1,.msg-bubble h2,.msg-bubble h3{margin:8px 0 4px;color:#fafafa}.msg-bubble h1{font-size:18px}.msg-bubble h2{font-size:17px}.msg-bubble h3{font-size:16px}.msg-bubble h1:first-child,.msg-bubble h2:first-child,.msg-bubble h3:first-child{margin-top:0}.msg-bubble ul,.msg-bubble ol{margin:4px 0;padding-left:20px}.msg-bubble li{margin:2px 0;line-height:1.5}.msg-bubble blockquote{border-left:3px solid var(--cyan);padding:4px 12px;margin:6px 0;color:var(--fg2);background:#06b6d40d;border-radius:0 4px 4px 0}.msg-bubble hr{border:none;border-top:1px solid var(--border);margin:8px 0}.msg-bubble a{color:var(--cyan);text-decoration:none}.msg-bubble a:active{text-decoration:underline}.msg-bubble strong{color:#fafafa}.msg-bubble em{font-style:italic}.msg-bubble del{text-decoration:line-through;color:var(--muted)}.msg-bubble pre{background:#1c1c1f;border:1px solid var(--border);border-radius:8px;padding:10px 12px;overflow-x:auto;font-size:13px;font-family:SF Mono,Fira Code,monospace;margin:6px 0;white-space:pre-wrap}.msg-bubble code{background:#1c1c1f;padding:2px 5px;border-radius:4px;font-size:13px;font-family:SF Mono,Fira Code,monospace}.msg-bubble table{border-collapse:collapse;margin:6px 0;font-size:13px;width:100%}.msg-bubble th,.msg-bubble td{border:1px solid var(--border);padding:4px 8px;text-align:left}.msg-bubble th{background:var(--surface);font-weight:600;color:#fafafa}.chat-input{display:flex;gap:8px;align-items:flex-end;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-shrink:0;background:var(--bg)}.chat-input textarea{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--fg);font-size:15px;outline:none;resize:none;min-height:44px;max-height:120px;line-height:1.4}.chat-input textarea:focus{border-color:var(--cyan)}.chat-input textarea::placeholder{color:var(--muted)}.send-btn{width:44px;height:44px;border-radius:10px;background:var(--cyan);color:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn:active{background:var(--cyan-hover)}.stop-btn{width:44px;height:44px;border-radius:10px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stop-btn:active{opacity:.8}.conv-overlay{position:fixed;inset:0;background:#00000080;z-index:100}.conv-drawer{position:fixed;top:0;left:0;width:300px;max-width:85vw;height:100dvh;background:var(--surface);border-right:1px solid var(--border);z-index:101;display:flex;flex-direction:column;animation:drawerIn .2s ease}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.conv-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));border-bottom:1px solid var(--border);font-size:16px;font-weight:700}.conv-list{flex:1;overflow-y:auto;padding:8px}.conv-empty{text-align:center;color:var(--muted);font-size:13px;padding:32px 16px}.conv-item{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:10px;margin-bottom:2px}.conv-item:active{background:var(--elevated)}.conv-item.active{background:var(--elevated);border:1px solid var(--border)}.conv-item-body{flex:1;min-width:0}.conv-item-title{font-size:14px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item-date{font-size:11px;color:var(--muted);margin-top:2px}.conv-item-del{color:var(--muted);padding:6px;border-radius:6px;opacity:.5}.conv-item-del:active{color:var(--red);opacity:1}::-webkit-scrollbar{width:0}