/* ============================================================================
 * NeonWave × Lucid — port of the Spicetify "Lucid" theme by sanoojes
 * (https://gitlab.com/sanoojes/spicetify-lucid, AGPL-3.0) onto NeonWave's DOM.
 * Colours: --clr-* come from js/lucid.js (Material You, dark, tinted, tonalSpot).
 * Section names follow Lucid's styles/app.scss, colors.css and player.css.
 * Loaded last.
 * ========================================================================== */

/* ── app.scss :root ─────────────────────────────────────────────────────── */
:root {
    --header-filters: blur(32px) saturate(1.5) brightness(0.7);
    --default-border: 1px solid rgba(255, 255, 255, 0.1);
    --hover-border: 1px solid rgba(255, 255, 255, 0.2);
    --default-transition: all 225ms ease-in-out;
    --s-br: 4px; --br: 8px; --m-br: 12px; --l-br: 16px; --xl-br: 32px;
    --panel-gap: 8px;
    /* colors.css (dark) */
    --main-bg-alpha: 0.3;
    --clr-bg-alpha: 0.45;
    --main-bg: rgba(var(--clr-surface-rgb), var(--main-bg-alpha));
    --background-base: rgba(var(--clr-surface-rgb), var(--clr-bg-alpha));
    --background-highlight: rgba(var(--clr-surface-1-rgb), var(--clr-bg-alpha));
    --background-press: rgba(var(--clr-surface-rgb), var(--clr-bg-alpha));
    --background-elevated-base: rgba(var(--clr-surface-1-rgb), var(--clr-bg-alpha));
    --background-elevated-highlight: rgba(var(--clr-surface-2-rgb), var(--clr-bg-alpha));
    --text-base: var(--clr-on-surface);
    --text-subdued: var(--clr-on-surface-variant);
    /* player.css defaults (appStore player.defaultStyle) */
    --player-height: 80px;
    --player-padding-x: 8px;
    --player-border-radius: 8px;
    --player-image-radius: 8px;
    --player-bg-color: var(--main-bg);
    --player-blur: 32px;
    --player-saturate: 1.5;
    --player-brightness: 50%;
    --cover-art-size: 56px;
    /* re-point the NeonWave skin tokens at Lucid's palette */
    --sk-text: var(--clr-on-surface);
    --sk-sub: var(--clr-on-surface-variant);
    --sk-cover: var(--clr-primary);
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
}

/* ── Background (bg.mode "static", imageMode "player"):
      blur 32px · saturate 150% · brightness 40% · contrast 100% ─────────── */
