:root{--color-primary:#6366f1;--color-primary-hover:#5558e6;--color-primary-light:#818cf8;--color-primary-bg:#eef2ff;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-bg:#fafafa;--color-bg-secondary:#fff;--color-bg-tertiary:#f3f4f6;--color-bg-hover:#e5e7eb;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-border-focus:#6366f1;--color-shadow:#0000000d;--color-shadow-md:#0000001a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.1s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--sidebar-width:280px}.dark{--color-bg:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#262626;--color-bg-hover:#333;--color-text:#f5f5f5;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-border:#333;--color-border-focus:#818cf8;--color-shadow:#0000004d;--color-shadow-md:#00000080;--color-primary-bg:#1e1b4b;color:var(--color-text);background:var(--color-bg)}@media (prefers-color-scheme:dark){:root:not(.light){--color-bg:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#262626;--color-bg-hover:#333;--color-text:#f5f5f5;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-border:#333;--color-border-focus:#818cf8;--color-shadow:#0000004d;--color-shadow-md:#00000080;--color-primary-bg:#1e1b4b}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{border-radius:var(--radius-sm);padding:8px}.input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:.9rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:10px 14px}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--color-text-tertiary)}textarea.input{resize:vertical;min-height:80px}.label{color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-size:.85rem;font-weight:600;display:block}.hint{color:var(--color-text-tertiary);margin-top:2px;font-size:.78rem}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 1px 3px var(--color-shadow)}.badge{border-radius:var(--radius-full);align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--color-primary-bg);color:var(--color-primary)}.badge-success{color:#166534;background:#dcfce7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp var(--transition-slow)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1em;margin-bottom:.5em;font-weight:700}.markdown-content p{margin-bottom:.75em}.markdown-content ul,.markdown-content ol{margin-bottom:.75em;padding-left:1.5em}.markdown-content code{font-family:var(--font-mono);background:var(--color-bg-tertiary);border-radius:4px;padding:2px 6px;font-size:.85em}.markdown-content pre{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:.75em;overflow-x:auto}.markdown-content pre code{background:0 0;border-radius:0;padding:0}.markdown-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-md);color:var(--color-text-secondary);margin-bottom:.75em}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:.75em}.markdown-content th,.markdown-content td{border:1px solid var(--color-border);text-align:left;padding:8px 12px}.markdown-content th{background:var(--color-bg-tertiary);font-weight:600}.loading-dots{gap:4px;display:inline-flex}.loading-dots span{background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.toast-container{bottom:var(--space-lg);right:var(--space-lg);z-index:9999;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{border-radius:var(--radius-md);animation:slideUp var(--transition-slow);box-shadow:0 4px 12px var(--color-shadow-md);padding:12px 20px;font-size:.9rem;font-weight:500}.toast-success{color:#fff;background:#166534}.toast-error{color:#fff;background:#dc2626}.toast-info{background:var(--color-primary);color:#fff}