body[data-neon-theme] .button:not(.button-muted):not(.button-danger),
body[data-neon-theme] .premium-method-button:hover:not(:disabled),
body[data-neon-theme] .premium-method-button:focus-visible:not(:disabled) {
    border-color: var(--neon-line);
    background: linear-gradient(135deg, var(--neon-primary), var(--neon-secondary));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 12px 28px rgb(var(--neon-primary-rgb) / 0.16);
}

body[data-neon-theme] .primary-nav a.is-active,
body[data-neon-theme] .sidebar-nav a:hover,
body[data-neon-theme] .sidebar-nav a.is-active,
body[data-neon-theme] .filter-chip.is-active,
body[data-neon-theme] .room-vote-button:hover,
body[data-neon-theme] .room-vote-button.is-selected {
    border-color: var(--neon-line);
    background:
        radial-gradient(circle at 10% 50%, rgb(var(--neon-primary-rgb) / 0.2), transparent 44%),
        radial-gradient(circle at 92% 50%, rgb(var(--neon-secondary-rgb) / 0.13), transparent 46%),
        linear-gradient(90deg, rgb(var(--neon-primary-rgb) / 0.13), rgb(var(--neon-secondary-rgb) / 0.09)),
        rgba(255, 255, 255, 0.055);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px rgb(var(--neon-primary-rgb) / 0.1);
}

body[data-neon-reactive="true"] .site-sidebar {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgb(var(--neon-secondary-rgb) / 0.14),
        0 0 0 1px rgba(3, 6, 17, 0.74),
        0 0 calc(30px + var(--audio-reactive-level) * 22px) rgb(var(--neon-primary-rgb) / calc(0.17 + var(--audio-reactive-level) * 0.2)),
        0 0 calc(62px + var(--audio-reactive-level) * 38px) rgb(var(--neon-secondary-rgb) / calc(0.12 + var(--audio-reactive-level) * 0.18)),
        0 0 44px rgb(var(--neon-primary-rgb) / var(--time-sidebar-glow-opacity)),
        0 28px 80px rgba(0, 0, 0, 0.42);
}

body[data-neon-theme] .global-player {
    border-color: var(--neon-line);
    background:
        linear-gradient(180deg, rgba(6, 11, 28, 0.9), rgba(4, 7, 19, 0.96)),
        radial-gradient(circle at 12% 12%, var(--neon-soft), transparent 34%),
        radial-gradient(circle at 92% 88%, var(--neon-secondary-soft), transparent 34%);
    box-shadow:
        0 0 0 1px rgb(var(--neon-secondary-rgb) / 0.22),
        0 0 34px rgb(var(--neon-primary-rgb) / var(--time-ui-glow-opacity)),
        0 0 26px var(--neon-glow),
        0 0 42px rgb(var(--neon-secondary-rgb) / 0.22),
        0 26px 82px rgba(0, 0, 0, 0.72);
}

body[data-neon-theme="neon-off"] .global-player {
    box-shadow:
        0 0 0 1px rgb(var(--neon-secondary-rgb) / 0.12),
        0 0 18px rgb(var(--neon-primary-rgb) / 0.06),
        0 22px 70px rgba(0, 0, 0, 0.72);
}

body[data-neon-reactive="true"] .global-player {
    box-shadow:
        0 0 0 1px rgb(var(--neon-secondary-rgb) / calc(0.24 + var(--audio-reactive-level) * 0.34)),
        0 0 calc(34px + var(--audio-reactive-level) * 42px) rgb(var(--neon-primary-rgb) / calc(var(--time-ui-glow-opacity) + var(--audio-reactive-level) * 0.38)),
        0 0 calc(26px + var(--audio-reactive-level) * 46px) var(--neon-glow),
        0 0 calc(42px + var(--audio-reactive-level) * 58px) rgb(var(--neon-secondary-rgb) / calc(0.22 + var(--audio-reactive-level) * 0.32)),
        0 26px 82px rgba(0, 0, 0, 0.72);
}

body[data-neon-theme="ultra-beats"][data-neon-reactive="true"] .global-player {
    box-shadow:
        0 0 0 1px rgb(var(--neon-secondary-rgb) / calc(0.3 + var(--audio-reactive-level) * 0.44)),
        0 0 calc(42px + var(--audio-reactive-level) * 72px) rgb(var(--neon-primary-rgb) / calc(0.16 + var(--audio-reactive-level) * 0.52)),
        0 0 calc(30px + var(--audio-reactive-level) * 76px) var(--neon-glow),
        0 0 calc(58px + var(--audio-reactive-level) * 86px) rgb(var(--neon-secondary-rgb) / calc(0.22 + var(--audio-reactive-level) * 0.46)),
        0 26px 82px rgba(0, 0, 0, 0.72);
}

