:root{--bg: #080808;--surface: #111111;--card: #161616;--card-hover: #1a1a1a;--border: #222222;--border-light: #2a2a2a;--accent: #7c3aed;--accent-dim: #6d28d9;--accent-glow: rgba(124, 58, 237, .15);--accent-subtle:rgba(124, 58, 237, .08);--text-1: #f5f5f5;--text-2: #a3a3a3;--text-3: #525252;--text-4: #333333;--success: #16a34a;--success-bg: rgba(22, 163, 74, .1);--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .1);--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--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;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-card: 0 0 0 1px var(--border), 0 4px 24px rgba(0,0,0,.4);--shadow-accent: 0 0 0 1px var(--accent), 0 0 24px var(--accent-glow);--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--rail-height: 64px;--input-width: 360px;--sidebar-width: 320px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px}body{min-height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto}#root{min-height:100%}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.1}p{line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--font-mono);font-size:.875em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:var(--accent-glow);color:var(--text-1)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dim)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface);color:var(--text-1);border-color:var(--border-light)}.btn-icon{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-3);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.btn-icon:hover{background:var(--surface);color:var(--text-1)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-1);box-shadow:var(--shadow-card);pointer-events:all;animation:slideIn .2s ease forwards;max-width:360px}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--error)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);max-width:440px;width:100%;box-shadow:var(--shadow-card);animation:modalIn .2s ease forwards}@keyframes modalIn{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-free{background:var(--surface);color:var(--text-3);border:1px solid var(--border)}.badge-starter{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.badge-pro{background:var(--accent-subtle);color:var(--accent);border:1px solid rgba(124,58,237,.2)}.badge-business{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}