*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}@media (width<=768px){input,select,textarea{font-size:16px}}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:#0d0d0d;--sidebar-bg:#111;--surface:#1a1a1a;--surface-2:#222;--border:#282828;--text:#e5e5e5;--text-muted:#6b7280;--accent:#7c3aed;--accent-h:#6d28d9;--user-bg:#131825;--error:#ef4444;--error-bg:#1f0a0a;--error-border:#3b1010}.app{background:var(--bg);height:100vh;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;width:256px;min-width:256px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:16px 12px 12px;display:flex}.sidebar-brand{align-items:center;gap:8px;padding:0 4px;display:flex}.sidebar-brand-icon{color:var(--accent)}.sidebar-logo{letter-spacing:-.3px;font-size:15px;font-weight:700}.btn-new{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.btn-new:hover{background:var(--accent-h)}.sidebar-conversations{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent;flex:1;padding:6px;overflow-y:auto}.sidebar-empty{color:var(--text-muted);text-align:center;padding:24px 12px;font-size:12px}.conv-item{cursor:pointer;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.conv-item:hover,.conv-item.active{background:var(--surface);color:var(--text)}.conv-icon{flex-shrink:0}.conv-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.btn-delete{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:3px;transition:opacity .15s,color .15s;display:flex}.conv-item:hover .btn-delete{opacity:1}.btn-delete:hover{color:var(--error)}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);padding:10px 16px;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chat-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.chat-empty-icon{opacity:.2}.chat-empty h2{color:var(--text);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:600}.chat-empty p{margin:0;font-size:14px}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent;flex:1;overflow-y:auto}.message{gap:14px;padding:14px clamp(20px,50% - 360px,120px);display:flex}.message-user{background:var(--user-bg)}.message-avatar{background:var(--surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.message-user .message-avatar{background:var(--accent);border-color:var(--accent);color:#fff}.message-content{min-width:0;color:var(--text);flex:1;font-size:14px;line-height:1.75}.message-content p{margin:0 0 10px}.message-content p:last-child{margin-bottom:0}.message-content pre{border:1px solid var(--border);background:#080808;border-radius:8px;margin:10px 0;padding:14px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.message-content code{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:13px}.message-content :not(pre)>code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.message-content ul,.message-content ol{margin:8px 0;padding-left:22px}.message-content li{margin:4px 0}.message-content h1,.message-content h2,.message-content h3{letter-spacing:-.2px;color:var(--text);margin:16px 0 6px;font-weight:600}.message-content h1{font-size:1.25em}.message-content h2{font-size:1.1em}.message-content h3{font-size:1em}.message-content blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:10px 0;padding:4px 0 4px 14px}.message-content table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.message-content th,.message-content td{border:1px solid var(--border);text-align:left;padding:7px 12px}.message-content th{background:var(--surface);font-weight:600}.message-content a{color:#a78bfa;text-underline-offset:2px;text-decoration:underline}.message-loading{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.spin{flex-shrink:0;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chat-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error);border-radius:8px;align-items:center;gap:8px;margin:8px clamp(20px,50% - 360px,120px);padding:11px 14px;font-size:13px;display:flex}.input-area{border-top:1px solid var(--border);background:var(--bg);padding:14px clamp(20px,50% - 360px,120px) 10px}.input-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s;overflow:hidden}.input-wrapper:focus-within{border-color:var(--accent)}.input-textarea{width:100%;color:var(--text);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;min-height:46px;max-height:200px;padding:13px 16px 6px;font-family:inherit;font-size:14px;line-height:1.65;display:block}.input-textarea::placeholder{color:var(--text-muted)}.input-textarea:disabled{opacity:.5}.input-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.select-model{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;transition:border-color .15s,color .15s}.select-model:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.select-model:disabled{opacity:.5;cursor:not-allowed}.btn-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,opacity .15s;display:flex}.btn-send:hover:not(:disabled){background:var(--accent-h)}.btn-send:disabled{opacity:.35;cursor:not-allowed}.input-hint{text-align:center;color:var(--text-muted);opacity:.5;margin-top:6px;font-size:11px}.mobile-header{border-bottom:1px solid var(--border);background:var(--sidebar-bg);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:none}.btn-menu{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:background .15s;display:flex}.btn-menu:hover{background:var(--surface)}.mobile-title{letter-spacing:-.3px;font-size:15px;font-weight:700}.btn-close-sidebar{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;margin-left:auto;padding:3px;transition:color .15s,background .15s;display:none}.btn-close-sidebar:hover{color:var(--text);background:var(--surface)}.sidebar-overlay{z-index:40;background:#0000008c;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{z-index:50;width:280px;min-width:280px;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #0006}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.btn-close-sidebar,.mobile-header{display:flex}.message{padding:12px 16px}.chat-error{margin:8px 16px}.input-area{padding:12px 16px 10px}}@media (width<=480px){.sidebar{width:100%;min-width:unset}.message{gap:10px;padding:10px 12px}.message-content{font-size:13px}.message-content pre{padding:10px 12px;font-size:12px}.input-area{padding:10px 12px 8px}.input-textarea{font-size:16px}.chat-empty h2{font-size:18px}.input-hint{display:none}}