:root{--brand-primary:#4F46E5;--brand-primary-hover:#3730A3;--brand-primary-light:#6366F1;--brand-secondary:#8B5CF6;--brand-secondary-hover:#7C3AED;--brand-accent:#FACC15;--brand-accent-hover:#F59E0B;--surface-primary:#1A1A1A;--surface-secondary:#2A2A2A;--surface-tertiary:#3A3A3A;--surface-elevated:#404040;--surface-overlay:rgba(26,26,26,0.95);--surface-glass:rgba(255,255,255,0.05);--text-primary:#FFFFFF;--text-secondary:#D1D5DB;--text-tertiary:#9CA3AF;--text-quaternary:#6B7280;--text-disabled:#4B5563;--text-inverse:#111827;--success:#10B981;--success-light:#34D399;--success-bg:rgba(16,185,129,0.1);--warning:#F59E0B;--warning-light:#FBBF24;--warning-bg:rgba(245,158,11,0.1);--error:#EF4444;--error-light:#F87171;--error-bg:rgba(239,68,68,0.1);--info:#3B82F6;--info-light:#60A5FA;--info-bg:rgba(59,130,246,0.1);--border-subtle:rgba(255,255,255,0.1);--border-medium:rgba(255,255,255,0.2);--border-strong:rgba(255,255,255,0.3);--border-focus:var(--brand-primary);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--space-0:0;--space-px:1px;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-2_5:0.625rem;--space-3:0.75rem;--space-3_5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-base:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 20px rgba(79,70,229,0.3);--shadow-glow-strong:0 0 30px rgba(79,70,229,0.5);--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--transition-slower:500ms ease-in-out;--z-behind:-1;--z-normal:0;--z-above:1;--z-sticky:10;--z-fixed:100;--z-overlay:200;--z-modal:300;--z-popover:400;--z-tooltip:500;--z-toast:600;--content-max-width:1280px;--sidebar-width:280px;--header-height:64px;--footer-height:80px;--player-height:96px;--player-bg:var(--surface-secondary);--player-border:var(--border-subtle);--player-shadow:var(--shadow-lg);--waveform-primary:var(--brand-primary);--waveform-secondary:var(--surface-tertiary);--progress-bg:var(--surface-tertiary);--progress-fill:var(--brand-primary);--card-bg:var(--surface-secondary);--card-bg-hover:var(--surface-tertiary);--card-border:var(--border-subtle);--card-border-hover:var(--border-medium);--card-shadow:var(--shadow-base);--card-shadow-hover:var(--shadow-md);--card-radius:var(--radius-xl);--btn-primary-bg:var(--brand-primary);--btn-primary-bg-hover:var(--brand-primary-hover);--btn-primary-text:var(--text-primary);--btn-secondary-bg:var(--surface-tertiary);--btn-secondary-bg-hover:var(--surface-elevated);--btn-secondary-text:var(--text-secondary);--btn-radius:var(--radius-lg);--btn-shadow:var(--shadow-sm);--btn-shadow-hover:var(--shadow-md);--nav-bg:var(--surface-overlay);--nav-border:var(--border-subtle);--nav-link-color:var(--text-secondary);--nav-link-hover:var(--text-primary);--nav-link-active:var(--brand-primary);--input-bg:var(--surface-tertiary);--input-bg-focus:var(--surface-elevated);--input-border:var(--border-medium);--input-border-focus:var(--brand-primary);--input-text:var(--text-primary);--input-placeholder:var(--text-tertiary);--input-radius:var(--radius-lg);--input-shadow:var(--shadow-sm);--input-shadow-focus:var(--shadow-glow)}.text-gradient{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-glass{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.border-gradient{border:1px solid transparent;background:linear-gradient(var(--surface-secondary),var(--surface-secondary)) padding-box,linear-gradient(135deg,var(--brand-primary),var(--brand-secondary)) border-box}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.hover-lift,.transition-transform{transition:transform var(--transition-base)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}@media (prefers-contrast:high){:root{--text-secondary:#E5E7EB;--text-tertiary:#D1D5DB;--border-subtle:rgba(255,255,255,0.3);--border-medium:rgba(255,255,255,0.5)}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s;--transition-slower:0s}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes waveform{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(59,130,246,.5)}50%{box-shadow:0 0 20px rgba(59,130,246,.8),0 0 30px rgba(59,130,246,.4)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-slideInRight{animation:slideInRight .3s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .3s ease-out forwards}.animate-slideDown{animation:slideDown .3s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .4s ease-out forwards}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.animate-bounceIn{animation:bounceIn .5s ease-out forwards}.animate-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.animate-waveform{animation:waveform 1.5s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.hover-lift{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.hover-scale{transition:transform .2s ease-out}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease-out}.hover-glow:hover{box-shadow:0 0 20px rgba(59,130,246,.4)}.loading-dots:after{content:"";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.stagger-children>*{animation:fadeInUp .4s ease-out forwards}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.2s}.stagger-children>:nth-child(4){animation-delay:.3s}.stagger-children>:nth-child(5){animation-delay:.4s}.stagger-children>:nth-child(6){animation-delay:.5s}.stagger-children>:nth-child(7){animation-delay:.6s}.stagger-children>:nth-child(8){animation-delay:.7s}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.disco-pulse{animation:disco-pulse 2s ease-in-out infinite}@keyframes disco-pulse{0%,to{background:linear-gradient(45deg,#3B82F6,#8B5CF6)}50%{background:linear-gradient(45deg,#8B5CF6,#EC4899)}}.disco-rotate{animation:disco-rotate 10s linear infinite}@keyframes disco-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.waveform-bar{animation:waveform-bar 1.5s ease-in-out infinite}.waveform-bar:nth-child(2n){animation-delay:.1s}.waveform-bar:nth-child(3n){animation-delay:.2s}.waveform-bar:nth-child(4n){animation-delay:.3s}@keyframes waveform-bar{0%,to{transform:scaleY(.3);opacity:.7}50%{transform:scaleY(1);opacity:1}}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.glass,.glass-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-dark{background:rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.1)}.focus-visible-ring:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible-ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only.focus:not(.sr-only){position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link.focus:not(.sr-only){padding:inherit;margin:inherit}.skip-link.focus:not(.sr-only),.skip-link:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.skip-link:focus{padding:0;margin:0;position:absolute;top:1rem;left:1rem;z-index:50}.skip-link{border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.skip-link,.skip-link:focus{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-contrast:high){.high-contrast-border{border:2px solid!important}.high-contrast-bg{background:Canvas!important;color:CanvasText!important}}@media (prefers-reduced-motion:reduce){.motion-reduce{animation:none!important;transition:none!important}.motion-reduce-transform{transform:none!important}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4F46E5 #2A2A2A}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#2A2A2A;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#4F46E5;border-radius:4px;border:1px solid #2a2a2a}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6D28D9}.custom-scrollbar::-webkit-scrollbar-corner{background:#2A2A2A}@supports not (scrollbar-width:thin){.custom-scrollbar:not(::-webkit-scrollbar){padding-right:8px}}.slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.slider-thumb::-webkit-slider-track{background:#E5E7EB;height:8px;border-radius:4px;border:none}.slider-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:20px;width:20px;border-radius:50%;background:#4F46E5;border:2px solid #ffffff;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.slider-thumb::-webkit-slider-thumb:hover{background:#6D28D9;transform:scale(1.1)}.slider-thumb:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(79,70,229,.3)}.slider-thumb::-moz-range-track{background:#E5E7EB;height:8px;border-radius:4px;border:none}.slider-thumb::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#4F46E5;border:2px solid #ffffff;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;-moz-transition:all .2s ease;transition:all .2s ease}.slider-thumb::-moz-range-thumb:hover{background:#6D28D9;transform:scale(1.1)}@supports (container-type:inline-size){.container-responsive{container-type:inline-size}@container (max-width: 320px){.container-responsive .text-responsive{font-size:.875rem}}}@supports not (container-type:inline-size){@media (max-width:320px){.text-responsive{font-size:.875rem}}}@media (pointer:coarse){.touch-target{min-height:44px;min-width:44px;padding:.75rem}.touch-spacing{gap:.75rem}.touch-text{font-size:1rem;line-height:1.5}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem;width:100%}@media (min-width:640px){.responsive-grid{gap:1.5rem}}@media (min-width:1024px){.responsive-grid{gap:2rem}}.card-responsive{container-type:inline-size;min-height:0}@container (max-width: 300px){.card-responsive .card-content{flex-direction:column;align-items:stretch}.card-responsive .card-actions{justify-content:center;margin-top:1rem}}.hardware-accelerated{transform:translateZ(0);will-change:transform,opacity}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.loading-shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4) 50%,rgba(255,255,255,0));background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.focus-ring{position:relative;overflow:hidden}.focus-ring:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:2px;background:linear-gradient(45deg,#4F46E5,#8B5CF6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s ease}.focus-ring:focus-visible:before{opacity:1}@media (prefers-color-scheme:dark){.auto-dark{--bg-primary:#1A1A1A;--bg-secondary:#2A2A2A;--text-primary:#FFFFFF;--text-secondary:#B3B3B3;--border-color:#404040}}@media print{.no-print{display:none!important}.print-black{color:black!important;background:white!important}.print-page-break{page-break-before:always}}.error-state{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.error-state:focus{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.success-state{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.success-state:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.truncate-tooltip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.aspect-ratio-16-9{position:relative;padding-bottom:56.25%}.aspect-ratio-16-9>*{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:root{--mauve-1:#fdfcfd;--mauve-2:#faf9fb;--mauve-3:#f2eff3;--mauve-4:#eae7ec;--mauve-5:#e3dfe6;--mauve-6:#dbd8e0;--mauve-7:#d0cdd7;--mauve-8:#bcbac7;--mauve-9:#8e8c99;--mauve-10:#84828e;--mauve-11:#65636d;--mauve-12:#211f26;--slate-1:#fcfcfd;--slate-2:#f9f9fb;--slate-3:#f0f0f3;--slate-4:#e8e8ec;--slate-5:#e0e1e6;--slate-6:#d9d9e0;--slate-7:#cdced6;--slate-8:#b9bbc6;--slate-9:#8b8d98;--slate-10:#80838d;--slate-11:#60646c;--slate-12:#1c2024;--mauve-a1:#55005503;--mauve-a2:#2b005506;--mauve-a3:#30004010;--mauve-a4:#20003618;--mauve-a5:#20003820;--mauve-a6:#14003527;--mauve-a7:#10003332;--mauve-a8:#08003145;--mauve-a9:#05001d73;--mauve-a10:#0500197d;--mauve-a11:#0400119c;--mauve-a12:#020008e0;--indigo-9:#5f63ee;--indigo-10:#5458d7;--indigo-11:#4f51d0;--blue-9:#0090ff;--blue-10:#0588f0;--blue-11:#0d74ce}.dark-theme{--bg-primary:var(--mauve-1);--bg-secondary:var(--mauve-2);--bg-tertiary:var(--mauve-3);--bg-elevated:var(--mauve-4);--bg-overlay:var(--mauve-a8);--text-primary:var(--mauve-12);--text-secondary:var(--mauve-11);--text-tertiary:var(--mauve-10);--text-quaternary:var(--mauve-9);--text-accent:var(--indigo-11);--border-subtle:var(--mauve-6);--border-default:var(--mauve-7);--border-strong:var(--mauve-8);--border-accent:var(--indigo-9);--surface-hover:var(--mauve-3);--surface-active:var(--mauve-4);--surface-selected:var(--mauve-5);--accent-primary:var(--indigo-9);--accent-primary-hover:var(--indigo-10);--accent-primary-active:var(--indigo-11);--success:#46a758;--warning:#ffc53d;--error:#e5484d;--shadow-low:0 1px 3px var(--mauve-a4),0 1px 2px var(--mauve-a3);--shadow-medium:0 4px 6px var(--mauve-a5),0 2px 4px var(--mauve-a4);--shadow-high:0 10px 15px var(--mauve-a6),0 4px 6px var(--mauve-a5);--shadow-overlay:0 25px 50px var(--mauve-a8),0 0 0 1px var(--mauve-a4)}.catalog-dark{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh}.catalog-dark .header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-secondary)dd}.catalog-dark .card{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-low);transition:all .2s ease}.catalog-dark .card:hover{background:var(--surface-hover);border-color:var(--border-default);box-shadow:var(--shadow-medium);transform:translateY(-1px)}.catalog-dark .card:active{background:var(--surface-active);transform:translateY(0);box-shadow:var(--shadow-low)}.catalog-dark .input{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-primary);placeholder-color:var(--text-tertiary)}.catalog-dark .input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--indigo-9)20;outline:none}.catalog-dark .button-primary{background:var(--accent-primary);color:white;border:none;transition:all .2s ease}.catalog-dark .button-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.catalog-dark .button-primary:active{background:var(--accent-primary-active);transform:translateY(0)}.catalog-dark .button-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);transition:all .2s ease}.catalog-dark .button-secondary:hover{background:var(--surface-hover);border-color:var(--border-strong)}.catalog-dark .filter-panel{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.catalog-dark .waveform{background:var(--bg-tertiary);border-radius:6px;overflow:hidden}.catalog-dark .waveform-bar{background:linear-gradient(to top,var(--accent-primary),var(--accent-primary-hover));opacity:.8;transition:opacity .1s ease}.catalog-dark .waveform-bar.playing{opacity:1;background:linear-gradient(to top,var(--accent-primary-hover),var(--blue-9))}.catalog-dark .audio-player{background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-medium)}.catalog-dark .progress-bar{background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.catalog-dark .progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--blue-9));height:100%;transition:width .1s ease}.catalog-dark .tag{background:var(--surface-selected);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:9999px;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.catalog-dark .tag:hover{background:var(--surface-hover);color:var(--text-primary)}.catalog-dark .genre-electronic{--genre-color:var(--blue-9)}.catalog-dark .genre-rock{--genre-color:#e5484d}.catalog-dark .genre-jazz{--genre-color:#ffc53d}.catalog-dark .genre-classical{--genre-color:#8e4ec6}.catalog-dark .genre-hip-hop{--genre-color:#d6409f}.catalog-dark .genre-ambient{--genre-color:#12a594}.catalog-dark .genre-pop{--genre-color:#f76b15}.catalog-dark .floating-player{background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.catalog-dark ::-webkit-scrollbar{width:8px;height:8px}.catalog-dark ::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.catalog-dark ::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;border:1px solid var(--bg-tertiary)}.catalog-dark ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.catalog-dark{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-tertiary)}.catalog-dark :focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}@media (prefers-contrast:high){.catalog-dark{--border-subtle:var(--mauve-8);--border-default:var(--mauve-9);--border-strong:var(--mauve-10);--text-tertiary:var(--mauve-11)}}@media (prefers-reduced-motion:reduce){.catalog-dark *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.catalog-dark{background:white!important;color:black!important}.catalog-dark .card{border:1px solid #ccc!important;box-shadow:none!important}}