body[data-neon-theme] .global-player::before {
    background:
        linear-gradient(90deg, var(--neon-soft), transparent 32%, var(--neon-secondary-soft)),
        rgba(3, 6, 17, 0.54);
}

body[data-neon-theme] .track-cover,
body[data-neon-theme] .sidebar-avatar,
body[data-neon-theme] .sidebar-collapse-toggle {
    border-color: var(--neon-line);
    box-shadow:
        inset 0 0 22px var(--neon-soft),
        0 0 18px rgb(var(--neon-primary-rgb) / 0.16);
}

body[data-neon-theme] .player-queue-panel,
body[data-neon-theme] .player-save-panel {
    border-color: rgb(var(--neon-primary-rgb) / 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 18px 54px rgba(0, 0, 0, 0.46),
        0 0 18px rgb(var(--neon-primary-rgb) / 0.08);
}

body[data-neon-theme] .play-button {
    border-color: rgb(var(--neon-secondary-rgb) / 0.76);
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.2), var(--neon-soft) 38%, var(--neon-secondary-soft));
    box-shadow:
        inset 0 0 24px rgba(255, 255, 255, 0.08),
        0 0 0 5px var(--neon-soft),
        0 0 28px var(--neon-glow),
        0 0 44px rgb(var(--neon-secondary-rgb) / 0.34);
}

body[data-neon-theme="neon-off"] .play-button {
    box-shadow:
        inset 0 0 18px rgba(255, 255, 255, 0.045),
        0 0 0 3px var(--neon-soft),
        0 0 16px var(--neon-glow);
}

body[data-neon-reactive="true"] .play-button {
    box-shadow:
        inset 0 0 24px rgba(255, 255, 255, calc(0.08 + var(--audio-reactive-level) * 0.12)),
        0 0 0 calc(5px + var(--audio-reactive-level) * 3px) var(--neon-soft),
        0 0 calc(28px + var(--audio-reactive-level) * 44px) var(--neon-glow),
        0 0 calc(44px + var(--audio-reactive-level) * 52px) rgb(var(--neon-secondary-rgb) / calc(0.34 + var(--audio-reactive-level) * 0.26));
}

body[data-neon-theme="ultra-beats"][data-neon-reactive="true"] .play-button {
    box-shadow:
        inset 0 0 30px rgba(255, 255, 255, calc(0.1 + var(--audio-reactive-level) * 0.18)),
        0 0 0 calc(5px + var(--audio-reactive-level) * 5px) var(--neon-soft),
        0 0 calc(34px + var(--audio-reactive-level) * 68px) var(--neon-glow),
        0 0 calc(52px + var(--audio-reactive-level) * 82px) rgb(var(--neon-secondary-rgb) / calc(0.34 + var(--audio-reactive-level) * 0.38));
}

body[data-neon-theme] .progress-rail span,
body[data-neon-theme] .fair-use-chip-meter span,
body[data-neon-theme] .bandwidth-meter span,
body[data-neon-theme] .room-cycle-rail span {
    background: linear-gradient(90deg, var(--neon-primary), var(--neon-secondary));
    box-shadow:
        0 0 18px var(--neon-glow),
        0 0 22px rgb(var(--neon-secondary-rgb) / 0.22);
}

body[data-neon-reactive="true"] .progress-rail span {
    box-shadow:
        0 0 calc(18px + var(--audio-reactive-level) * 42px) var(--neon-glow),
        0 0 calc(22px + var(--audio-reactive-level) * 44px) rgb(var(--neon-secondary-rgb) / calc(0.22 + var(--audio-reactive-level) * 0.36));
}

body[data-neon-reactive="true"] .track-cover {
    box-shadow:
        inset 0 0 calc(22px + var(--audio-reactive-level) * 18px) var(--neon-soft),
        0 0 calc(18px + var(--audio-reactive-level) * 32px) rgb(var(--neon-primary-rgb) / calc(0.16 + var(--audio-reactive-level) * 0.28)),
        0 0 calc(28px + var(--audio-reactive-level) * 36px) rgb(var(--neon-secondary-rgb) / calc(0.08 + var(--audio-reactive-level) * 0.2));
}

