:root{--bg: #FFFFFF;--bg-secondary: #F7F7F8;--bg-tertiary: #FAFAFA;--text-primary: #111111;--text-secondary: #4B5563;--text-muted: #6B7280;--border: #E5E7EB;--border-strong: #D1D5DB;--primary: #2563EB;--primary-hover: #1D4ED8;--primary-light: #DBEAFE;--primary-dim: rgba(37, 99, 235, .08);--success: #16A34A;--success-bg: #F0FDF4;--success-border: rgba(22, 163, 74, .2);--warning: #F59E0B;--warning-bg: #FFFBEB;--warning-border: rgba(245, 158, 11, .2);--error: #DC2626;--error-bg: #FEF2F2;--error-border: rgba(220, 38, 38, .2);--bg-base: var(--bg);--bg-surface: var(--bg-secondary);--bg-elevated: var(--bg-tertiary);--bg-border: var(--border);--bg-border-strong: var(--border-strong);--accent-blue: var(--primary);--accent-glow: var(--primary);--accent-dim: var(--primary-hover);--text-accent: var(--primary);--font-sans: "Inter", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--font-display: var(--font-sans);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0px 1px 2px rgba(0,0,0,.05);--shadow-md: 0px 2px 8px rgba(0,0,0,.05);--shadow-lg: 0px 8px 24px rgba(0,0,0,.06);--transition: .15s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:var(--primary-light);color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}[data-theme=dark]{--bg: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2333;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--border: #21262d;--border-strong: #30363d;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-light: rgba(59,130,246,.15);--primary-dim: rgba(59,130,246,.12);--success: #3fb950;--success-bg: rgba(63,185,80,.08);--success-border: rgba(63,185,80,.2);--warning: #d29922;--warning-bg: rgba(210,153,34,.08);--warning-border: rgba(210,153,34,.2);--error: #f85149;--error-bg: rgba(248,81,73,.08);--error-border: rgba(248,81,73,.2);--shadow-sm: 0px 1px 3px rgba(0,0,0,.4);--shadow-md: 0px 4px 12px rgba(0,0,0,.4);--shadow-lg: 0px 8px 32px rgba(0,0,0,.5)}*,*:before,*:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:.18s;transition-timing-function:ease}[style*=transform],[style*=opacity],canvas,svg *{transition:none!important}