@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600;700&family=Geist:wght@300;400;450;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--background:#09090b;--surface-1:#0d0d10;--surface-2:#111116;--surface-3:#16161d;--surface-hover:#1b1b23;--surface-active:#22222c;--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff24;--border-focus:#7c83ff;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-disabled:#52525b;--primary:#7c83ff;--primary-hover:#8b91ff;--primary-muted:#7c83ff1f;--primary-foreground:#09090b;--success:#34d399;--success-muted:#34d3991f;--warning:#fbbf24;--warning-muted:#fbbf241f;--danger:#fb7185;--danger-muted:#fb71851f;--info:#38bdf8;--info-muted:#38bdf81f;--algo-unvisited:#71717a;--algo-active:#38bdf8;--algo-comparing:#fbbf24;--algo-success:#34d399;--algo-error:#fb7185;--algo-pointer:#a78bfa;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:52px;--max-workspace:1680px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Geist Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--shadow-subtle:0 1px 2px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 12px 32px #000c;--shadow-command:0 20px 48px #000000d9, 0 0 0 1px var(--border-default);--transition-fast:.12s cubic-bezier(.16, 1, .3, 1);--transition-normal:.18s cubic-bezier(.16, 1, .3, 1);--transition-panel:.22s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--background:#fafafa;--surface-1:#fff;--surface-2:#f4f4f5;--surface-3:#e4e4e7;--surface-hover:#ececee;--surface-active:#e4e4e7;--border-subtle:#0000000d;--border-default:#00000017;--border-strong:#00000026;--border-focus:#5d65f6;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--text-disabled:#a1a1aa;--primary:#5d65f6;--primary-hover:#4d55ea;--primary-muted:#5d65f61a;--primary-foreground:#fff;--success:#059669;--success-muted:#0596691a;--warning:#d97706;--warning-muted:#d977061a;--danger:#e11d48;--danger-muted:#e11d481a;--info:#0284c7;--info-muted:#0284c71a;--shadow-subtle:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 28px #0000001f;--shadow-command:0 16px 40px #00000026, 0 0 0 1px var(--border-default)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background-color:var(--background);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}[data-theme=light] body:before{background-image:radial-gradient(circle,#0000000a 1px,#0000 1px)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:600}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none}code,kbd,samp,pre{font-family:var(--font-mono)}kbd{font-size:11px;font-weight:500;font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-xs);justify-content:center;align-items:center;padding:1px 5px;display:inline-flex;box-shadow:0 1px #0003}::selection{background-color:var(--primary-muted);color:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff38}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000038}.surface-panel{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md)}.surface-card{background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast), background-color var(--transition-fast);padding:16px}.surface-card:hover{border-color:var(--border-strong);background-color:var(--surface-hover)}.surface-interactive{cursor:pointer;background-color:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.surface-interactive:hover{border-color:var(--primary);background-color:var(--surface-hover);transform:translateY(-1px)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.btn-primary{border-radius:var(--radius-sm);background-color:var(--primary);height:36px;color:var(--primary-foreground);border:1px solid #0000;padding:0 14px;font-size:13px;font-weight:500}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{border-radius:var(--radius-sm);background-color:var(--surface-2);height:36px;color:var(--text-primary);border:1px solid var(--border-default);padding:0 14px;font-size:13px;font-weight:500}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}.btn-ghost{border-radius:var(--radius-sm);height:34px;color:var(--text-secondary);padding:0 10px;font-size:13px;font-weight:500}.btn-ghost:hover{color:var(--text-primary);background-color:var(--surface-hover)}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);background-color:#0000}.btn-icon:hover{color:var(--text-primary);background-color:var(--surface-hover)}.badge{border-radius:var(--radius-xs);font-size:11px;font-weight:500;font-family:var(--font-mono);align-items:center;gap:5px;padding:2px 7px;line-height:1.2;display:inline-flex}.badge-subtle{background-color:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-primary{background-color:var(--primary-muted);color:var(--primary);border:1px solid #7c83ff40}.badge-success{background-color:var(--success-muted);color:var(--success);border:1px solid #34d39940}.badge-warning{background-color:var(--warning-muted);color:var(--warning);border:1px solid #fbbf2440}.badge-danger{background-color:var(--danger-muted);color:var(--danger);border:1px solid #fb718540}.badge-info{background-color:var(--info-muted);color:var(--info);border:1px solid #38bdf840}input,textarea,select{color:var(--text-primary);background-color:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:8px 12px;font-family:inherit;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}