[data-theme=dark]{--color-bg:#0f0f0f;--color-bg-surface:#1a1a1a;--color-bg-elevated:#242424;--color-text:#f5f5f5;--color-text-muted:#a3a3a3;--color-border:#2e2e2e;--color-border-subtle:#1f1f1f;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.5);--shadow-lg:0 12px 24px rgba(0, 0, 0, 0.6)}[data-theme=dark] .header{background-color:rgba(15,15,15,.9)}[data-theme=light]{--color-bg:#fafafa;--color-bg-surface:#ffffff;--color-bg-elevated:#ffffff;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-border:#e5e5e5;--color-border-subtle:#f0f0f0;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 12px 24px rgba(0, 0, 0, 0.12)}[data-theme=light] .header{background-color:rgba(255,255,255,.9)}[data-theme=light] .btn--primary,[data-theme=light] .nav-btn--active{color:var(--color-text-inverse)}[data-theme=light] .modal::backdrop{background-color:rgba(0,0,0,.5)}:root{--color-text-inverse:#0f0f0f;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}[data-vibe=reggae]{--font-body:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;--color-primary:#e8b830;--color-primary-hover:#d4a520;--color-accent:#e07028;--color-accent-muted:#c45c20;--color-success:#3da03d;--color-success-hover:#2d8a2d;--color-danger:#c44028;--color-danger-hover:#a83420;--color-focus:#e8b830;--color-primary-alpha-10:rgba(232, 184, 48, 0.12);--color-primary-alpha-20:rgba(232, 184, 48, 0.22);--color-primary-alpha-30:rgba(232, 184, 48, 0.32);--color-success-alpha-15:rgba(61, 160, 61, 0.18);--color-danger-alpha-20:rgba(196, 64, 40, 0.22);--shadow-glow:0 0 28px rgba(232, 184, 48, 0.25);--energy-1:#40a8a8;--energy-2:#3da03d;--energy-3:#e8b830;--energy-4:#e07028;--energy-5:#c44028}[data-theme=dark][data-vibe=reggae]{--color-bg:#1a1310;--color-bg-surface:#261c14;--color-bg-elevated:#322418;--color-text:#f8ead8;--color-text-muted:#c4a888;--color-text-inverse:#1a1310;--color-border:#4a3520;--color-border-subtle:#3a2a18;--shadow-glow:0 0 32px rgba(232, 184, 48, 0.2)}[data-theme=dark][data-vibe=reggae] .header{background-color:rgba(26,19,16,.95);border-bottom-color:rgba(232,184,48,.15)}[data-theme=light][data-vibe=reggae]{--color-bg:#fdf8f0;--color-bg-surface:#fff9f2;--color-bg-elevated:#ffffff;--color-text:#2a1e10;--color-text-muted:#6b5838;--color-text-inverse:#fdf8f0;--color-border:#e8d4b8;--color-border-subtle:#f4e8d8}[data-theme=light][data-vibe=reggae] .header{background-color:rgba(253,248,240,.95);border-bottom-color:rgba(232,184,48,.25)}[data-vibe=jazz]{--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Libre Baskerville',Georgia,serif;--color-primary:#4488bb;--color-primary-hover:#3a78a8;--color-accent:#c9a030;--color-accent-muted:#a88820;--color-success:#7c5c90;--color-success-hover:#6a4c7c;--color-danger:#9c4858;--color-danger-hover:#883c4c;--color-focus:#4488bb;--color-primary-alpha-10:rgba(68, 136, 187, 0.12);--color-primary-alpha-20:rgba(68, 136, 187, 0.22);--color-primary-alpha-30:rgba(68, 136, 187, 0.32);--color-success-alpha-15:rgba(124, 92, 144, 0.18);--color-danger-alpha-20:rgba(156, 72, 88, 0.22);--shadow-glow:0 0 28px rgba(68, 136, 187, 0.18);--energy-1:#5080a8;--energy-2:#408888;--energy-3:#c9a030;--energy-4:#9c4858;--energy-5:#803848}[data-theme=dark][data-vibe=jazz]{--color-bg:#0c1018;--color-bg-surface:#141820;--color-bg-elevated:#1c2230;--color-text:#e4e0ec;--color-text-muted:#8890a8;--color-text-inverse:#0c1018;--color-border:#2c3448;--color-border-subtle:#1e2638;--shadow-glow:0 0 32px rgba(68, 136, 187, 0.15)}[data-theme=dark][data-vibe=jazz] .header{background-color:rgba(12,16,24,.95);border-bottom-color:rgba(68,136,187,.2)}[data-theme=light][data-vibe=jazz]{--color-bg:#f4f6fa;--color-bg-surface:#f8faff;--color-bg-elevated:#ffffff;--color-text:#10141c;--color-text-muted:#4a5068;--color-text-inverse:#f4f6fa;--color-border:#c8d0e0;--color-border-subtle:#e4e8f0}[data-theme=light][data-vibe=jazz] .header{background-color:rgba(244,246,250,.95);border-bottom-color:rgba(68,136,187,.25)}[data-vibe=rock]{--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Oswald',Impact,sans-serif;--color-primary:#cc3838;--color-primary-hover:#b02e2e;--color-accent:#e86830;--color-accent-muted:#cc5420;--color-success:#b8983c;--color-success-hover:#a08430;--color-danger:#e04040;--color-danger-hover:#c83030;--color-focus:#cc3838;--color-primary-alpha-10:rgba(204, 56, 56, 0.12);--color-primary-alpha-20:rgba(204, 56, 56, 0.22);--color-primary-alpha-30:rgba(204, 56, 56, 0.32);--color-success-alpha-15:rgba(184, 152, 60, 0.18);--color-danger-alpha-20:rgba(224, 64, 64, 0.22);--shadow-glow:0 0 28px rgba(204, 56, 56, 0.2);--energy-1:#7050a0;--energy-2:#5070b0;--energy-3:#b8983c;--energy-4:#e86830;--energy-5:#cc3838}[data-theme=dark][data-vibe=rock]{--color-bg:#100c0c;--color-bg-surface:#1a1414;--color-bg-elevated:#241c1c;--color-text:#f0e8e4;--color-text-muted:#a09088;--color-text-inverse:#f0e8e4;--color-border:#3c2c2c;--color-border-subtle:#2a1c1c;--shadow-glow:0 0 32px rgba(204, 56, 56, 0.18)}[data-theme=dark][data-vibe=rock] .header{background-color:rgba(16,12,12,.95);border-bottom-color:rgba(204,56,56,.2)}[data-theme=light][data-vibe=rock]{--color-bg:#fcf8f8;--color-bg-surface:#fff8f6;--color-bg-elevated:#ffffff;--color-text:#1c1414;--color-text-muted:#6b5858;--color-text-inverse:#fcf8f8;--color-border:#e8d8d8;--color-border-subtle:#f4ecec}[data-theme=light][data-vibe=rock] .header{background-color:rgba(252,248,248,.95);border-bottom-color:rgba(204,56,56,.2)}[data-vibe=electro]{--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Orbitron','Courier New',monospace;--color-primary:#d050a0;--color-primary-hover:#b84090;--color-accent:#40c8c8;--color-accent-muted:#30a8a8;--color-success:#40b880;--color-success-hover:#30a070;--color-danger:#e05070;--color-danger-hover:#c84060;--color-focus:#d050a0;--color-primary-alpha-10:rgba(208, 80, 160, 0.12);--color-primary-alpha-20:rgba(208, 80, 160, 0.22);--color-primary-alpha-30:rgba(208, 80, 160, 0.32);--color-success-alpha-15:rgba(64, 184, 128, 0.18);--color-danger-alpha-20:rgba(224, 80, 112, 0.22);--shadow-glow:0 0 32px rgba(208, 80, 160, 0.25);--energy-1:#40c8c8;--energy-2:#40b880;--energy-3:#d050a0;--energy-4:#c040b0;--energy-5:#e05070}[data-theme=dark][data-vibe=electro]{--color-bg:#08080e;--color-bg-surface:#10101a;--color-bg-elevated:#181824;--color-text:#e8e0f0;--color-text-muted:#8080a8;--color-text-inverse:#08080e;--color-border:#2c2840;--color-border-subtle:#1c1830;--shadow-glow:0 0 40px rgba(208, 80, 160, 0.2)}[data-theme=dark][data-vibe=electro] .header{background-color:rgba(8,8,14,.95);border-bottom-color:rgba(208,80,160,.25)}[data-theme=light][data-vibe=electro]{--color-bg:#f8f4fc;--color-bg-surface:#fcf8ff;--color-bg-elevated:#ffffff;--color-text:#181420;--color-text-muted:#5c5070;--color-text-inverse:#f8f4fc;--color-border:#d8d0e8;--color-border-subtle:#ece4f4}[data-theme=light][data-vibe=electro] .header{background-color:rgba(248,244,252,.95);border-bottom-color:rgba(208,80,160,.2)}.song-item[data-energy='1'] .song-item__energy-dot--filled{background-color:var(--energy-1)}.song-item[data-energy='2'] .song-item__energy-dot--filled{background-color:var(--energy-2)}.song-item[data-energy='3'] .song-item__energy-dot--filled{background-color:var(--energy-3)}.song-item[data-energy='4'] .song-item__energy-dot--filled{background-color:var(--energy-4)}.song-item[data-energy='5'] .song-item__energy-dot--filled{background-color:var(--energy-5)}.catalog-item[data-energy='1'] .catalog-item__energy-dot--filled{background-color:var(--energy-1)}.catalog-item[data-energy='2'] .catalog-item__energy-dot--filled{background-color:var(--energy-2)}.catalog-item[data-energy='3'] .catalog-item__energy-dot--filled{background-color:var(--energy-3)}.catalog-item[data-energy='4'] .catalog-item__energy-dot--filled{background-color:var(--energy-4)}.catalog-item[data-energy='5'] .catalog-item__energy-dot--filled{background-color:var(--energy-5)}.energy-btn[data-value='1'].energy-btn--selected,.energy-btn[data-value='1']:hover{background-color:var(--energy-1);border-color:var(--energy-1)}.energy-btn[data-value='2'].energy-btn--selected,.energy-btn[data-value='2']:hover{background-color:var(--energy-2);border-color:var(--energy-2)}.energy-btn[data-value='3'].energy-btn--selected,.energy-btn[data-value='3']:hover{background-color:var(--energy-3);border-color:var(--energy-3)}.energy-btn[data-value='4'].energy-btn--selected,.energy-btn[data-value='4']:hover{background-color:var(--energy-4);border-color:var(--energy-4)}.energy-btn[data-value='5'].energy-btn--selected,.energy-btn[data-value='5']:hover{background-color:var(--energy-5);border-color:var(--energy-5)}[data-vibe=electro] .btn--secondary:hover,[data-vibe=jazz] .btn--secondary:hover,[data-vibe=reggae] .btn--secondary:hover,[data-vibe=rock] .btn--secondary:hover{border-color:var(--color-accent)}[data-vibe=reggae] .btn--primary{box-shadow:0 2px 8px rgba(232,184,48,.3)}[data-vibe=jazz] .btn--primary{box-shadow:0 2px 8px rgba(68,136,187,.3)}[data-vibe=rock] .btn--primary{box-shadow:0 2px 8px rgba(204,56,56,.3)}[data-vibe=electro] .btn--primary{box-shadow:0 2px 8px rgba(208,80,160,.4)}[data-vibe=reggae] .btn--primary:hover{box-shadow:0 4px 16px rgba(232,184,48,.4)}[data-vibe=jazz] .btn--primary:hover{box-shadow:0 4px 16px rgba(68,136,187,.4)}[data-vibe=rock] .btn--primary:hover{box-shadow:0 4px 16px rgba(204,56,56,.4)}[data-vibe=electro] .btn--primary:hover{box-shadow:0 4px 16px rgba(208,80,160,.5)}[data-vibe=electro] .chart-section__title,[data-vibe=electro] .song-item__bpm,[data-vibe=jazz] .chart-section__title,[data-vibe=jazz] .song-item__bpm,[data-vibe=reggae] .chart-section__title,[data-vibe=reggae] .song-item__bpm,[data-vibe=rock] .chart-section__title,[data-vibe=rock] .song-item__bpm{color:var(--color-accent)}[data-vibe=reggae] .nav-btn--active{box-shadow:0 2px 8px rgba(232,184,48,.3)}[data-vibe=jazz] .nav-btn--active{box-shadow:0 2px 8px rgba(68,136,187,.3)}[data-vibe=rock] .nav-btn--active{box-shadow:0 2px 8px rgba(204,56,56,.3)}[data-vibe=electro] .nav-btn--active{box-shadow:0 2px 8px rgba(208,80,160,.4)}.settings-option__preview--reggae{background:linear-gradient(135deg,#e8b830 0,#3da03d 33%,#e07028 66%,#c44028 100%)}.settings-option__preview--jazz{background:linear-gradient(135deg,#48b 0,#c9a030 40%,#7c5c90 70%,#9c4858 100%)}.settings-option__preview--rock{background:linear-gradient(135deg,#cc3838 0,#e86830 40%,#b8983c 70%,#100c0c 100%)}.settings-option__preview--electro{background:linear-gradient(135deg,#d050a0 0,#40c8c8 40%,#40b880 70%,#e05070 100%)}body,button,input,select,textarea{font-family:var(--font-body)}.btn,.catalog-item__name,.catalog-view__title,.chart-section__title,.form-checkbox__label,.form-label,.header__title,.modal__title,.nav-btn,.setlist__title,.settings-option__label,.settings-section__title,.song-item__name{font-family:var(--font-heading)}[data-vibe=electro] .btn,[data-vibe=electro] .header__title,[data-vibe=electro] .nav-btn{letter-spacing:.05em}[data-vibe=rock] .catalog-view__title,[data-vibe=rock] .chart-section__title,[data-vibe=rock] .header__title,[data-vibe=rock] .setlist__title{text-transform:uppercase;letter-spacing:.06em}[data-vibe=jazz] .chart-section__title{font-style:italic}[data-vibe=rock] .header__title{font-size:1.625rem;font-weight:600}[data-vibe=rock] .catalog-view__title,[data-vibe=rock] .chart-section__title,[data-vibe=rock] .modal__title,[data-vibe=rock] .setlist__title{font-size:1.25rem}[data-vibe=rock] .catalog-item__name,[data-vibe=rock] .song-item__name{font-size:1rem;line-height:1.2}[data-vibe=rock] .btn,[data-vibe=rock] .nav-btn{font-size:.9375rem;font-weight:500}[data-vibe=rock] .settings-option__label{font-size:.8125rem}[data-vibe=electro] .header__title{font-size:1.625rem}[data-vibe=electro] .catalog-view__title,[data-vibe=electro] .chart-section__title,[data-vibe=electro] .modal__title,[data-vibe=electro] .setlist__title{font-size:1.25rem}[data-vibe=electro] .catalog-item__name,[data-vibe=electro] .song-item__name{font-size:1rem;font-weight:500;line-height:1.25}[data-vibe=electro] .btn,[data-vibe=electro] .nav-btn{font-size:.9375rem;font-weight:500}[data-vibe=electro] .settings-option__label,[data-vibe=electro] .settings-section__title{font-size:.8125rem;letter-spacing:.08em}[data-vibe=jazz] .chart-section__title,[data-vibe=jazz] .modal__title,[data-vibe=jazz] .setlist__title,[data-vibe=jazz] .settings-section__title{font-weight:700}[data-vibe=jazz] .catalog-item__name,[data-vibe=jazz] .song-item__name{font-weight:400;line-height:1.3}[data-vibe=jazz] .header__title,[data-vibe=jazz] .modal__title{line-height:1.15}[data-vibe=jazz] .btn,[data-vibe=jazz] .nav-btn{font-weight:400}.catalog-item__name,.song-item__name,[data-vibe=reggae] .catalog-item__name,[data-vibe=reggae] .song-item__name{line-height:1.3}.catalog-item__bpm,.song-item__bpm{font-family:var(--font-body);font-variant-numeric:tabular-nums}