:root { color-scheme: dark; }
html { color-scheme: dark; }
body { color-scheme: dark; background-color: #000000; color: #ffffff; }
.pixelated { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; }
.bg-gradient-to-r { background: linear-gradient(to right, var(--tw-gradient-stops)); }
.bg-gradient-to-br { background: linear-gradient(to bottom right, var(--tw-gradient-stops)); }
.bg-clip-text { background-clip: text; -webkit-background-clip: text; }
.text-transparent { color: transparent; }
.from-white { --tw-gradient-from: #ffffff; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)); }
.via-purple-200 { --tw-gradient-stops: var(--tw-gradient-from), #e9d5ff, var(--tw-gradient-to, rgba(233, 213, 255, 0)); }
.to-purple-400 { --tw-gradient-to: #c084fc; }
.from-purple-500 { --tw-gradient-from: #a855f7; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0)); }
.to-purple-700 { --tw-gradient-to: #7c3aed; }
.from-purple-900\/20 { --tw-gradient-from: rgba(88, 28, 135, 0.2); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(88, 28, 135, 0)); }
.to-purple-900\/10 { --tw-gradient-to: rgba(88, 28, 135, 0.1); }