:root[data-mode=dark]{--fallback-bg: #1a1b23;--gradient-start: #06B6D4;--gradient-end: #FFCD00;--input-bg: #2a2d3a;--input-text: #ffffff;--input-placeholder: #9ca3af;--input-border: #4b5563;--section-bg-primary: #2a2d3a;--section-bg-secondary: #22242f}:root[data-mode=light]{--fallback-bg: #f3f4f6;--gradient-start: #0891b2;--gradient-end: #ca8a04;--input-bg: #ffffff;--input-text: #1f2937;--input-placeholder: #6b7280;--input-border: #d1d5db;--section-bg-primary: #ffffff;--section-bg-secondary: #f9fafb}.gradient-text{@apply bg-clip-text text-transparent bg-gradient-to-r;background-image:linear-gradient(to right,var(--gradient-start),var(--gradient-end))}.bg-themed{background-color:var(--section-bg-primary);@apply transition-colors duration-300;}.bg-themed-lighter{@apply bg-dark-200 data-[mode=light]:bg-light-200;}.bg-themed-darker{background-color:var(--section-bg-secondary);@apply transition-colors duration-300;}.text-themed{@apply text-white data-[mode=light]:text-gray-900;}.text-themed-secondary{@apply text-gray-300 data-[mode=light]:text-gray-600;}.text-themed-muted{@apply text-gray-400 data-[mode=light]:text-gray-500;}.border-themed{@apply border-dark-300 data-[mode=light]:border-light-300;}.hover-themed{@apply hover:bg-dark-300/50 data-[mode=light]:hover:bg-light-300/50;}.backdrop-themed{@apply bg-dark-100/95 data-[mode=light]:bg-light-100/95;}.menu-themed{@apply bg-dark-100/90 data-[mode=light]:bg-light-100/90;}.input-themed{background-color:var(--input-bg);color:var(--input-text);border-color:var(--input-border);@apply transition-colors duration-150;}.input-themed::placeholder{color:var(--input-placeholder)}[data-mode=light] input:not(.input-themed),[data-mode=light] textarea:not(.input-themed),[data-mode=light] select:not(.input-themed){@apply bg-white text-gray-900;}[data-mode=dark] input:not(.input-themed),[data-mode=dark] textarea:not(.input-themed),[data-mode=dark] select:not(.input-themed){@apply bg-dark-100 text-white;}section.bg-themed+section.bg-themed{background-color:var(--section-bg-secondary)}section.bg-themed-darker+section.bg-themed-darker{background-color:var(--section-bg-primary)}[data-mode=dark]{color-scheme:dark}[data-mode=light]{color-scheme:light}[data-mode=dark] .shiki,[data-mode=dark] .shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}