:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #3b82f6;--accent-hover: #2563eb;--border-color: #334155;--input-bg: #0f172a;--container-width: 1200px;--header-height: 64px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 4px;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}.filter-protanopia{filter:url(#protanopia)}.filter-deuteranopia{filter:url(#deuteranopia)}.filter-tritanopia{filter:url(#tritanopia)}.filter-grayscale{filter:url(#grayscale)}