body[data-neon-theme] .progress-rail span::after {
    box-shadow:
        0 0 0 4px var(--neon-secondary-soft),
        0 0 20px rgb(var(--neon-secondary-rgb) / 0.72);
}

body[data-neon-theme] .icon-button:hover:not(:disabled),
body[data-neon-theme] .queue-toggle-button:hover,
body[data-neon-theme] .timer-pill:hover,
body[data-neon-theme] .loop-button.is-active,
body[data-neon-theme] .timer-pill.is-active,
body[data-neon-theme] .player-size-button:hover:not(:disabled),
body[data-neon-theme] .player-size-button:focus-visible {
    border-color: var(--neon-line);
    background: var(--neon-soft);
    color: var(--neon-primary);
}

body[data-neon-theme] .button:focus-visible,
body[data-neon-theme] .ghost-link:focus-visible,
body[data-neon-theme] .fair-use-chip:focus-visible,
body[data-neon-theme] .nav-menu-toggle:focus-visible,
body[data-neon-theme] .primary-nav a:focus-visible,
body[data-neon-theme] .sidebar-nav a:focus-visible,
body[data-neon-theme] .sidebar-collapse-toggle:focus-visible,
body[data-neon-theme] .sidebar-fair-use:focus-visible,
body[data-neon-theme] .sidebar-fair-use-help:focus-visible,
body[data-neon-theme] .sidebar-more summary:focus-visible,
body[data-neon-theme] .sidebar-more-menu a:focus-visible,
body[data-neon-theme] .neon-swatch:focus-visible {
    outline: 2px solid var(--neon-line);
    outline-offset: 3px;
}

.player-secondary-tools .loop-button,
body.player-is-compact .player-secondary-tools .loop-button {
    display: grid;
    width: 100%;
    min-width: 0;
}

body[data-neon-theme] .page-hero {
    position: relative;
    isolation: isolate;
}

body[data-neon-theme] .page-hero::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: min(360px, 68%);
    height: 1px;
    background: linear-gradient(90deg, var(--neon-primary), var(--neon-secondary), transparent);
    box-shadow: 0 0 20px var(--neon-glow);
    pointer-events: none;
}

body[data-neon-theme] h1,
body[data-neon-theme] .compact-hero h1,
body[data-neon-theme] .premium-hero h1,
body[data-neon-theme] .auth-copy h1 {
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 28px rgb(var(--neon-primary-rgb) / 0.14),
        0 0 38px rgb(var(--neon-secondary-rgb) / var(--time-heading-glow-opacity)),
        0 24px 70px rgba(0, 0, 0, 0.58);
}

body[data-neon-theme] .eyebrow,
body[data-neon-theme] .signal {
    color: rgb(var(--neon-primary-rgb) / 0.92);
}

