:root{--bg-primary:#0a0a0c;--bg-secondary:#111114;--bg-tertiary:#18181c;--bg-elevated:#1e1e24;--bg-hover:#252530;--bg-active:#2a2a38;--surface-0:#0d0d10;--surface-1:#141418;--surface-2:#1a1a20;--surface-3:#222228;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--border-focus:#6366f180;--text-primary:#f0f0f4;--text-secondary:#9898a8;--text-tertiary:#6b6b7b;--text-disabled:#4a4a58;--accent:#6366f1;--accent-hover:#7c7ff7;--accent-muted:#6366f126;--accent-glow:#6366f14d;--success:#34d399;--success-muted:#34d39926;--warning:#fbbf24;--warning-muted:#fbbf2426;--error:#f87171;--error-muted:#f8717126;--info:#60a5fa;--info-muted:#60a5fa26;--detect-blue:#3b82f6;--detect-blue-fill:#3b82f61f;--select-amber:#f59e0b;--select-amber-fill:#f59e0b26;--door-purple:#a855f7;--door-purple-fill:#a855f71f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 20px #6366f126;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-size:13px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::selection{background:var(--accent-muted);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}input,textarea,select{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-size:13px}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}input::placeholder{color:var(--text-tertiary)}button{font-family:var(--font-sans);cursor:pointer;color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:13px}button:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 12px #6366f126}50%{box-shadow:0 0 24px #6366f14d}}.animate-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-slide{animation:slideIn var(--duration-slow) var(--ease-out) both}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}