body.theme-fan {
            --blue: #0A1128;
            --blue-deep: #060C1E;
            --purple: #2D1B4E;
            --magenta: #8B1E74;
            --gold: #D4A843;
            --gold-bright: #F0CC6E;
            --gold-pale: #F5E6C8;
            --white: #FFFFFF;
            --white-soft: #F8F6F2;
            --gray: #9BA0B5;
            --gray-light: #C5C9D6;
            background: var(--blue-deep);
        }
        body.theme-fan::before {
            opacity: 1;
            background:
                radial-gradient(ellipse 80% 50% at 20% 10%, rgba(139,30,116,0.12) 0%, transparent 60%),
                radial-gradient(ellipse 60% 60% at 80% 30%, rgba(45,27,78,0.15) 0%, transparent 55%),
                radial-gradient(ellipse 50% 40% at 50% 70%, rgba(212,168,67,0.06) 0%, transparent 50%),
                radial-gradient(ellipse 70% 50% at 60% 90%, rgba(139,30,116,0.08) 0%, transparent 60%);
        }
        body.theme-fan .bokeh-container { display: block; }
        body.theme-fan nav {
            background: linear-gradient(to bottom, rgba(6,12,30,0.95) 0%, rgba(6,12,30,0.7) 70%, transparent 100%);
            border-bottom: none;
            box-shadow: none;
        }
        body.theme-fan nav.scrolled {
            background: rgba(6,12,30,0.95);
            border-bottom: 1px solid rgba(212,168,67,0.25);
        }
        body.theme-fan nav .logo {
            background: linear-gradient(135deg, var(--gold-bright), var(--gold));
            -webkit-background-clip: text;
            background-clip: text;
        }
        body.theme-fan nav .nav-links a,
        body.theme-fan .nav-dropdown-toggle {
            color: var(--gray-light);
        }
        body.theme-fan nav .nav-links a:hover,
        body.theme-fan .nav-dropdown-toggle:hover,
        body.theme-fan .nav-dropdown.open .nav-dropdown-toggle {
            color: var(--gold-bright);
        }
        body.theme-fan .hero {
            min-height: 0;
            background: var(--blue-deep);
        }
        body.theme-fan .hero-img-wrap {
            aspect-ratio: 1942 / 809;
            min-height: 0;
            border-bottom: none;
        }
        body.theme-fan .hero-img-wrap::before { display: none; }
        body.theme-fan .hero-img-wrap img {
            filter: none;
            object-position: center top;
        }
        body.theme-fan .hero-img-overlay {
            height: 35%;
            background: linear-gradient(to bottom, transparent 0%, rgba(6,12,30,0.85) 80%, var(--blue-deep) 100%);
        }
        body.theme-fan .hero-title-block {
            display: block;
            margin-top: -100px;
            padding: 0 30px 10px;
        }
        body.theme-fan .hero-content {
            margin-top: 0;
            padding: 10px 30px 60px;
            background: transparent;
            border-bottom: none;
        }
        body.theme-fan .hero .cta-buttons {
            margin-top: 34px;
            gap: 16px;
        }
        body.theme-fan .hero .cta-buttons .btn {
            padding: 14px 36px;
            font-size: 0.8rem;
        }
        body.theme-fan .btn-gold {
            background: linear-gradient(135deg, var(--gold-bright), var(--gold));
            color: var(--blue-deep);
            box-shadow: 0 6px 30px rgba(212,168,67,0.25);
        }
        body.theme-fan .btn-outline {
            border-color: rgba(212,168,67,0.5);
            color: var(--gold-bright);
            background: transparent;
        }
        body.theme-fan .bio,
        body.theme-fan .music,
        body.theme-fan .reviews,
        body.theme-fan .fun-zone {
            background: rgba(10,17,40,0.5);
        }
        body.theme-fan .music-card,
        body.theme-fan .review-card,
        body.theme-fan .fun-card,
        body.theme-fan .stat {
            background: rgba(255,255,255,0.02);
            border-color: rgba(212,168,67,0.1);
        }
        body.theme-fan .music-card--feature {
            background:
                radial-gradient(circle at top right, rgba(240,204,110,0.14), transparent 30%),
                linear-gradient(145deg, rgba(139,30,116,0.22), rgba(10,17,40,0.9));
            border-color: rgba(240,204,110,0.28);
        }
        body.theme-fan .music-release-badge {
            background: rgba(240,204,110,0.12);
            border: 1px solid rgba(240,204,110,0.3);
            color: var(--gold-bright);
        }
        body.theme-fan .social-banner {
            background: linear-gradient(160deg, var(--purple), var(--blue-deep), var(--magenta));
        }
        body.theme-fan .theme-toggle {
            border-color: rgba(212,168,67,0.32);
            color: var(--gold-bright);
            background: rgba(212,168,67,0.08);
        }
        @media (max-width: 768px) {
            .theme-toggle {
                padding: 6px 10px;
                font-size: 0.62rem;
            }
            body.theme-fan .hero-title-block {
                margin-top: -50px;
                padding: 0 16px 5px;
            }
            body.theme-fan .hero-content { padding: 10px 16px 45px; }
        }

        /* ─── Fan Theme Reset: keep it separate from Tropical ─── */
        body.theme-fan {
            background: var(--blue-deep);
        }
        body.theme-fan ::-webkit-scrollbar-track { background: var(--blue-deep); }
        body.theme-fan ::-webkit-scrollbar-thumb { background: var(--gold); }
        body.theme-fan nav .nav-links a::after {
            height: 1px;
            background: linear-gradient(90deg, var(--gold), var(--gold-bright));
            box-shadow: none;
        }
        body.theme-fan .nav-dropdown-menu {
            background: rgba(6,12,30,0.98);
            border-color: rgba(212,168,67,0.25);
            box-shadow: 0 20px 45px rgba(0,0,0,0.45);
        }
        body.theme-fan .nav-dropdown-menu a:hover {
            background: rgba(212,168,67,0.12);
            color: var(--gold-bright);
        }
        body.theme-fan .lang-switch a {
            border-color: rgba(212,168,67,0.3);
            color: var(--gray);
        }
        body.theme-fan .lang-switch a.active {
            background: var(--gold);
            color: var(--blue-deep);
            border-color: var(--gold);
        }
        body.theme-fan .section-title .subtitle {
            color: var(--gold);
            text-shadow: none;
        }
        body.theme-fan .section-title h2 {
            color: var(--white);
            text-shadow: none;
        }
        body.theme-fan .bio-image {
            background: linear-gradient(145deg, var(--purple), var(--magenta), var(--blue));
            border-radius: 24px;
            box-shadow: 0 20px 60px rgba(139,30,116,0.2);
        }
        body.theme-fan .bio-image::after {
            border-color: rgba(240,204,110,0.3);
            border-radius: 18px;
        }
        body.theme-fan .bio-text h3 {
            color: var(--gold-bright);
            text-shadow: none;
        }
        body.theme-fan .bio-text p,
        body.theme-fan .music-card--feature .chart,
        body.theme-fan .review-card .text,
        body.theme-fan .fun-card p {
            color: var(--gray-light);
        }
        body.theme-fan .stat .number {
            background: linear-gradient(135deg, var(--gold-bright), var(--gold));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        body.theme-fan .music-card .year,
        body.theme-fan .review-card .stars,
        body.theme-fan .review-card .author {
            background: none;
            -webkit-text-fill-color: currentColor;
        }
        body.theme-fan .music-card .year,
        body.theme-fan .review-card .stars {
            color: var(--gold);
        }
        body.theme-fan .review-card .author {
            color: var(--gold-bright);
        }
        body.theme-fan .music-card::before {
            background: linear-gradient(90deg, transparent, var(--gold), transparent);
        }
        body.theme-fan .music-card:hover,
        body.theme-fan .fun-card:hover,
        body.theme-fan .review-card:hover {
            border-color: var(--gold);
            box-shadow: 0 16px 50px rgba(139,30,116,0.12);
        }
        body.theme-fan .music-card .icon {
            color: var(--gold);
            filter: none;
        }
        body.theme-fan .music-feature-actions .listen-link,
        body.theme-fan .listen-link {
            color: var(--gold-bright);
            border-color: rgba(212,168,67,0.32);
            background: rgba(212,168,67,0.08);
            box-shadow: none;
        }
        body.theme-fan .music-feature-actions .listen-link:hover,
        body.theme-fan .listen-link:hover {
            background: rgba(212,168,67,0.16);
            box-shadow: none;
        }
        body.theme-fan .vote-btn {
            color: var(--gold);
            border-color: rgba(212,168,67,0.25);
            background: transparent;
        }
        body.theme-fan .social-banner::before {
            background: radial-gradient(ellipse at 50% 30%, rgba(240,204,110,0.06) 0%, transparent 60%);
        }
        body.theme-fan .social-link {
            background: rgba(255,255,255,0.04);
            border-color: rgba(255,255,255,0.08);
            box-shadow: none;
        }
        body.theme-fan footer {
            background: var(--blue-deep);
            border-top-color: rgba(212,168,67,0.15);
        }
        body.theme-fan .optredens-ticker {
            background: linear-gradient(90deg, rgba(45,27,78,0.95) 0%, rgba(139,30,116,0.9) 50%, rgba(45,27,78,0.95) 100%);
            background-size: auto;
            border-bottom: 1px solid rgba(212,168,67,0.4);
            box-shadow: none;
        }
        body.theme-fan .optredens-ticker::before {
            background: linear-gradient(to right, rgba(45,27,78,0.95) 0%, transparent 100%);
            animation: none;
        }
        body.theme-fan .optredens-ticker::after {
            background: linear-gradient(to left, rgba(45,27,78,0.95) 0%, transparent 100%);
            animation: none;
        }
        body.theme-fan .optredens-ticker .ticker-label {
            background: linear-gradient(90deg, var(--gold) 0%, var(--gold-bright) 100%);
            color: var(--blue-deep);
            text-shadow: none;
            box-shadow: none;
        }
        body.theme-fan .ticker-item {
            color: var(--white-soft);
            text-shadow: none;
        }
        body.theme-fan .ticker-item:hover {
            color: var(--gold-bright);
            text-shadow: none;
        }
        body.theme-fan .ticker-item .ticker-date {
            color: var(--gold-bright);
            background: rgba(212,168,67,0.12);
            box-shadow: none;
        }
        body.theme-fan .ticker-item .ticker-venue { color: var(--white); }
        body.theme-fan .ticker-item .ticker-city { color: var(--gray-light); }
        body.theme-fan .ticker-item .ticker-sep {
            color: var(--gold);
            opacity: 0.5;
        }
        body.theme-fan .ticker-item .ticker-tickets {
            color: var(--gold);
            border-color: rgba(212,168,67,0.3);
            background: transparent;
        }
        body.theme-fan .ticker-item:hover .ticker-tickets {
            background: var(--gold);
            color: var(--blue-deep);
        }
        body.theme-fan .ticker-divider {
            background: rgba(212,168,67,0.4);
            box-shadow: none;
        }
        body.theme-fan .release-popup {
            background: linear-gradient(145deg, var(--blue-deep) 0%, var(--purple) 50%, var(--magenta) 100%);
            border-color: rgba(240,204,110,0.3);
            box-shadow: 0 25px 50px -12px rgba(139,30,116,0.4), 0 0 40px rgba(212,168,67,0.15);
        }
        body.theme-fan .release-popup-header h3 {
            background: linear-gradient(135deg, var(--gold-bright), var(--gold));
            -webkit-background-clip: text;
            background-clip: text;
            text-shadow: none;
        }
        body.theme-fan .release-video-container {
            border-color: rgba(212,168,67,0.25);
            box-shadow: inset 0 0 20px rgba(0,0,0,0.8);
        }
        body.theme-fan .release-live-panel {
            background: rgba(29,185,84,0.12);
            border-color: rgba(29,185,84,0.34);
        }
        body.theme-fan .promo-badge {
            background: linear-gradient(135deg, var(--gold-bright), var(--gold));
            color: var(--blue-deep);
            box-shadow: 0 10px 30px rgba(212,168,67,0.3);
        }
        body.theme-fan .spotify-embed iframe {
            border: 1px solid rgba(212,168,67,0.25) !important;
            box-shadow: 0 12px 35px rgba(212,168,67,0.15);
        }