:root,[data-theme=artist-dark],[data-theme=artist-light]{--backgroundColor: var(--color-base-100, #000000);--foregroundColor: var(--color-base-content, #ffffff);--accentColor: var(--color-primary, #7c3aed);--backgroundColorRgb: var(--background-rgb, 0, 0, 0);--foregroundColorRgb: var(--foreground-rgb, 255, 255, 255);--accentColorRgb: var(--accent-rgb, 124, 58, 237);--background: var(--background-rgb, 0, 0, 0);--foreground: var(--foreground-rgb, 255, 255, 255);--accent: var(--accent-rgb, 124, 58, 237);--background-rgb: var(--background-rgb, 0, 0, 0);--color-foreground-muted: color-mix(in srgb, var(--color-base-content) 70%, var(--color-base-100));--color-foreground-subtle: color-mix(in srgb, var(--color-base-content) 50%, var(--color-base-100));--color-foreground-subliminal: color-mix(in srgb, var(--color-base-content) 10%, var(--color-base-100));--color-accent-muted: color-mix(in srgb, var(--color-primary) 50%, var(--color-base-100));--color-accent-subtle: color-mix(in srgb, var(--color-primary) 70%, var(--color-base-100));--color-accent-subliminal: color-mix(in srgb, var(--color-primary) 10%, var(--color-base-100));--color-background-muted: color-mix(in srgb, var(--color-base-100) 70%, var(--color-base-content));--color-background-subtle: color-mix(in srgb, var(--color-base-100) 50%, var(--color-base-content));--color-background-subliminal: color-mix(in srgb, var(--color-base-100) 10%, var(--color-base-content));--font-heading: var(--font-heading, system-ui), sans-serif;--font-body: var(--font-body, system-ui), sans-serif;--radius-box: .5rem;--radius-field: .375rem;--radius-selector: .25rem;--border-radius-sm: var(--radius-field);--border-radius-md: var(--radius-box);--border-radius-lg: var(--radius-box);--border-radius-xl: var(--radius-box);--depth: 1;--noise: 0;--size-field: .25rem;--size-selector: .25rem;--border: 1px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .1);--shadow-md: 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 15px 35px rgba(0, 0, 0, .2);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.border-theme{border-width:var(--border);border-style:solid}.border-theme-2{border-width:calc(2 * var(--border));border-style:solid}.border-theme-4{border-width:calc(4 * var(--border));border-style:solid}.border-t-theme{border-top-width:var(--border);border-top-style:solid}.border-b-theme{border-bottom-width:var(--border);border-bottom-style:solid}.border-l-theme{border-left-width:var(--border);border-left-style:solid}.border-r-theme{border-right-width:var(--border);border-right-style:solid}.border-t-theme-4{border-top-width:calc(4 * var(--border));border-top-style:solid}.border-b-theme-4{border-bottom-width:calc(4 * var(--border));border-bottom-style:solid}.border-l-theme-8{border-left-width:calc(8 * var(--border));border-left-style:solid}.border-b-theme-2{border-bottom-width:calc(2 * var(--border));border-bottom-style:solid}.border-r-theme-2{border-right-width:calc(2 * var(--border));border-right-style:solid}.border-t-theme-2{border-top-width:calc(2 * var(--border));border-top-style:solid}.border-l-theme-2{border-left-width:calc(2 * var(--border));border-left-style:solid}.hero-pattern{background-image:repeating-linear-gradient(45deg,var(--color-base-content) 0,var(--color-base-content) 2px,transparent 2px,transparent 8px)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-base-100);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease-out}.loading-overlay.hidden{display:none!important;opacity:0!important;pointer-events:none!important}.loading-spinner{width:40px;height:40px;border:calc(3 * var(--border)) solid rgba(var(--foreground-rgb),.2);border-top:calc(3 * var(--border)) solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-family:var(--font-heading);color:var(--color-base-content);font-size:14px;text-transform:uppercase;letter-spacing:.1em}.scanline-overlay{background-image:linear-gradient(rgba(var(--foreground-rgb),0) 50%,rgba(var(--foreground-rgb),.1) 50%);background-size:100% 4px}
