:root{--color-primary:#4f46e5;--color-accent:#ec4899;--color-background:#111827;--color-surface:#1f2937;--color-surface-hover:#374151;--color-text:#f9fafb;--color-text-secondary:#d1d5db;--color-success:#059669;--color-success-dark:#047857;--color-success-rgb:5,150,105;--color-warning:#f59e0b;--color-error:#dc2626;--color-highlight:#06b6d4;--rating-poor:var(--color-error);--rating-average:var(--color-warning);--rating-good:var(--color-highlight);--rating-very-good:var(--color-primary);--rating-excellent:var(--color-success);--icon-performances:#3b82f6;--icon-performances-bg:#3b82f61a;--icon-songs:#fbb400;--icon-songs-bg:#fbbf241a;--icon-rating:#10b981;--icon-rating-bg:#10b9811a;--icon-venue:#8b4513;--icon-venue-bg:#8b45131a;--icon-genre:#a855f7;--icon-genre-bg:#a855f71a;--icon-growth:#ef4444;--icon-growth-bg:#ef44441a;--logo-text-color:#fff;--color-border:#d1d5db33;--color-hover:#4f46e51a;--color-primary-hover:#4338ca;--color-primary-dark:#3730a3;--color-on-primary:#fff;--color-on-surface:var(--color-text);--color-tag-bg:var(--color-primary);--color-tag-text:var(--color-on-primary);--color-button-primary-bg:var(--color-primary);--color-button-primary-text:var(--color-on-primary);--color-button-primary-hover:var(--color-primary-hover);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--focus-ring:2px solid var(--color-primary);--focus-ring-offset:2px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}.theme-social-vibe{--theme-specific:"social-vibe";--logo-text-color:#fff}.theme-neon-nightlife{--shadow-glow:0 0 20px #00e6fe4d;--text-shadow-neon:0 0 10px currentColor;--logo-text-color:#00e6fe}.theme-retro-pop{--shadow-retro:0 4px 8px #ff6b0033;--logo-text-color:#ff6b00}.theme-luxe-lounge{--shadow-luxe:0 8px 25px #7c3aed26;--logo-text-color:#7c3aed}.theme-minimal-modern{--shadow-minimal:0 1px 3px #0000001a;--logo-text-color:#000}.theme-dark-theme{--shadow-vscode:0 2px 8px #0006}.theme-accessible-theme{--shadow-accessible:0 2px 4px #000c;--focus-ring-width:3px}body{background-color:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background-color:var(--color-accent);color:var(--color-background)}:focus{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.js-focus-visible :focus:not(.focus-visible){outline:none}@media (prefers-contrast:high){:root{--focus-ring-width:3px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{:root{--color-background:#fff;--color-text:#000;--color-text-secondary:#666}body{background:#fff!important;color:#000!important}}.theme-selector{padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid #ffffff1a;max-width:800px;margin:0 auto}.theme-selector-header{text-align:center;margin-bottom:var(--spacing-xl)}.theme-selector-header h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.theme-selector-header p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.theme-option{position:relative;padding:var(--spacing-md);background:var(--color-background);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:var(--spacing-sm)}.theme-option:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-option.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.theme-option:focus{outline:var(--focus-ring);outline-offset:2px}.theme-preview{margin-bottom:var(--spacing-sm)}.color-preview{display:flex;height:40px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.color-swatch{flex:1 1;transition:transform var(--transition-fast)}.color-swatch:hover{transform:scaleY(1.1)}.color-swatch.primary{flex:2 1}.color-swatch.accent{flex:1.5 1}.color-swatch.background{flex:2 1}.color-swatch.highlight,.theme-details{flex:1 1}.theme-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.theme-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-relaxed)}.theme-compliance{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.aaa-badge,.cb-badge{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.aaa-badge{background:var(--color-success);color:#fff}.cb-badge{background:var(--color-warning);color:var(--color-background)}.selected-indicator{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.theme-info{border-top:1px solid #ffffff1a;padding-top:var(--spacing-lg)}.current-theme-info h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.current-theme-info p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.compliance-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.badge.wcag{background:var(--color-success);color:#fff}.badge.colorblind{background:var(--color-warning);color:var(--color-background)}.badge.contrast{background:var(--color-accent);color:#fff}.theme-selector-compact{display:inline-block}.theme-select{background:var(--color-surface);border:1px solid var(--color-text-secondary);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);min-width:160px}.theme-select:hover{border-color:var(--color-accent)}.theme-select:focus{outline:var(--focus-ring);outline-offset:2px;border-color:var(--color-primary)}@media (max-width:768px){.theme-selector{padding:var(--spacing-md)}.theme-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.theme-option{padding:var(--spacing-sm)}.color-preview{height:32px}.theme-name{font-size:var(--font-size-base)}.theme-description{font-size:var(--font-size-xs)}}@media (prefers-contrast:high){.theme-option,.theme-option.selected,.theme-option:hover{border-width:3px}}.theme-accessible-theme .theme-selector,.theme-dark-theme .theme-selector{border-color:#fff3}.theme-minimal-modern .theme-selector{background:var(--color-background);border-color:#0000001a}@media (prefers-reduced-motion:reduce){.color-swatch,.theme-option{transition:none}.theme-option:hover{transform:none}}