.theme-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsl(var(--primary)/.2);box-shadow:0 8px 32px #0000001a}[data-theme=light] .theme-glass{background:#ffffff40;box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc}[data-theme=dark] .theme-glass{background:#00000040;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a}.theme-slider{appearance:none;cursor:pointer;border-radius:4px;width:100%;height:8px}[data-theme=light] .theme-slider{background:hsl(var(--input)/.5);border:1px solid hsl(var(--primary)/.3)}[data-theme=dark] .theme-slider{background:hsl(var(--input)/.3);border:1px solid hsl(var(--primary)/.3)}.theme-slider::-webkit-slider-thumb{appearance:none;background:hsl(var(--primary));cursor:pointer;border:3px solid hsl(var(--background));width:24px;height:24px;box-shadow:0 0 20px hsl(var(--primary)/.5),0 0 30px hsl(var(--primary)/.3);border-radius:50%;transition:all .3s}.theme-slider::-webkit-slider-thumb:hover{box-shadow:0 0 25px hsl(var(--primary)/.7),0 0 40px hsl(var(--primary)/.4);transform:scale(1.2)}.theme-slider::-moz-range-thumb{background:hsl(var(--primary));cursor:pointer;border:3px solid hsl(var(--background));width:24px;height:24px;box-shadow:0 0 20px hsl(var(--primary)/.5),0 0 30px hsl(var(--primary)/.3);border-radius:50%;transition:all .3s}.theme-slider::-moz-range-thumb:hover{box-shadow:0 0 25px hsl(var(--primary)/.7),0 0 40px hsl(var(--primary)/.4);transform:scale(1.2)}Custom scrollbar .overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}[data-theme=light] .overflow-y-auto::-webkit-scrollbar-track{background:#0000001a}.overflow-y-auto::-webkit-scrollbar-thumb{background:hsl(var(--primary));border-radius:3px}.glow-primary{box-shadow:0 0 20px hsl(var(--primary)/.3)}.glow-accent{box-shadow:0 0 20px hsl(var(--accent)/.3)}.glow-success{box-shadow:0 0 20px hsl(var(--success)/.3)}.glow-warning{box-shadow:0 0 20px hsl(var(--warning)/.3)}.glow-error{box-shadow:0 0 20px hsl(var(--error)/.3)}.interactive-card{transition:all .3s}[data-theme=light] .interactive-card:hover{box-shadow:0 20px 40px #00000026,0 0 0 1px hsl(var(--primary)/.3);transform:translateY(-5px)}[data-theme=dark] .interactive-card:hover{box-shadow:0 20px 40px #0009,0 0 0 1px hsl(var(--primary)/.3);transform:translateY(-5px)}