body[data-neon-theme] .signal,
body[data-neon-theme] .pill,
body[data-neon-theme] .nav-badge,
body[data-neon-theme] .room-status-pill,
body[data-neon-theme] .playlist-filter-count {
    border-color: rgb(var(--neon-primary-rgb) / 0.24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body[data-neon-theme] .signal-dot,
body[data-neon-theme] .status-dot,
body[data-neon-theme] .library-stat-mark,
body[data-neon-theme] .live-room-badge::before {
    background: var(--neon-primary);
    box-shadow:
        0 0 14px var(--neon-glow),
        0 0 24px rgb(var(--neon-secondary-rgb) / 0.28);
}

body[data-neon-theme] .chip,
body[data-neon-theme] .chip-option span,
body[data-neon-theme] .premium-method-button,
body[data-neon-theme] .auth-text-button,
body[data-neon-theme] .sidebar-more summary,
body[data-neon-theme] .sidebar-more-menu a,
body[data-neon-theme] .admin-tab-list label {
    border-color: rgb(var(--neon-primary-rgb) / 0.16);
}

body[data-neon-theme] .chip.is-selected,
body[data-neon-theme] .chip:hover,
body[data-neon-theme] .chip-option.is-selected span,
body[data-neon-theme] .chip-option:hover span,
body[data-neon-theme] .admin-tab-list label:hover,
body[data-neon-theme] #admin-tab-add-music:checked ~ .admin-tab-list label[for="admin-tab-add-music"],
body[data-neon-theme] #admin-tab-artist-pulse:checked ~ .admin-tab-list label[for="admin-tab-artist-pulse"],
body[data-neon-theme] #admin-tab-playlists:checked ~ .admin-tab-list label[for="admin-tab-playlists"],
body[data-neon-theme] #admin-tab-edit-music:checked ~ .admin-tab-list label[for="admin-tab-edit-music"],
body[data-neon-theme] #admin-tab-edit-playlists:checked ~ .admin-tab-list label[for="admin-tab-edit-playlists"],
body[data-neon-theme] #admin-tab-bandwidth:checked ~ .admin-tab-list label[for="admin-tab-bandwidth"] {
    border-color: var(--neon-line);
    background:
        linear-gradient(90deg, var(--neon-soft), var(--neon-secondary-soft)),
        rgba(255, 255, 255, 0.055);
    box-shadow: 0 0 22px rgb(var(--neon-primary-rgb) / 0.09);
}

body[data-neon-theme] input,
body[data-neon-theme] textarea,
body[data-neon-theme] select,
body[data-neon-theme] .duration-preview,
body[data-neon-theme] .share-link-field input,
body[data-neon-theme] .player-save-form select {
    border-color: rgb(var(--neon-primary-rgb) / 0.18);
}

body[data-neon-theme] input:hover,
body[data-neon-theme] textarea:hover,
body[data-neon-theme] select:hover,
body[data-neon-theme] input:focus,
body[data-neon-theme] textarea:focus,
body[data-neon-theme] select:focus {
    border-color: var(--neon-line);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 0 3px var(--neon-soft),
        0 0 22px rgb(var(--neon-primary-rgb) / 0.08);
    outline: none;
}

body[data-neon-theme] .track-card:hover,
body[data-neon-theme] .track-card.is-selected,
body[data-neon-theme] .album-card:hover,
body[data-neon-theme] .album-card:focus-visible,
body[data-neon-theme] .album-card.is-selected,
body[data-neon-theme] .ranked-track:hover,
body[data-neon-theme] .ranked-track:focus-visible,
body[data-neon-theme] .ranked-track.is-selected,
body[data-neon-theme] .playlist-card:hover,
body[data-neon-theme] .queue-builder-item:hover,
body[data-neon-theme] .queue-builder-item:focus-within,
body[data-neon-theme] .queue-builder-item.is-active,
body[data-neon-theme] .admin-track-result.is-selected,
body[data-neon-theme] .admin-playlist-result.is-selected,
body[data-neon-theme] .premium-tier-card:hover,
body[data-neon-theme] .room-card:hover {
    border-color: var(--neon-line);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.065),
        0 14px 30px rgba(0, 0, 0, 0.22),
        0 0 14px rgb(var(--neon-primary-rgb) / 0.075);
}

body[data-neon-theme] .track-accent,
body[data-neon-theme] .room-orb,
body[data-neon-theme] .premium-tier-card::before,
body[data-neon-theme] .latest-release-card .button,
body[data-neon-theme] .neon-choice-swatch,
body[data-neon-theme] .neon-swatch-dot {
    box-shadow:
        0 0 18px var(--neon-glow),
        0 0 30px rgb(var(--neon-secondary-rgb) / 0.2);
}

body[data-neon-theme] .premium-hero::after,
body[data-neon-theme] .room-hero::before,
body[data-neon-theme] .music-hero-grid::after {
    background:
        linear-gradient(90deg, var(--neon-soft), transparent 42%, var(--neon-secondary-soft)),
        linear-gradient(90deg, transparent, var(--neon-primary), var(--neon-secondary), transparent) left bottom / 100% 1px no-repeat;
}

body[data-neon-theme] .room-window-light,
body[data-neon-theme] .room-image > span:not(.live-room-badge),
body[data-neon-theme] .room-scene-overlay {
    box-shadow:
        0 0 22px var(--neon-glow),
        0 0 38px rgb(var(--neon-secondary-rgb) / 0.22);
}

body[data-neon-theme] .empty-state,
body[data-neon-theme] .field-note,
body[data-neon-theme] .auth-card-note,
body[data-neon-theme] .admin-form-feedback {
    border-color: rgb(var(--neon-primary-rgb) / 0.18);
}

body[data-neon-theme] .flash {
    border-color: rgb(var(--neon-primary-rgb) / 0.28);
    box-shadow: 0 0 18px rgb(var(--neon-primary-rgb) / 0.08);
}