body, body.has-ambient-artwork, .app-container { background: #000 !important; color: var(--text-base); }
body.has-ambient-artwork .app-container, .app-container { background: transparent !important; }
body::before {
    display: block !important; content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
    background: var(--ambient-image, none) center center / cover no-repeat !important;
    filter: blur(32px) saturate(1.5) contrast(1) brightness(0.4) !important;
    transform: scale(1.1); opacity: 1 !important; animation: none !important;
    transition: background 0.3s;
}
body::after { display: none !important; }

/* ── Scrollbar ──────────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 0.35rem; height: 0.35rem; }
::-webkit-scrollbar-thumb { background: rgba(var(--clr-on-surface-rgb), 0.25); border: 0; border-radius: var(--m-br); }
::-webkit-scrollbar-thumb:hover { background: rgba(var(--clr-on-surface-rgb), 0.5); }
::-webkit-scrollbar-thumb:active { background: rgba(var(--clr-on-surface-rgb), 0.75); }
::-webkit-scrollbar-track { background: transparent; }

/* ── Root Main Cards: nav bar, main view, now playing view ─────────────── */
.middle-row { gap: var(--panel-gap) !important; padding: 0 var(--panel-gap) !important; }
body .sidebar,
body .main-content,
body .now-playing-panel.visible,
body.has-ambient-artwork .sidebar,
body.has-ambient-artwork .main-content,
body.has-ambient-artwork .now-playing-panel.visible,
body .now-playing-panel.visible:has(.sl-root) {
    background: var(--main-bg) !important;
    border: var(--default-border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}
body .sidebar {
    --lib-bar-darkness: 0.9;
    -webkit-backdrop-filter: blur(32px) saturate(1.5) brightness(var(--lib-bar-darkness)) !important;
    backdrop-filter: blur(32px) saturate(1.5) brightness(var(--lib-bar-darkness)) !important;
    transition: none;
}
body .main-content, body .now-playing-panel { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
body .main-content::before, body .main-content::after { display: none !important; }

/* ── Under Main View (js/lucid.js) ──────────────────────────────────────── */
.main-content { position: relative; isolation: isolate; }
.main-content > * { position: relative; z-index: 1; }
.main-content > .umv {
    --umv-height: calc(100vh / 1.75);
    position: absolute !important; z-index: 0 !important; inset: 0 0 auto 0;
    width: 100%; height: var(--umv-height);
    background-image: var(--umv-bg, none); background-size: cover; background-position: center center; background-repeat: no-repeat;
    will-change: transform, filter; transition: all 0s linear; pointer-events: none;
    -webkit-mask-image: linear-gradient(rgb(0, 0, 0) calc(var(--umv-height) / 2), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(rgb(0, 0, 0) calc(var(--umv-height) / 2), rgba(0, 0, 0, 0) 100%);
    transform-origin: center center;
}

/* ── Global (buttons / chips): 8px, hover 16px + hover border ──────────── */
.main-filter-btn, .lib-filter-pill, .sidebar-filter-btn, .sp-pill, .premium-action-btn, .weekly-recap-open-btn {
    border: var(--default-border) !important;
    border-radius: var(--br) !important;
    transition: var(--default-transition) !important;
    background: var(--background-highlight) !important;
    color: var(--text-base) !important;
}
.main-filter-btn:hover, .lib-filter-pill:hover, .sidebar-filter-btn:hover, .sp-pill:hover, .premium-action-btn:hover {
    transform: none !important; border-radius: var(--l-br) !important; border: var(--hover-border) !important;
}
.main-filter-btn.active, .lib-filter-pill.active, .sidebar-filter-btn.is-accent {
    color: var(--clr-on-primary-container) !important; background: var(--clr-primary-container) !important;
}

/* ── Global Nav ─────────────────────────────────────────────────────────── */
body .sp-topbar { background: transparent !important; }
body .sp-home-btn, body .sp-search, body .sp-search.top-search-wrap {
    height: 52px !important; border: var(--default-border) !important; border-radius: var(--br) !important;
    background: var(--background-base) !important; transition: var(--default-transition) !important; box-shadow: none !important;
}
body .sp-home-btn { width: 52px !important; min-width: 52px; }
body .sp-home-btn:hover { border: var(--hover-border) !important; border-radius: var(--l-br) !important; transform: scale(0.98) !important; }
body .sp-search:hover, body .sp-search:focus-within { border: var(--hover-border) !important; border-radius: var(--l-br) !important; transform: scale(1) !important; }
body .sp-search input::placeholder { color: var(--text-subdued) !important; }
body .sp-search .sp-search-icon, body .sp-search-clear, body .sp-search-browse { color: var(--text-subdued) !important; }
body .sp-avatar {
    width: 52px !important; height: 52px !important; border-radius: var(--m-br) !important;
    border: var(--default-border) !important; background: var(--background-base) !important;
}
body .sp-avatar:hover { border: var(--hover-border) !important; }
.sp-tb-icon { color: var(--text-subdued); }
.sp-tb-icon:hover { color: var(--text-base); }

/* ── Main Home / shelves ────────────────────────────────────────────────── */
.track-card, .album-card, .shortcut-card, .search-card:not(.search-song-results-panel), .artist-card, .home-card {
    border: var(--default-border) !important;
    border-radius: var(--m-br) !important;
    background-color: rgba(var(--clr-surface-rgb), 0.3) !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}
.track-card:hover, .album-card:hover, .shortcut-card:hover, .artist-card:hover, .home-card:hover {
    background-color: rgba(var(--clr-surface-1-rgb), 0.3) !important;
    border: var(--hover-border) !important;
}

/* Track list: bordered card, 12px, 4px padding, rows 8px */
.track-list-shell, .album-tracklist, .sp-pl-table {
    border: var(--default-border) !important;
    border-radius: var(--m-br) !important;
    padding: 4px !important;
    background-color: var(--main-bg) !important;
}
.track-list-shell .track-row, .sp-pl-table .track-row, .album-track-row { border-radius: var(--br) !important; padding: 0 24px 0 32px !important; }
.track-list-shell .track-list-header, .sp-pl-table .track-list-header {
    padding: 0 24px 0 32px !important; margin: 0 0 4px !important;
    border-bottom: var(--default-border) !important;
}
.track-row:hover { background: var(--background-elevated-highlight) !important; }
.track-row-title { color: var(--text-base) !important; }
.track-row-meta, .track-row-album, .track-row-date, .track-row-duration, .track-row-index, .track-list-header span { color: var(--text-subdued) !important; }
.track-row-favorite.active { color: var(--clr-primary) !important; }

/* Top bar / sticky headers: background-highlight + header filters */
.main-filters {
    background-color: var(--background-highlight) !important;
    -webkit-backdrop-filter: var(--header-filters); backdrop-filter: var(--header-filters);
    border-bottom: var(--default-border) !important;
}

/* ── Playlist / album header & action bar ──────────────────────────────── */
body .sp-pl-hero {
    background: var(--background-base) !important;
    border: var(--default-border) !important;
    border-radius: var(--l-br) !important;
    box-shadow: none !important;
}
.sp-pl-hero::before { display: none !important; }
.sp-pl-hero .playlist-hero-art { border-radius: var(--br) !important; }
.sp-pl-actions { border-top: var(--default-border); margin-top: 16px; }
/* encore bright-accent button = clr-primary / on-primary, swaps on hover */
.sp-pl-play, .premium-action-btn.is-primary {
    background: var(--clr-primary) !important; color: var(--clr-on-primary) !important;
    border-radius: var(--br) !important; transition: all 225ms ease-in !important;
}
.sp-pl-play:hover, .premium-action-btn.is-primary:hover {
    background: var(--clr-on-primary) !important; color: var(--clr-primary) !important;
    border-radius: var(--xl-br) !important; transform: none !important;
}
.sp-pl-icon, .sp-pl-sort { color: var(--text-subdued) !important; }
.sp-pl-icon:hover, .sp-pl-sort:hover { color: var(--text-base) !important; }
.sp-pl-mini-cover { border-radius: var(--br) !important; box-shadow: 0 0 0 2px rgba(var(--clr-on-surface-rgb), 0.5) !important; }

/* ── Left Sidebar ───────────────────────────────────────────────────────── */
.sidebar .library-item { border-radius: var(--br) !important; }
.sidebar .library-item:hover { background: rgba(var(--clr-on-surface-variant-rgb), 0.1) !important; }
.sidebar .library-item .img-box, .sidebar .library-item .img-box img { border-radius: var(--br) !important; }
.sidebar .sidebar-header .lib-title, .sidebar .sidebar-header > button { color: var(--text-subdued) !important; }

/* ── Right Sidebar ──────────────────────────────────────────────────────── */
.now-playing-panel .np-box, .now-playing-panel .np-queue-preview, .now-playing-panel .np-stage {
    border: var(--default-border) !important; border-radius: var(--m-br) !important; transition: all 0.3s ease;
    background: transparent !important;
}
.now-playing-panel .np-box:hover { background-color: var(--background-elevated-highlight) !important; border: var(--hover-border) !important; }
/* Lyrics: lyrics-background = primary-container @ 10% */
body .now-playing-panel.visible:has(.sl-root) { background: rgba(var(--clr-primary-container-rgb), 0.1) !important; }
.now-playing-panel:has(.sl-root) .np-box, .now-playing-panel:has(.sl-root) .np-box:hover { border: 0 !important; background: none !important; }
.now-playing-panel:has(.sl-root) .np-video-bg { display: none !important; }
.sl-credit { color: var(--text-subdued); }

/* ── Player (player.css): floating card, main-bg, 1px border, 8px radius,
      backdrop blur 32 · saturate 1.5 · brightness 50%, cover 56px / 8px ─── */
body .player-footer.sp-footer, body.has-ambient-artwork .player-footer.sp-footer {
    position: relative;
    height: var(--player-height) !important;
    margin: var(--panel-gap) !important;
    width: auto !important;
    padding: 0 var(--player-padding-x) !important;
    background: var(--player-bg-color) !important;
    border: var(--default-border) !important;
    border-radius: var(--player-border-radius) !important;
    box-shadow: none !important;
    isolation: isolate;
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
body .player-footer.sp-footer::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    -webkit-backdrop-filter: blur(var(--player-blur)) saturate(var(--player-saturate)) brightness(var(--player-brightness)) contrast(1) opacity(1);
    backdrop-filter: blur(var(--player-blur)) saturate(var(--player-saturate)) brightness(var(--player-brightness)) contrast(1) opacity(1);
}
.sp-footer .thumb, .sp-footer .thumb img {
    width: var(--cover-art-size) !important; height: var(--cover-art-size) !important;
    border-radius: var(--player-image-radius) !important; background-color: rgba(var(--clr-on-surface-rgb), 0.1) !important;
}
.sp-footer .title { color: var(--text-base) !important; }
.sp-footer .artist { color: var(--text-subdued) !important; }
.sp-footer .control-btn { color: var(--text-subdued) !important; }
.sp-footer .control-btn:hover { color: var(--text-base) !important; }
.sp-footer .player-controls { margin-bottom: 4px !important; }
.sp-like-btn.is-liked .sp-like-on, #shuffleBtn[style*="accent"], #repeatBtn[style*="accent"] { color: var(--clr-primary) !important; }
/* Play button (encore primary) */
body .sp-footer .play-pause-btn {
    width: 32px !important; height: 32px !important; border-radius: 50% !important;
    background: var(--clr-on-surface) !important; color: var(--clr-surface) !important; transition: all 225ms ease-in;
}
body .sp-footer .play-pause-btn svg { fill: var(--clr-surface) !important; color: var(--clr-surface) !important; width: 16px !important; height: 16px !important; }
body .sp-footer .play-pause-btn:hover { background: var(--clr-primary) !important; }
body .sp-footer .play-pause-btn:hover svg { fill: var(--clr-on-primary) !important; }
/* progress-bar: bg on-secondary-container 20%, fg on-secondary-container, active primary */
body #progressSlider, body #volumeSlider {
    height: 4px !important;
    background: linear-gradient(to right,
        var(--clr-on-secondary-container) 0%, var(--clr-on-secondary-container) var(--fill, 0%),
        rgba(var(--clr-on-secondary-container-rgb), 0.2) var(--fill, 0%)) !important;
}
body #progressSlider:hover, body #volumeSlider:hover {
    background: linear-gradient(to right,
        var(--clr-primary) 0%, var(--clr-primary) var(--fill, 0%),
        rgba(var(--clr-on-secondary-container-rgb), 0.2) var(--fill, 0%)) !important;
}
.sp-footer .progress-time { color: var(--text-subdued) !important; }

/* hideExtraIcon (Lucid default): extra controls folded in an 8rem box,
   opened on hover with a surface background and hover border */
body .sp-footer .footer-right {
    position: relative; justify-self: end; width: 12rem !important; min-height: 2rem; overflow: visible !important;
}
body .sp-footer .footer-right .sp-extra {
    position: absolute; top: 50%; right: 0; width: 8rem; overflow: hidden; display: flex; align-items: center; justify-content: flex-end;
    gap: 4px; padding: 0.5rem; border-radius: 0.75rem; transform: translate3d(0, -50%, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    transition: width 225ms ease-in-out, background-color 300ms linear;
}
body .sp-footer .footer-right .sp-extra:hover {
    width: fit-content; min-width: fit-content; max-width: 50vw;
    background-color: var(--clr-surface); border: var(--hover-border);
}
body .sp-footer .footer-right .sp-extra > * { flex-shrink: 0; }
body .sp-footer .footer-right .sp-extra #volumeSlider { order: 1; min-width: 6rem; width: 6rem !important; }
body .sp-footer .footer-right .sp-extra .sp-fullscreen-btn { order: 2; }

/* ── Next song card (player.css .next-playing-card.floating.left) ──────── */
.next-playing-card {
    --height: 64px; --x-padding: 8px; --y-padding: 8px; --gap: 4px;
    position: fixed !important; z-index: 50;
    left: var(--panel-gap); bottom: calc(var(--player-height) + var(--panel-gap) * 2 + var(--panel-gap) / 2);
    height: var(--height); max-width: 256px; padding: var(--y-padding) var(--x-padding);
    display: none; align-items: center; gap: 8px; cursor: pointer;
    background: var(--player-bg-color); border: var(--default-border); border-radius: var(--player-border-radius);
    transition: var(--default-transition); overflow: hidden; isolation: isolate;
}
.next-playing-card.visible { display: flex; }
.next-playing-card::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit;
    -webkit-backdrop-filter: blur(var(--player-blur)) saturate(var(--player-saturate)) brightness(var(--player-brightness));
    backdrop-filter: blur(var(--player-blur)) saturate(var(--player-saturate)) brightness(var(--player-brightness));
}
.next-playing-card:hover { border: var(--hover-border); }
.next-playing-card .npc-cover { width: 48px; height: 48px; border-radius: var(--player-image-radius); object-fit: cover; flex-shrink: 0; background: rgba(var(--clr-on-surface-rgb), 0.1); }
.next-playing-card .npc-info { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.next-playing-card .npc-label { font-size: 11px; color: var(--text-subdued); }
.next-playing-card .npc-title { font-size: 14px; color: var(--text-base); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.next-playing-card .npc-artist { font-size: 12px; color: var(--text-subdued); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Context menu / modals / toasts ─────────────────────────────────────── */
.context-menu, #contextMenu, .modal-content, .nw-modal, .settings-panel, .toast, .nw-toast {
    background: var(--background-base) !important;
    -webkit-backdrop-filter: blur(32px) !important; backdrop-filter: blur(32px) !important;
    border: var(--default-border) !important; border-radius: 0.75rem !important;
    color: var(--clr-on-surface) !important; box-shadow: none !important;
}
.context-menu-item:hover { background: var(--background-elevated-highlight) !important; border-radius: var(--br); }

/* Right sidebar canvas: Lucid fades Spotify's Now Playing canvas to transparent */
.now-playing-panel .np-bg-veil {
    background: linear-gradient(180deg, hsla(0, 0%, 7%, 0.63), hsla(0, 0%, 7%, 0.53) 30%, hsla(0, 0%, 7%, 0.53) 70%, hsla(0, 0%, 0%, 0) 95%) !important;
}
.now-playing-panel .np-cover-container video, .now-playing-panel .np-cover-container img {
    -webkit-mask-image: linear-gradient(180deg, #000, #000 30%, #000 70%, transparent);
    mask-image: linear-gradient(180deg, #000, #000 30%, #000 70%, transparent);
}
.now-playing-panel .np-header .np-title-stack { display: none !important; }

/* ── Library page on desktop (was only styled for mobile) ──────────────── */
#libraryCollections { display: flex; flex-direction: column; gap: 2px; padding: 16px; }
#libraryCollections .lib-row-item {
    display: flex; align-items: center; gap: 12px; padding: 8px; cursor: pointer;
    border-radius: var(--br); transition: var(--default-transition);
}
#libraryCollections .lib-row-item:hover { background: rgba(var(--clr-on-surface-variant-rgb), 0.1); }
#libraryCollections .lib-row-img {
    width: 64px; height: 64px; flex-shrink: 0; border-radius: var(--br); overflow: hidden;
    display: flex; align-items: center; justify-content: center; background: rgba(var(--clr-on-surface-rgb), 0.1);
}
#libraryCollections .lib-row-img.is-round { border-radius: 50%; }
#libraryCollections .lib-row-img.gradient-liked { background: linear-gradient(135deg, #450af5, #c4efd9); color: #fff; }
#libraryCollections .lib-row-img img { width: 100%; height: 100%; object-fit: cover; }
#libraryCollections .lib-row-img svg { width: 24px; height: 24px; }
#libraryCollections .lib-row-info { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
#libraryCollections .lib-row-title { color: var(--text-base); font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#libraryCollections .lib-row-meta { color: var(--text-subdued); font-size: 14px; display: flex; align-items: center; gap: 6px; }
#libraryCollections .lib-row-meta svg { width: 12px; height: 12px; color: var(--clr-primary); }
.library-header-mobile, .library-filters-mobile, .library-sort-row { display: flex; align-items: center; gap: 8px; padding: 16px 16px 0; color: var(--text-base); }
.library-sort-row svg, .library-header-mobile svg { width: 16px; height: 16px; }

/* Match the reference: plain play/pause glyph, extra icons always visible */
body .sp-footer .play-pause-btn, body .sp-footer .play-pause-btn:hover { background: transparent !important; width: 32px !important; height: 32px !important; }
body .sp-footer .play-pause-btn svg, body .sp-footer .play-pause-btn:hover svg { fill: var(--clr-on-surface) !important; color: var(--clr-on-surface) !important; width: 24px !important; height: 24px !important; }
body .sp-footer .play-pause-btn:hover svg { transform: scale(1.06); }
body .sp-footer .footer-right { width: auto !important; }
body .sp-footer .footer-right .sp-extra, body .sp-footer .footer-right .sp-extra:hover {
    position: static; transform: none; width: auto; max-width: none; padding: 0; border: 0; background: none; overflow: visible; gap: 8px;
}
body .sp-footer .footer-right .sp-extra #volumeSlider { order: 0; width: 93px !important; min-width: 93px; }
body .sp-footer .footer-right .sp-extra .sp-fullscreen-btn { order: 0; }
body .sp-footer .control-btn svg { width: 16px; height: 16px; }

/* ── Album page (same Lucid layout as playlists) ─────────────────────── */
.sp-album .sp-pl-hero h2 { font-size: clamp(32px, 5vw, 72px) !important; font-weight: 800 !important; letter-spacing: -0.04em !important; line-height: 1.05; margin: 4px 0 !important; }
.sp-album-table .track-list-header, .sp-album-table .track-row { grid-template-columns: 24px minmax(0, 1fr) 64px !important; }
.sp-album-table .track-row.is-disabled { opacity: 0.45; pointer-events: none; }
.sp-album { padding-bottom: 24px; }
.sp-album .track-list-shell { margin: 0 16px; }

/* ── Lyrics panel: Spicy Lyrics dynamic background (aside: brightness .6 · saturate 2.65)
      and its sidebar text colours ─────────────────────────────────────── */
body .now-playing-panel.visible:has(.sl-root) { position: relative; overflow: hidden !important; isolation: isolate; background: #000 !important; }
body .now-playing-panel.visible:has(.sl-root)::before {
    content: ""; position: absolute; inset: -35%; z-index: -1; pointer-events: none;
    background: var(--ambient-image, none) center / cover no-repeat;
    filter: blur(48px) brightness(0.6) saturate(2.65);
    animation: sl-dynbg 40s linear infinite;
}
@keyframes sl-dynbg { from { transform: rotate(0deg) scale(1.15); } to { transform: rotate(360deg) scale(1.15); } }
.now-playing-panel .sl-root { --sl-size: 34px; gap: 10px; }
.now-playing-panel .sl-line { font-weight: 700; letter-spacing: -0.01em; }
.now-playing-panel .sl-line.NotSung { opacity: 0.6; }
.now-playing-panel .sl-line.Sung { opacity: 0.6; }
.now-playing-panel .sl-line.NotSung .sl-word:not(.sl-letters), .now-playing-panel .sl-line.NotSung .sl-letter,
.now-playing-panel .sl-line.Sung .sl-word:not(.sl-letters), .now-playing-panel .sl-line.Sung .sl-letter,
.now-playing-panel .sl-line.sl-sweep:not(.Active) {
    background-image: linear-gradient(90deg, rgba(255,255,255,.85), rgba(255,255,255,.85)) !important;
}
.now-playing-panel .sl-line { filter: blur(calc(var(--sl-blur, 0px) * 0.6)); }

.sl-word.sl-letters { background-image: none !important; color: inherit; }

/* Player bar right icons: same 16px glyph box as Spotify; Spicy button 18px */
body .sp-footer .footer-right .control-btn svg { width: 16px !important; height: 16px !important; }
body .sp-footer .footer-right .sp-spicy-btn svg { width: 18px !important; height: 18px !important; }