@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg-deep:#0A0A14;--bg-card:#0F1120;--bg-surface:#161830;--bg-elevated:#1C1E3A;--bg-hover:#222450;--text-primary:#F0F0F5;--text-secondary:#8A8FA0;--text-muted:#565A6E;--accent:#38A0FB;--accent-light:#63C1FF;--accent-dim:rgba(56,160,251,0.15);--accent-gradient:linear-gradient(180deg,#63C1FF,#38A0FB);--border-subtle:#1E2040;--border-active:#38A0FB;--danger:#FF4D6A;--danger-dim:rgba(255,77,106,0.15);--success:#34D399;--success-dim:rgba(52,211,153,0.15);--sidebar-width:280px;--input-bar-height:80px;--header-height:56px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-accent:0 4px 16px rgba(56,160,251,0.25);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(56,160,251,.35)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid transparent}.btn-danger:hover{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{background:var(--bg-surface);color:var(--text-primary)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm);font-size:1.125rem}.input{width:100%;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:border-color var(--duration-fast) var(--ease-out);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:100px;line-height:1.6}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out) forwards}.markdown-content{line-height:1.7;word-break:break-word}.markdown-content p{margin-bottom:.75em}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:1.25em;margin-bottom:.5em;font-weight:700;line-height:1.3}.markdown-content h1{font-size:1.375rem}.markdown-content h2{font-size:1.125rem}.markdown-content h3{font-size:1rem}.markdown-content ol,.markdown-content ul{margin:.5em 0;padding-left:1.5em}.markdown-content li{margin-bottom:.25em}.markdown-content code{background:var(--bg-surface);padding:2px 6px;border-radius:4px;font-size:.85em;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.markdown-content pre{background:var(--bg-deep);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:16px;margin:.75em 0;overflow-x:auto}.markdown-content pre code{background:none;padding:0;font-size:.825rem;line-height:1.5}.markdown-content table{width:100%;border-collapse:collapse;margin:.75em 0;font-size:.875rem}.markdown-content td,.markdown-content th{padding:8px 12px;border:1px solid var(--border-subtle);text-align:left}.markdown-content th{background:var(--bg-surface);font-weight:600}.markdown-content blockquote{border-left:3px solid var(--accent);padding-left:16px;margin:.75em 0;color:var(--text-secondary)}.markdown-content strong{font-weight:600;color:var(--text-primary)}.markdown-content a{color:var(--accent)}.markdown-content a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}