:root{--bg-base: #FFFFFF;--bg-elevated: #FAFAFA;--bg-surface: #F4F4F6;--bg-overlay: #FFFFFF;--fg-primary: #0E0E10;--fg-secondary: #5C5C6A;--fg-tertiary: #9B9BA8;--fg-on-accent: #FFFFFF;--accent-strong: #6366F1;--accent-hover: #4F46E5;--accent-muted: rgba(99,102,241,.1);--accent-subtle: rgba(99,102,241,.04);--status-success: #22C55E;--status-warning: #F59E0B;--status-error: #EF4444;--status-info: #38BDF8;--border-subtle: rgba(14,14,16,.07);--border-default: rgba(14,14,16,.12);--border-strong: rgba(14,14,16,.22);--font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-code: "JetBrains Mono", "Fira Code", monospace;--text-xs-size: 11px;--text-xs-lh: 1.4;--text-xs-weight: 400;--text-sm-size: 13px;--text-sm-lh: 1.5;--text-sm-weight: 400;--text-base-size: 14px;--text-base-lh: 1.5;--text-base-weight: 400;--text-md-size: 15px;--text-md-lh: 1.4;--text-md-weight: 500;--text-lg-size: 18px;--text-lg-lh: 1.3;--text-lg-weight: 600;--text-xl-size: 24px;--text-xl-lh: 1.2;--text-xl-weight: 700;--text-code-size: 13px;--text-code-lh: 1.6;--text-code-weight: 400;--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: 3px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(14,14,16,.06);--shadow-md: 0 4px 12px rgba(14,14,16,.08);--shadow-lg: 0 8px 24px rgba(14,14,16,.12);--shadow-accent: 0 0 0 2px rgba(99,102,241,.4);--transition: .12s ease;--bg-primary: var(--bg-base);--bg-secondary: var(--bg-elevated);--bg-card: var(--bg-elevated);--bg-card-hover: var(--bg-surface);--border: var(--border-default);--border-purple: var(--accent-muted);--text-primary: var(--fg-primary);--text-secondary: var(--fg-secondary);--text-muted: var(--fg-tertiary);--accent: var(--accent-strong);--accent-light: var(--accent-hover);--accent-glow: var(--shadow-accent);--gradient-start: var(--accent-strong);--gradient-end: var(--accent-hover);--error: var(--status-error);--success: var(--status-success);--radius: var(--radius-xl);--radius-lg-legacy: var(--radius-xl);--font: var(--font-ui)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--fg-primary);-webkit-font-smoothing:antialiased;line-height:var(--text-base-lh);font-size:var(--text-base-size)}::selection{background:var(--accent-muted);color:var(--fg-primary)}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}a{color:var(--accent-strong);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}button{cursor:pointer;font-family:var(--font-ui);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}input{font-family:var(--font-ui);transition:border-color var(--transition),box-shadow var(--transition)}input:focus{border-color:var(--accent-strong)!important;box-shadow:var(--shadow-accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--fg-tertiary)}