@custom-variant dark (&:where(.dark, .dark *));@theme{--color-primary-50: #eff6ff; --color-primary-100: #dbeafe; --color-primary-200: #bfdbfe; --color-primary-300: #93c5fd; --color-primary-400: #60a5fa; --color-primary-500: #3b82f6; --color-primary-600: #2563eb; --color-primary-700: #1d4ed8; --color-primary-800: #1e40af; --color-primary-900: #1e3a8a;}@layer base{@apply bg-white text-gray-900 antialiased transition-colors duration-300;body{font-family:Inter,Noto Sans SC,system-ui,-apple-system,sans-serif}@apply bg-gray-950 text-gray-100;@apply bg-primary-200 text-primary-900;@apply bg-primary-800 text-primary-100;}@layer components{@apply text-3xl font-bold mt-10 mb-4;@apply text-2xl font-semibold mt-10 mb-4 pb-2 border-b border-gray-200 dark:border-gray-800;@apply text-xl font-semibold mt-8 mb-3;@apply my-4 leading-relaxed;@apply list-disc pl-6 my-4 space-y-1;@apply list-decimal pl-6 my-4 space-y-1;@apply leading-relaxed;@apply bg-gray-100 dark:bg-gray-800 text-pink-600 dark:text-pink-400 px-1.5 py-0.5 rounded text-sm font-mono;@apply bg-gray-900 dark:bg-gray-900 text-gray-100 p-5 rounded-xl my-6 overflow-x-auto border border-gray-800;@apply bg-transparent text-gray-100 p-0;@apply w-full border-collapse my-6;@apply border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 px-4 py-2 text-left font-semibold;@apply border border-gray-200 dark:border-gray-700 px-4 py-2;@apply text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-300 underline;@apply font-semibold text-gray-900 dark:text-gray-100;@apply border-l-4 border-primary-400 dark:border-primary-600 bg-primary-50 dark:bg-primary-950/30 px-4 py-3 my-4 italic text-gray-700 dark:text-gray-300 rounded-r-lg;@apply my-8 border-gray-200 dark:border-gray-800;}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in-up{animation:.6s ease-out forwards fade-in-up}.animate-float{animation:6s ease-in-out infinite float}::-webkit-scrollbar{width:6px}@apply bg-transparent;@apply bg-gray-300 dark:bg-gray-700 rounded-full;@apply bg-gray-400 dark:bg-gray-600;