/*
 * MSB Music — Light Theme Layer
 * Dark remains the default. This file only becomes active under html[data-theme="light"].
 * No business logic, queries, AJAX, player state, SPA routing or plugin data flow is changed here.
 */

html[data-theme="light"] {
    --bg-primary: #f6f7f6;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, .88);
    --bg-elevated: #ffffff;
    --hover: #edf1ee;
    --primary: #13853d;
    --primary-hover: #0f7735;
    --text: #151a17;
    --text-sec: #626a65;
    --text-muted: #8b938e;
    --border: #dde3df;
    --shadow: 0 18px 46px rgba(25, 38, 30, .10);
    --shadow-sm: 0 7px 22px rgba(25, 38, 30, .08);
    --msb-light-surface: #ffffff;
    --msb-light-soft: #f1f4f2;
    --msb-light-soft-2: #e9eeeb;
    --msb-light-border: rgba(22, 35, 27, .11);
    --msb-light-border-strong: rgba(22, 35, 27, .17);
    --msb-light-shadow: 0 18px 50px rgba(27, 43, 33, .10);
    --msb-light-overlay: rgba(14, 22, 17, .42);
    --msb-brand-soft: rgba(19, 133, 61, .09);
    --msb-brand-soft-strong: rgba(19, 133, 61, .14);
}

html[data-theme="light"],
html[data-theme="light"] body {
    background: var(--bg-primary);
    color: var(--text);
}

html.msb-theme-ready body,
html.msb-theme-ready .desktop-sidebar,
html.msb-theme-ready .mobile-header,
html.msb-theme-ready .bottom-nav,
html.msb-theme-ready .new-player,
html.msb-theme-ready .music-card,
html.msb-theme-ready .app-song-card {
    transition: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

@media (prefers-reduced-motion: reduce) {
    html.msb-theme-ready body,
    html.msb-theme-ready .desktop-sidebar,
    html.msb-theme-ready .mobile-header,
    html.msb-theme-ready .bottom-nav,
    html.msb-theme-ready .new-player,
    html.msb-theme-ready .music-card,
    html.msb-theme-ready .app-song-card { transition: none; }
}

/* Theme switcher — intentionally neutral and compact. */
.msb-theme-toggle {
    -webkit-tap-highlight-color: transparent;
    appearance: none;
    border: 1px solid var(--border);
    background: var(--bg-card);
    color: var(--text-sec);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 13px;
    box-shadow: var(--shadow-sm);
    transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.msb-theme-toggle:hover { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 42%, var(--border)); transform: translateY(-1px); }
.msb-theme-toggle:focus-visible { outline: 3px solid rgba(30, 215, 96, .20); outline-offset: 2px; }
.msb-theme-toggle i { font-size: 15px; line-height: 1; }
.sidebar-logo { position: relative; }
.sidebar-logo .msb-theme-toggle { position: absolute; top: 0; left: 14px; width: 34px; height: 34px; border-radius: 12px; box-shadow: none; }
.mobile-header .msb-theme-toggle { width: 40px; height: 40px; border: 0; box-shadow: none; background: transparent; font-size: 18px; }
.mobile-header .msb-theme-toggle:hover { background: rgba(30, 215, 96, .12); }

/* Core shell / navigation */
html[data-theme="light"] .desktop-sidebar {
    background: rgba(255, 255, 255, .92);
    border-left-color: var(--border);
    box-shadow: -12px 0 35px rgba(25, 38, 30, .045);
}
html[data-theme="light"] .mobile-header,
html[data-theme="light"] #msb-sticky-mobile-header-style + * .mobile-header {
    background: rgba(255, 255, 255, .92);
    border-bottom-color: var(--border);
}
html[data-theme="light"] .bottom-nav {
    background: rgba(255, 255, 255, .94);
    border-top-color: var(--border);
    box-shadow: 0 -10px 32px rgba(25, 38, 30, .07);
}
html[data-theme="light"] .sidebar-logo h2,
html[data-theme="light"] .mobile-header .logo span,
html[data-theme="light"] .app-archive-title,
html[data-theme="light"] .app-song-title {
    background: linear-gradient(135deg, #1a201c 0%, var(--primary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
html[data-theme="light"] .sidebar-search-box,
html[data-theme="light"] .sidebar-search-results,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .search-results-container {
    background: var(--bg-elevated);
    border-color: var(--border);
    box-shadow: var(--shadow);
}
html[data-theme="light"] .sidebar-menu li a:hover,
html[data-theme="light"] .sidebar-menu li a.active,
html[data-theme="light"] .sidebar-user-link:hover,
html[data-theme="light"] .sidebar-search-item:hover,
html[data-theme="light"] .search-result-item:hover { background: var(--hover); }

/* Main cards / archives / song page */
html[data-theme="light"] .music-card,
html[data-theme="light"] .app-song-card,
html[data-theme="light"] .app-list-item,
html[data-theme="light"] .app-song-info,
html[data-theme="light"] .album-info-section,
html[data-theme="light"] .lyrics-section,
html[data-theme="light"] .related-section,
html[data-theme="light"] .comments-section,
html[data-theme="light"] .track-item-app,
html[data-theme="light"] .related-list-item,
html[data-theme="light"] .app-archive-header,
html[data-theme="light"] .msb-term-archive,
html[data-theme="light"] .watch-shell,
html[data-theme="light"] .msb-watch-shell {
    border-color: var(--border);
}
html[data-theme="light"] .app-archive-page,
html[data-theme="light"] .app-song-page,
html[data-theme="light"] .search-page { background: var(--bg-primary); }
html[data-theme="light"] .app-archive-header {
    background: linear-gradient(145deg, #ffffff 0%, #f0f4f1 100%);
}
html[data-theme="light"] .app-song-header {
    background: rgba(255,255,255,.92);
    border-bottom: 1px solid var(--border);
}
html[data-theme="light"] .app-back-btn,
html[data-theme="light"] .app-share-btn,
html[data-theme="light"] .app-view-btn,
html[data-theme="light"] .app-list-download,
html[data-theme="light"] .app-list-more,
html[data-theme="light"] .track-download-app,
html[data-theme="light"] .related-list-more,
html[data-theme="light"] .copy-lyrics-app,
html[data-theme="light"] .close-popup-btn {
    color: var(--text-sec);
}

/* Keep media itself neutral/black; only chrome becomes light. */
html[data-theme="light"] .app-video-player-inline,
html[data-theme="light"] .video-js,
html[data-theme="light"] video,
html[data-theme="light"] .msb-watch-player,
html[data-theme="light"] .watch-video-frame { background: #000 !important; }

/* Download, search and generic modals */
html[data-theme="light"] .download-popup-overlay,
html[data-theme="light"] .playlist-modal-overlay,
html[data-theme="light"] .player-modal,
html[data-theme="light"] .sleep-timer-modal,
html[data-theme="light"] .msb-login-modal-overlay,
html[data-theme="light"] .msb-toast-overlay {
    background: rgba(20, 29, 23, .46);
}
html[data-theme="light"] .download-popup,
html[data-theme="light"] .playlist-modal-content,
html[data-theme="light"] .details-modal-content,
html[data-theme="light"] .lyrics-modal-content,
html[data-theme="light"] .sleep-timer-content,
html[data-theme="light"] .msb-login-modal,
html[data-theme="light"] .msb-playlist-popup,
html[data-theme="light"] .player-modal-content {
    background: #ffffff;
    color: var(--text);
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}
html[data-theme="light"] .download-popup-item,
html[data-theme="light"] .sleep-preset,
html[data-theme="light"] .msb-playlist-popup-item,
html[data-theme="light"] .playlist-modal-item {
    background: #f5f7f5;
    border-color: var(--border);
}
html[data-theme="light"] .playlist-header-modal,
html[data-theme="light"] .details-header-modal,
html[data-theme="light"] .lyrics-header-modal {
    background: rgba(247,249,247,.96);
    border-bottom-color: var(--border);
}

/* Main player */
html[data-theme="light"] .new-player {
    background: rgba(255, 255, 255, .96);
    border-color: var(--border);
    box-shadow: 0 -12px 35px rgba(25, 38, 30, .08);
}
html[data-theme="light"] .new-player-btn,
html[data-theme="light"] .player-add-to-playlist,
html[data-theme="light"] .player-like-song {
    color: var(--text-sec);
    border-color: var(--border);
    background: #f1f4f2;
}
html[data-theme="light"] .new-player-progress,
html[data-theme="light"] .modal-progress,
html[data-theme="light"] .volume-slider { background: #dce3de; }
html[data-theme="light"] .player-modal {
    background: rgba(246, 247, 246, .985);
    color: var(--text);
}
html[data-theme="light"] .player-modal-close,
html[data-theme="light"] .modal-control-btn,
html[data-theme="light"] .modal-extra-btn {
    background: #edf1ee;
    color: var(--text-sec);
    border-color: var(--border);
}
html[data-theme="light"] .player-modal-title {
    background: linear-gradient(135deg, #171b18, #59615c);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
html[data-theme="light"] .player-modal-cover { box-shadow: 0 24px 55px rgba(25, 38, 30, .16); }

/* Toasts / confirmations */
html[data-theme="light"] .msb-toast,
html[data-theme="light"] .msb-graphic-toast,
html[data-theme="light"] .msb-message-toast {
    background: #ffffff;
    color: var(--text);
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}

/* =========================
   User plugin: login/dashboard/profile/playlists
   ========================= */
html[data-theme="light"] .msb-fullscreen-login,
html[data-theme="light"] .msb-login-page {
    background: radial-gradient(circle at 20% 10%, rgba(19,133,61,.08), transparent 34%), linear-gradient(145deg, #f7f9f7 0%, #eef3ef 100%);
}
html[data-theme="light"] .msb-login-page .login-card,
html[data-theme="light"] .msb-fullscreen-login .login-card {
    background: rgba(255,255,255,.94);
    border-color: var(--msb-light-border);
    box-shadow: 0 28px 60px rgba(27,43,33,.12);
}
html[data-theme="light"] .msb-login-page h1,
html[data-theme="light"] .msb-fullscreen-login h1,
html[data-theme="light"] .msb-user-details h2 {
    background: linear-gradient(135deg, #151a17 0%, var(--primary) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
html[data-theme="light"] .msb-login-page .slogan-text,
html[data-theme="light"] .msb-fullscreen-login .slogan-text { color: var(--text-sec); }
html[data-theme="light"] .msb-login-page .input-group,
html[data-theme="light"] .msb-fullscreen-login .input-group,
html[data-theme="light"] .msb-login-page .otp-box,
html[data-theme="light"] .msb-fullscreen-login .otp-box {
    background: #f1f4f2;
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="light"] .msb-login-page .input-group input,
html[data-theme="light"] .msb-fullscreen-login .input-group input { color: var(--text); }
html[data-theme="light"] .msb-login-page .input-group input::placeholder,
html[data-theme="light"] .msb-fullscreen-login .input-group input::placeholder { color: #909893; }

html[data-theme="light"] .msb-user-card,
html[data-theme="light"] .msb-stat-box {
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(246,249,247,.92));
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .msb-user-details p,
html[data-theme="light"] .msb-stat-label,
html[data-theme="light"] .recently-artist,
html[data-theme="light"] .msb-playlist-info span,
html[data-theme="light"] .msb-song-artist-sm,
html[data-theme="light"] .msb-song-number,
html[data-theme="light"] .msb-form-group label,
html[data-theme="light"] .msb-no-playlist-msg,
html[data-theme="light"] .empty-recently { color: var(--text-sec); }
html[data-theme="light"] .recently-played-section,
html[data-theme="light"] .msb-playlist-card,
html[data-theme="light"] .msb-playlist-row,
html[data-theme="light"] .msb-empty-state,
html[data-theme="light"] .msb-require-login {
    background: #ffffff;
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .recently-item,
html[data-theme="light"] .msb-song-item,
html[data-theme="light"] .msb-view-toggle,
html[data-theme="light"] .msb-detail-search,
html[data-theme="light"] .msb-form-group input,
html[data-theme="light"] .msb-form-group-modal input,
html[data-theme="light"] .msb-playlist-dropdown {
    background: #f1f4f2;
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="light"] .recently-item:hover,
html[data-theme="light"] .msb-song-item:hover,
html[data-theme="light"] .msb-playlist-row:hover,
html[data-theme="light"] .msb-playlist-item:hover { background: #e9eeeb; }
html[data-theme="light"] .msb-edit-btn,
html[data-theme="light"] .msb-view-detail-btn,
html[data-theme="light"] .msb-edit-row,
html[data-theme="light"] .msb-view-detail-row,
html[data-theme="light"] .refresh-recently-btn,
html[data-theme="light"] .recently-goto-btn,
html[data-theme="light"] .msb-btn-secondary {
    background: #edf1ee;
    color: var(--text-sec);
}
html[data-theme="light"] .msb-modal { background: rgba(20,29,23,.46); }
html[data-theme="light"] .msb-modal-content {
    background: #fff;
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}
html[data-theme="light"] .msb-modal-header,
html[data-theme="light"] .msb-playlist-dropdown-header,
html[data-theme="light"] .msb-playlist-divider { border-color: var(--border); background-color: transparent; }
html[data-theme="light"] .msb-modal-close { color: var(--text-sec); }
html[data-theme="light"] .msb-modal-close:hover { background: var(--hover); }
html[data-theme="light"] .msb-modal-body::-webkit-scrollbar-track { background: #e9eeeb; }
html[data-theme="light"] .msb-profile-header h2,
html[data-theme="light"] .msb-song-name,
html[data-theme="light"] .msb-playlist-item { color: var(--text); }

/* Liked library / charts */
html[data-theme="light"] .msb-liked-library,
html[data-theme="light"] .msb-liked-library-card,
html[data-theme="light"] .msb-liked-row,
html[data-theme="light"] .msb-chart-card,
html[data-theme="light"] .msb-charts-card {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}

/* =========================
   Subscription plugin
   ========================= */
html[data-theme="light"] .msb-sub-page { background: var(--bg-primary); }
html[data-theme="light"] .msb-sub-card,
html[data-theme="light"] .msb-plan-card,
html[data-theme="light"] .msb-plan-card-shortcode,
html[data-theme="light"] .msb-sub-current-status,
html[data-theme="light"] .msb-sub-details,
html[data-theme="light"] .msb-sub-info,
html[data-theme="light"] .msb-sub-transactions,
html[data-theme="light"] .msb-account-hero,
html[data-theme="light"] .msb-account-metric,
html[data-theme="light"] .msb-sub-upgrade-box,
html[data-theme="light"] .msb-sub-help {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .msb-plan-card:hover,
html[data-theme="light"] .msb-plan-card-shortcode:hover { box-shadow: var(--msb-light-shadow); }
html[data-theme="light"] .msb-plan-card .plan-name,
html[data-theme="light"] .msb-plan-card .plan-price,
html[data-theme="light"] .msb-plan-card-shortcode .plan-name,
html[data-theme="light"] .msb-plan-card-shortcode .plan-price,
html[data-theme="light"] .msb-sub-card h2,
html[data-theme="light"] .msb-account-hero h2,
html[data-theme="light"] .msb-sub-transactions h4 { color: var(--text); }
html[data-theme="light"] .msb-plan-card .plan-duration,
html[data-theme="light"] .msb-plan-card .plan-features,
html[data-theme="light"] .msb-sub-subtitle,
html[data-theme="light"] .msb-account-hero p,
html[data-theme="light"] .msb-sub-info .label,
html[data-theme="light"] .msb-sub-details .label,
html[data-theme="light"] .msb-account-metric small { color: var(--text-sec); }
html[data-theme="light"] .msb-coupon-row input,
html[data-theme="light"] .msb-cancel-dialog,
html[data-theme="light"] .msb-cancel-confirm-check,
html[data-theme="light"] .msb-sub-transactions .tx-table th,
html[data-theme="light"] .msb-sub-transactions .tx-table td {
    background: #f3f6f4;
    color: var(--text);
    border-color: var(--border);
}
html[data-theme="light"] .msb-cancel-modal { background: rgba(20,29,23,.46); }
html[data-theme="light"] .msb-cancel-dialog { box-shadow: var(--msb-light-shadow); }

/* Subscription access gates: content chrome becomes light, overlay remains translucent. */
html[data-theme="light"] .msb-access-overlay,
html[data-theme="light"] .msb-subscription-overlay,
html[data-theme="light"] .msb-restriction-overlay { background: rgba(20,29,23,.48); }
html[data-theme="light"] .msb-access-box,
html[data-theme="light"] .msb-subscription-gate,
html[data-theme="light"] .msb-restriction-box,
html[data-theme="light"] .msb-limit-modal-content {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}

/* =========================
   Support chat
   ========================= */
html[data-theme="light"] .msb-support-root { color: var(--text); }
html[data-theme="light"] .msb-support-login-box {
    background: #fff;
    border-color: var(--border);
    color: var(--text-sec);
}
html[data-theme="light"] .msb-support-panel { background: rgba(20,29,23,.46); }
html[data-theme="light"] .msb-support-root.is-inline .msb-support-panel { background: transparent; }
html[data-theme="light"] .msb-support-shell {
    background: #fff;
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}
html[data-theme="light"] .msb-support-sidebar {
    background: linear-gradient(180deg,#f4f7f5 0%,#eef3ef 100%);
    border-left-color: var(--border);
}
html[data-theme="light"] .msb-support-chat { background: linear-gradient(180deg,#ffffff,#f7f9f7); }
html[data-theme="light"] .msb-support-head,
html[data-theme="light"] .msb-support-chat-head,
html[data-theme="light"] .msb-support-category-row { border-color: var(--border); }
html[data-theme="light"] .msb-support-head small,
html[data-theme="light"] .msb-support-chat-head small,
html[data-theme="light"] .msb-support-thread small,
html[data-theme="light"] .msb-support-thread p,
html[data-theme="light"] .msb-support-empty,
html[data-theme="light"] .msb-support-loading { color: var(--text-sec); }
html[data-theme="light"] .msb-support-close,
html[data-theme="light"] .msb-support-head-icon,
html[data-theme="light"] .msb-support-head-btn,
html[data-theme="light"] .msb-support-category-chip {
    background: #edf1ee;
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="light"] .msb-support-thread,
html[data-theme="light"] .msb-support-category-row select {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
}
html[data-theme="light"] .msb-support-thread.is-active { background: var(--msb-brand-soft); }
html[data-theme="light"] .msb-support-empty-card {
    background: radial-gradient(circle at top,rgba(19,133,61,.10),transparent 44%),linear-gradient(180deg,#ffffff,#f1f5f2);
    border-color: rgba(19,133,61,.18);
    box-shadow: var(--shadow);
}
html[data-theme="light"] .msb-support-empty-badge,
html[data-theme="light"] .msb-support-empty-features span {
    background: #f0f4f1;
    border-color: var(--border);
    color: var(--text-sec);
}
html[data-theme="light"] .msb-support-empty-title { color: var(--text); text-shadow: none; }
html[data-theme="light"] .msb-support-empty-subtitle,
html[data-theme="light"] .msb-support-empty-note { color: var(--text-sec); }
html[data-theme="light"] .msb-support-msg.admin { background: #e9eeeb; color: var(--text); }
html[data-theme="light"] .msb-support-msg.user { background: #1ed760; color: #07120b; }
html[data-theme="light"] .msb-support-unread-badge { border-color: #fff; }

/* Composer / attachment areas are named consistently across support versions. */
html[data-theme="light"] .msb-support-composer,
html[data-theme="light"] .msb-support-compose,
html[data-theme="light"] .msb-support-input-wrap,
html[data-theme="light"] .msb-support-attachment-preview {
    background: #f3f6f4;
    border-color: var(--border);
}
html[data-theme="light"] .msb-support-composer textarea,
html[data-theme="light"] .msb-support-compose textarea,
html[data-theme="light"] .msb-support-input,
html[data-theme="light"] .msb-support-composer input {
    color: var(--text);
    background: transparent;
}

/* =========================
   Artists directory / artist pages
   ========================= */
html[data-theme="light"] .msb-artists-directory {
    --ar-bg: var(--bg-primary);
    --ar-card: #ffffff;
    --ar-panel: rgba(16,31,21,.035);
    --ar-panel-strong: rgba(16,31,21,.06);
    --ar-border: rgba(16,31,21,.10);
    --ar-text: var(--text);
    --ar-muted: var(--text-sec);
}
html[data-theme="light"] .msb-artists-directory .msb-artists-hero {
    background: radial-gradient(circle at 5% 0%,rgba(19,133,61,.12),transparent 38%),linear-gradient(145deg,#ffffff,#f0f4f1 70%);
    border-color: var(--border);
    box-shadow: var(--shadow);
}
html[data-theme="light"] .msb-artists-directory .msb-artists-hero h1 { color: var(--text); text-shadow: none; }
html[data-theme="light"] .msb-artists-directory .msb-artists-toolbar {
    background: rgba(255,255,255,.94);
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .msb-artists-directory .msb-artists-search,
html[data-theme="light"] .msb-artists-directory .msb-artists-tab,
html[data-theme="light"] .msb-artists-featured__nav button {
    background: #f0f4f1;
    border-color: var(--border);
    color: var(--text-sec);
}
html[data-theme="light"] .msb-artists-search input { color: var(--text); }
html[data-theme="light"] .msb-artists-directory .msb-artist-card,
html[data-theme="light"] .msb-artists-featured,
html[data-theme="light"] .msb-featured-artist {
    background: #fff;
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .msb-artist-card__info h3,
html[data-theme="light"] .msb-artists-featured__nav button { color: var(--text); }
html[data-theme="light"] .msb-artist-card__image { background: #e9eeeb; }
html[data-theme="light"] .msb-artist-card__open { background: rgba(255,255,255,.92); color: #101713; }
html[data-theme="light"] .msb-artists-empty {
    background: #f7f9f7;
    border-color: var(--border);
}

html[data-theme="light"] .archive-header,
html[data-theme="light"] .artist-card,
html[data-theme="light"] .artist-header,
html[data-theme="light"] .artist-song-item,
html[data-theme="light"] .album-card,
html[data-theme="light"] .video-card,
html[data-theme="light"] .pagination .page-numbers {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
}
html[data-theme="light"] .artist-header { background: linear-gradient(145deg,#fff,#f2f5f3); }
html[data-theme="light"] .artist-back,
html[data-theme="light"] .artist-share,
html[data-theme="light"] .artist-social a,
html[data-theme="light"] .song-download,
html[data-theme="light"] .song-goto { background: #edf1ee; color: var(--text-sec); }
html[data-theme="light"] .artist-song-item:hover,
html[data-theme="light"] .album-card:hover { background: #f0f4f1; }

/* Home artist/player mixes */
html[data-theme="light"] .msb-followed-mix,
html[data-theme="light"] .msb-taste-mix {
    --msb-mix-bg: #fff;
    --taste-bg: #fff;
    background: radial-gradient(circle at 7% 0%, rgba(19,133,61,.08), transparent 34%),#fff;
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .msb-followed-mix__track,
html[data-theme="light"] .msb-taste-mix__track {
    background: #f3f6f4;
    border-color: var(--border);
}
html[data-theme="light"] .msb-followed-mix__track:hover,
html[data-theme="light"] .msb-taste-mix__track:hover { background: #eaf0ec; }
html[data-theme="light"] .msb-followed-mix__song,
html[data-theme="light"] .msb-taste-mix__song,
html[data-theme="light"] .msb-followed-mix__title,
html[data-theme="light"] .msb-taste-mix__title { color: var(--text); }
html[data-theme="light"] .msb-followed-mix__state,
html[data-theme="light"] .msb-taste-mix__state { border-color: var(--border); }

/* =========================
   Official playlists archive
   ========================= */
html[data-theme="light"] .playlist-page {
    --pl-surface: #ffffff;
    --pl-surface-2: #f1f4f2;
    --pl-border: var(--border);
    color: var(--text);
}
html[data-theme="light"] .playlist-page .playlist-hero,
html[data-theme="light"] .playlist-page .playlist-discovery {
    background: radial-gradient(circle at 88% 8%, rgba(19,133,61,.09), transparent 34%),#fff;
    border-color: var(--border);
    box-shadow: var(--shadow);
}
html[data-theme="light"] .playlist-page .playlist-back,
html[data-theme="light"] .playlist-page .playlist-share,
html[data-theme="light"] .playlist-page .playlist-clear,
html[data-theme="light"] .playlist-page .grid-card-heart,
html[data-theme="light"] .playlist-page .playlist-category-chip,
html[data-theme="light"] .playlist-page .playlist-category-icon,
html[data-theme="light"] .playlist-page .playlist-category-chip small {
    background: #f0f4f1;
    border-color: var(--border);
    color: var(--text-sec);
}
html[data-theme="light"] .playlist-page .playlist-hero-brand { color: var(--text-sec); }
html[data-theme="light"] .playlist-page .playlist-search {
    background: #f3f6f4;
    border-color: var(--border);
}
html[data-theme="light"] .playlist-page .playlist-search:focus-within { background: #fff; }
html[data-theme="light"] .playlist-page .grid-card {
    background: #fff;
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}
html[data-theme="light"] .playlist-page .grid-card-footer { border-color: var(--border); }
html[data-theme="light"] .playlist-page .grid-card-following-status { background: rgba(255,255,255,.88); }

/* PWA install/update UI */
html[data-theme="light"] .msb-pwa-update-notification,
html[data-theme="light"] .msb-pwa-graphic-notification {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}
html[data-theme="light"] .msb-pwa-update-text strong { color: var(--text); }
html[data-theme="light"] .msb-pwa-update-close { background: #edf1ee; color: var(--text-sec); }
html[data-theme="light"] .msb-pwa-update-close:hover { background: #e3e9e5; }

/* Offline/download surfaces added by the theme/PWA integration. */
html[data-theme="light"] .msb-offline-modal,
html[data-theme="light"] .msb-offline-panel,
html[data-theme="light"] .msb-download-sheet,
html[data-theme="light"] .msb-download-modal {
    background: #fff !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
    box-shadow: var(--msb-light-shadow) !important;
}
html[data-theme="light"] .msb-offline-item,
html[data-theme="light"] .msb-download-row {
    background: #f2f5f3 !important;
    border-color: var(--border) !important;
}

/* Forms, native controls and selection */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select { caret-color: var(--primary); }
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #939b96; }
html[data-theme="light"] ::selection { background: rgba(19,133,61,.18); color: #0d2415; }
html[data-theme="light"] ::-webkit-scrollbar-track { background: #edf1ee; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #aebbb3; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: var(--primary); }

/* Accessibility: keep brand-filled controls dark-text, but neutralize accidental white labels on light surfaces. */
html[data-theme="light"] .msb-theme-toggle,
html[data-theme="light"] .mobile-search-btn { color: var(--text); }
html[data-theme="light"] a:focus-visible,
html[data-theme="light"] button:focus-visible,
html[data-theme="light"] input:focus-visible,
html[data-theme="light"] textarea:focus-visible,
html[data-theme="light"] select:focus-visible { outline-color: rgba(19,133,61,.48); }

/* Deep coverage pass: late/legacy components that still carry their own dark palette. */
html[data-theme="light"] .app-page-header {
    background: rgba(255,255,255,.94);
    border-bottom-color: var(--border);
}
html[data-theme="light"] .player-modal-playlist,
html[data-theme="light"] .player-modal-details,
html[data-theme="light"] .player-modal-lyrics,
html[data-theme="light"] .player-modal-side-tab {
    background: rgba(255,255,255,.97);
    color: var(--text);
    border-color: var(--border);
}
html[data-theme="light"] .player-modal-side-tab:hover { background: var(--hover); }
html[data-theme="light"] .sleep-manual-hours input {
    background: #f1f4f2;
    color: var(--text);
    border-color: rgba(19,133,61,.26);
}
html[data-theme="light"] .app-loading { background: rgba(246,247,246,.88); color: var(--text); }

html[data-theme="light"] .login-prompt-overlay,
html[data-theme="light"] .user-playlists-overlay,
html[data-theme="light"] .new-playlist-modal { background: rgba(20,29,23,.48); }
html[data-theme="light"] .login-prompt-card,
html[data-theme="light"] .user-playlists-container,
html[data-theme="light"] .new-playlist-card {
    background: linear-gradient(145deg,#ffffff,#f1f5f2);
    color: var(--text);
    border-color: rgba(19,133,61,.20);
    box-shadow: var(--msb-light-shadow);
}
html[data-theme="light"] .login-prompt-card h3,
html[data-theme="light"] .popup-song-title,
html[data-theme="light"] .user-playlist-title { color: var(--text); }
html[data-theme="light"] .login-prompt-card p,
html[data-theme="light"] .popup-song-artist,
html[data-theme="light"] .playlists-list-header span,
html[data-theme="light"] .user-playlist-count,
html[data-theme="light"] .empty-playlists-msg { color: var(--text-sec); }
html[data-theme="light"] .login-prompt-cancel,
html[data-theme="light"] .new-playlist-buttons .cancel-btn {
    background: #e9eeeb;
    color: var(--text);
}
html[data-theme="light"] .user-playlists-body::-webkit-scrollbar-track { background: #e9eeeb; }
html[data-theme="light"] .playlists-list-header { border-bottom-color: var(--border); }
html[data-theme="light"] .user-playlist-item {
    background: #f2f5f3;
    border-color: transparent;
}
html[data-theme="light"] .user-playlist-item:hover { background: #e8eeea; }
html[data-theme="light"] .new-playlist-card input {
    background: #fff;
    color: var(--text);
    border-color: var(--border);
}

html[data-theme="light"] .msb-login-app-card {
    background: rgba(255,255,255,.94);
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}
html[data-theme="light"] .msb-input-group,
html[data-theme="light"] .msb-hint-text span {
    background: #f1f4f2;
    border-color: var(--border);
    color: var(--text);
}
html[data-theme="light"] .msb-input-group input { color: var(--text); }
html[data-theme="light"] .msb-account-page .msb-account-shell {
    background: rgba(255,255,255,.96);
    color: var(--text);
    border-color: var(--border);
    box-shadow: var(--msb-light-shadow);
}
html[data-theme="light"] .msb-coupon-box { border-color: var(--border); background: #fff; }

html[data-theme="light"] .msb-subscription-toast {
    background: radial-gradient(circle at 90% 4%,rgba(19,133,61,.08),transparent 34%),linear-gradient(155deg,#ffffff 0%,#f3f6f4 100%) !important;
    color: var(--text) !important;
    border-color: rgba(19,133,61,.20) !important;
    box-shadow: var(--msb-light-shadow) !important;
}
html[data-theme="light"] .msb-subscription-toast h3,
html[data-theme="light"] .msb-subscription-toast strong { color: var(--text) !important; }
html[data-theme="light"] .msb-subscription-toast p,
html[data-theme="light"] .msb-subscription-toast small { color: var(--text-sec) !important; }
html[data-theme="light"] .msb-player-playlist-quota-cover { border-color: #fff; }

html[data-theme="light"] .msb-support-composer,
html[data-theme="light"] .msb-support-attachment-preview {
    background: #fff;
    border-color: var(--border);
}
html[data-theme="light"] .msb-support-composer textarea,
html[data-theme="light"] .msb-support-file span,
html[data-theme="light"] .msb-support-preview-card,
html[data-theme="light"] .msb-support-toast {
    background: #f1f4f2;
    color: var(--text);
    border-color: var(--border);
}
html[data-theme="light"] .msb-support-preview-meta { color: var(--text-sec); }
html[data-theme="light"] .msb-support-preview-remove { background: #e3e9e5; color: var(--text-sec); }
html[data-theme="light"] .msb-support-file-name { color: var(--text-sec); }
html[data-theme="light"] .msb-support-dashboard-card {
    background: linear-gradient(135deg,rgba(19,133,61,.08),#ffffff);
    border-color: rgba(19,133,61,.18);
    color: var(--text);
}
html[data-theme="light"] .msb-support-dashboard-card p { color: var(--text-sec); }

/* Artists: preserve dark translucent badges only when they sit directly over photography. */
html[data-theme="light"] .msb-artists-hero__stats span {
    background: rgba(255,255,255,.74);
    color: var(--text);
    border: 1px solid rgba(255,255,255,.58);
}
html[data-theme="light"] .msb-artists-icon-btn { background: rgba(255,255,255,.78); color: #172019; }

/* A few brand-filled controls intentionally keep their dark label for contrast. */
html[data-theme="light"] .msb-sub-btn-primary,
html[data-theme="light"] .msb-sub-btn-gold,
html[data-theme="light"] .msb-sub-login-btn,
html[data-theme="light"] .msb-support-new,
html[data-theme="light"] .msb-support-composer button,
html[data-theme="light"] .msb-pwa-install-btn-floating,
html[data-theme="light"] .msb-pwa-install-btn-floating i,
html[data-theme="light"] .msb-pwa-update-confirm { color: #07120b !important; }

/* Core design tokens introduced by later performance/archive releases. */
html[data-theme="light"] {
    --msb-surface: rgba(255,255,255,.96);
    --msb-surface-2: #f2f5f3;
    --msb-border-soft: rgba(22,35,27,.10);
    --msb-shadow-soft: 0 10px 30px rgba(27,43,33,.09);
    --msb-shadow-hover: 0 15px 36px rgba(27,43,33,.13);
    --msb-accent-soft: rgba(19,133,61,.09);
    --msb-accent-border: rgba(19,133,61,.22);
}

/* Homepage hero and section chrome. Images keep their own contrast. */
html[data-theme="light"] .msb-hero-slider .slider-3d-container {
    background: linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,244,240,.72));
    border-color: var(--border);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), var(--shadow-sm);
}
html[data-theme="light"] .msb-hero-slider .slide-3d-inner {
    background: #eef2ef;
    border-color: var(--border);
    box-shadow: 0 12px 30px rgba(27,43,33,.10);
}
html[data-theme="light"] .msb-hero-slider .slide-3d.active .slide-3d-inner {
    box-shadow: 0 16px 34px rgba(27,43,33,.13),0 0 0 1px rgba(19,133,61,.08);
}
html[data-theme="light"] .msb-hero-slider .slider-dots {
    background: rgba(255,255,255,.78);
    border-color: rgba(22,35,27,.10);
    box-shadow: 0 6px 18px rgba(27,43,33,.09);
}
html[data-theme="light"] .msb-hero-slider .slider-dot { background: #aeb8b1; }
html[data-theme="light"] .category-page-container .app-category-header,
html[data-theme="light"] .tag-page-container .app-category-header {
    background: linear-gradient(135deg,#ffffff,var(--bg-primary));
}
html[data-theme="light"] .category-page-container .app-header-title,
html[data-theme="light"] .tag-page-container .app-header-title {
    background: linear-gradient(135deg,#171c18,var(--primary));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
html[data-theme="light"] .category-page-container .app-back-btn,
html[data-theme="light"] .category-page-container .app-share-btn,
html[data-theme="light"] .tag-page-container .app-back-btn,
html[data-theme="light"] .tag-page-container .app-share-btn {
    background:#eef2ef;
    color:var(--text);
    border-color:var(--border);
}
html[data-theme="light"] .app-songs-header {
    background:rgba(255,255,255,.94);
    border-color:var(--border);
    box-shadow:var(--shadow-sm);
}
html[data-theme="light"] .app-view-btn:hover { background:#edf1ee; color:var(--text)!important; }

/* Term/category archive — fully tokenized for the light palette. */
html[data-theme="light"] .msb-term-archive {
    --ta-surface:#ffffff;
    --ta-surface-2:#f1f4f2;
    --ta-border:rgba(22,35,27,.10);
    color:var(--text);
}
html[data-theme="light"] .msb-term-hero {
    background:radial-gradient(circle at 88% 8%,rgba(19,133,61,.09),transparent 34%),linear-gradient(150deg,#ffffff,#f2f6f3 72%);
    border-color:rgba(19,133,61,.15);
    box-shadow:var(--shadow);
}
html[data-theme="light"] .msb-term-back,
html[data-theme="light"] .msb-term-share,
html[data-theme="light"] .msb-term-search-clear,
html[data-theme="light"] .msb-term-view-toggle,
html[data-theme="light"] .msb-term-view-btn {
    background:#eef2ef;
    border-color:var(--border);
    color:var(--text-sec);
}
html[data-theme="light"] .msb-term-description,
html[data-theme="light"] .msb-term-search,
html[data-theme="light"] .msb-term-content,
html[data-theme="light"] .msb-term-card,
html[data-theme="light"] .msb-term-list-item,
html[data-theme="light"] .msb-term-more-menu,
html[data-theme="light"] .msb-term-identity,
html[data-theme="light"] .msb-term-toolbar-actions {
    background:#ffffff;
    border-color:var(--border);
    color:var(--text);
    box-shadow:var(--shadow-sm);
}
html[data-theme="light"] .msb-term-search { background:#f2f5f3; box-shadow:none; }
html[data-theme="light"] .msb-term-search:focus-within { background:#fff; }
html[data-theme="light"] .msb-term-description { background:#f6f8f6; box-shadow:none; }
html[data-theme="light"] .msb-term-content { background:#f8faf8; }
html[data-theme="light"] .msb-term-card { box-shadow:0 8px 22px rgba(27,43,33,.08); }
html[data-theme="light"] .msb-term-card:hover,
html[data-theme="light"] .msb-term-list-item:hover { background:#f0f4f1; }
html[data-theme="light"] .msb-term-card-footer { border-top-color:var(--border); }
/* badges over cover photography intentionally retain dark translucent backing */

/* Playlist discovery on homepage */
html[data-theme="light"] .msb-playlist-discovery-home,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-all,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-empty {
    background:#fff;
    color:var(--text);
    border-color:var(--border);
    box-shadow:var(--shadow-sm);
}

/* Feedback/report UI attached to songs/player. */
html[data-theme="light"] .msb-song-feedback,
html[data-theme="light"] .msb-song-feedback-form,
html[data-theme="light"] .msb-song-quick-report-form.msb-song-feedback-form,
html[data-theme="light"] .msb-player-inline-feedback,
html[data-theme="light"] .msb-player-empty-feedback {
    background:#fff;
    color:var(--text);
    border-color:var(--border);
    box-shadow:var(--shadow-sm);
}
html[data-theme="light"] .msb-song-feedback-form textarea,
html[data-theme="light"] .msb-song-feedback-reason-option span {
    background:#f2f5f3;
    color:var(--text);
    border-color:var(--border);
}
html[data-theme="light"] .msb-song-quick-report-close { background:#eef2ef; color:var(--text-sec); border-color:var(--border); }

/* Download popup has several !important rules in the dark implementation. */
html[data-theme="light"] .app-download-popup .download-popup-overlay {
    background:rgba(20,29,23,.46)!important;
}
html[data-theme="light"] .app-download-popup .download-popup-container {
    background:#ffffff!important;
    border-color:var(--border)!important;
    box-shadow:var(--msb-light-shadow)!important;
}
html[data-theme="light"] .app-download-popup .download-popup-header {
    background:linear-gradient(135deg,rgba(19,133,61,.08),rgba(246,248,246,.96))!important;
}
html[data-theme="light"] .app-download-popup .download-popup-header span { color:var(--text)!important; }
html[data-theme="light"] .app-download-popup .close-popup-btn {
    background:#eef2ef!important;
    border-color:var(--border)!important;
    color:var(--text-sec)!important;
}
html[data-theme="light"] .app-download-popup .download-popup-item {
    background:#f3f6f4!important;
    color:var(--text)!important;
    border-color:var(--border)!important;
}
html[data-theme="light"] .app-download-popup .download-popup-item:hover,
html[data-theme="light"] .app-download-popup .download-popup-item:focus-visible {
    background:rgba(19,133,61,.08)!important;
    border-color:rgba(19,133,61,.24)!important;
}

/* Subscription gate: override the plugin's performance-first !important dark layer. */
html[data-theme="light"] .msb-subscription-overlay,
html[data-theme="light"] .msb-toast-overlay {
    background:rgba(20,29,23,.46)!important;
}
html[data-theme="light"] .msb-subscription-toast {
    background:#ffffff!important;
    border-color:var(--msb-gate-border,rgba(19,133,61,.25))!important;
    box-shadow:var(--msb-light-shadow)!important;
}
html[data-theme="light"] .msb-subscription-toast .msb-toast-title {
    color:var(--text)!important;
}
html[data-theme="light"] .msb-subscription-toast .msb-toast-message {
    color:var(--text-sec)!important;
}
html[data-theme="light"] .msb-subscription-toast .msb-toast-cancel {
    background:#edf1ee!important;
    color:var(--text-sec)!important;
    border-color:var(--border)!important;
}

/* ========================================================================
   10.9.39 — Deep dashboard light pass
   The user dashboard ships a large inline dark palette of its own. Rather
   than editing plugin business logic or its runtime, remap that palette here
   and then neutralize the handful of hard-coded dark surfaces.
   ======================================================================== */
html[data-theme="light"] .dashboard-modern {
    --bg: #f6f7f6;
    --surface: #ffffff;
    --card: #f3f6f4;
    --card-hover: #eaf0ec;
    --primary: #13853d;
    --primary-dark: #0f7735;
    --text: #151a17;
    --text-sec: #68716b;
    --border: rgba(24, 38, 29, .105);
    --danger: #c84f55;
    --danger-light: rgba(200, 79, 85, .10);
    --warning: #a66b08;
    color: var(--text);
}

html[data-theme="light"] .dashboard-modern,
html[data-theme="light"] .dashboard-content-modern,
html[data-theme="light"] .songs-page-container {
    color: var(--text);
}

/* Welcome / account header */
html[data-theme="light"] .dashboard-modern .welcome-card {
    background:
        radial-gradient(circle at 92% 8%, rgba(19,133,61,.08), transparent 34%),
        linear-gradient(145deg, #ffffff, #f4f7f5);
    border-color: rgba(157, 126, 28, .18);
    box-shadow: 0 14px 36px rgba(27,43,33,.075);
}
html[data-theme="light"] .dashboard-modern .welcome-modern {
    background: rgba(255,255,255,.94);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}
html[data-theme="light"] .dashboard-modern .welcome-modern h1,
html[data-theme="light"] .dashboard-modern .recently-title h3,
html[data-theme="light"] .dashboard-modern .playlists-title-modern h3,
html[data-theme="light"] .dashboard-modern .top-songs-title h3,
html[data-theme="light"] .dashboard-modern .dashboard-section-header h3,
html[data-theme="light"] .dashboard-modern .stats-bottom-header h3,
html[data-theme="light"] .dashboard-modern .followed-playlists-heading-copy h3,
html[data-theme="light"] .dashboard-modern .msb-offline-header h3 {
    color: var(--text);
}
html[data-theme="light"] .dashboard-modern .welcome-modern p,
html[data-theme="light"] .dashboard-modern .stat-card-info span,
html[data-theme="light"] .dashboard-modern .dashboard-section-header span,
html[data-theme="light"] .dashboard-modern .stats-bottom-header span {
    color: var(--text-sec);
}
html[data-theme="light"] .dashboard-modern .user-dropdown {
    background: #fff;
    border-color: var(--border);
    box-shadow: 0 18px 42px rgba(27,43,33,.13);
}
html[data-theme="light"] .dashboard-modern .dropdown-item {
    color: var(--text);
}
html[data-theme="light"] .dashboard-modern .dropdown-item:hover {
    background: #eef3ef;
}

/* Statistics — turn the old dark tiles into quiet elevated cards. */
html[data-theme="light"] .dashboard-modern .stat-card,
html[data-theme="light"] .dashboard-modern .stat-bottom-card {
    background: #fff;
    border-color: var(--border);
    box-shadow: 0 7px 22px rgba(27,43,33,.06);
}
html[data-theme="light"] .dashboard-modern .stat-card:hover,
html[data-theme="light"] .dashboard-modern .stat-bottom-card:hover {
    border-color: rgba(19,133,61,.20);
    box-shadow: 0 10px 26px rgba(27,43,33,.09);
}
html[data-theme="light"] .dashboard-modern .listening-hours-card {
    background: linear-gradient(135deg, rgba(19,133,61,.10), #ffffff 68%);
}

/* Sticky quick navigation */
html[data-theme="light"] .dashboard-modern .dashboard-quick-nav {
    background: rgba(255,255,255,.91);
    border-color: rgba(24,38,29,.11);
    box-shadow: 0 10px 30px rgba(27,43,33,.09);
}
html[data-theme="light"] .dashboard-modern .dashboard-quick-nav.is-floating {
    background: rgba(255,255,255,.94);
    border-color: rgba(24,38,29,.12);
    box-shadow: 0 14px 38px rgba(27,43,33,.13), 0 0 0 1px rgba(19,133,61,.03);
}
html[data-theme="light"] .dashboard-modern .dashboard-quick-link {
    color: #69726c;
}
html[data-theme="light"] .dashboard-modern .dashboard-quick-link:hover,
html[data-theme="light"] .dashboard-modern .dashboard-quick-link.is-active {
    color: #15321f;
    background: rgba(19,133,61,.09);
}
html[data-theme="light"] .dashboard-modern .dashboard-quick-link.is-subscription {
    color: #165b2d;
    background: linear-gradient(135deg, rgba(19,133,61,.11), rgba(19,133,61,.045));
    border-color: rgba(19,133,61,.16);
}
html[data-theme="light"] .dashboard-modern .dashboard-quick-count {
    color: #117437;
    background: rgba(19,133,61,.08);
    border-color: rgba(19,133,61,.16);
}

/* Subscription strip */
html[data-theme="light"] .dashboard-modern .subscription-compact-card {
    background:
        radial-gradient(circle at 92% 8%, rgba(19,133,61,.095), transparent 31%),
        linear-gradient(145deg, rgba(255,255,255,.97), #f5f8f6 72%);
    border-color: rgba(19,133,61,.17);
    box-shadow: 0 10px 28px rgba(27,43,33,.075);
}
html[data-theme="light"] .dashboard-modern .subscription-compact-card.is-premium {
    background:
        radial-gradient(circle at 8% 0%, rgba(195,154,20,.10), transparent 31%),
        linear-gradient(145deg, #fffdf5, #ffffff 70%);
    border-color: rgba(174,137,20,.22);
}
html[data-theme="light"] .dashboard-modern .subscription-compact-identity strong,
html[data-theme="light"] .dashboard-modern .subscription-mini-meter-head strong {
    color: var(--text);
}
html[data-theme="light"] .dashboard-modern .subscription-mini-meter {
    background: #f4f7f5;
    border-color: rgba(24,38,29,.09);
}
html[data-theme="light"] .dashboard-modern .subscription-mini-meter-track {
    background: #dce5df;
}
html[data-theme="light"] .dashboard-modern .premium-compact-perks span {
    color: #68550a;
    background: rgba(184,145,16,.085);
    border-color: rgba(184,145,16,.15);
}

/* Main dashboard sections */
html[data-theme="light"] .dashboard-modern .personal-suggestions-section,
html[data-theme="light"] .dashboard-modern .recently-played-section,
html[data-theme="light"] .dashboard-modern .playlists-modern,
html[data-theme="light"] .dashboard-modern .followed-playlists-section,
html[data-theme="light"] .dashboard-modern .followed-artists-section,
html[data-theme="light"] .dashboard-modern .stats-bottom-section,
html[data-theme="light"] .dashboard-modern .top-songs-section {
    background: #fff;
    border: 1px solid var(--border);
    box-shadow: 0 10px 30px rgba(27,43,33,.065);
}
html[data-theme="light"] .dashboard-modern .dashboard-song-card,
html[data-theme="light"] .dashboard-modern .suggestion-item,
html[data-theme="light"] .dashboard-modern .recently-item,
html[data-theme="light"] .dashboard-modern .playlist-card-modern,
html[data-theme="light"] .dashboard-modern .playlist-row-modern,
html[data-theme="light"] .dashboard-modern .top-song-item,
html[data-theme="light"] .dashboard-modern .song-item-modern {
    background: #f4f7f5;
    border-color: rgba(24,38,29,.075);
}
html[data-theme="light"] .dashboard-modern .dashboard-song-card:hover,
html[data-theme="light"] .dashboard-modern .suggestion-item:hover,
html[data-theme="light"] .dashboard-modern .recently-item:hover,
html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover,
html[data-theme="light"] .dashboard-modern .top-song-item:hover,
html[data-theme="light"] .dashboard-modern .song-item-modern:hover {
    background: #eaf0ec;
}
html[data-theme="light"] .dashboard-modern .dashboard-song-card-info strong,
html[data-theme="light"] .dashboard-modern .suggestion-item strong,
html[data-theme="light"] .dashboard-modern .recently-title-text,
html[data-theme="light"] .dashboard-modern .playlist-info-modern h4,
html[data-theme="light"] .dashboard-modern .row-title,
html[data-theme="light"] .dashboard-modern .top-song-title,
html[data-theme="light"] .dashboard-modern .song-title-modern,
html[data-theme="light"] .dashboard-modern .stat-bottom-value {
    color: var(--text);
}
html[data-theme="light"] .dashboard-modern .refresh-recently-btn,
html[data-theme="light"] .dashboard-modern .recently-goto-btn,
html[data-theme="light"] .dashboard-modern .view-switch,
html[data-theme="light"] .dashboard-modern .playlist-menu-modern button,
html[data-theme="light"] .dashboard-modern .row-buttons button,
html[data-theme="light"] .dashboard-modern .song-drag-handle,
html[data-theme="light"] .dashboard-modern .song-move-btn {
    background: #e9eeeb;
    color: #667069;
}
html[data-theme="light"] .dashboard-modern .view-switch {
    border: 1px solid rgba(24,38,29,.07);
}
html[data-theme="light"] .dashboard-modern .dashboard-song-play {
    box-shadow: 0 8px 18px rgba(27,43,33,.18);
}

/* Followed artists */
html[data-theme="light"] .dashboard-modern .followed-artist-card {
    background: #f6f8f6;
    border-color: rgba(24,38,29,.085);
}
html[data-theme="light"] .dashboard-modern .followed-artist-card:hover {
    background: #edf3ef;
    border-color: rgba(19,133,61,.20);
}
html[data-theme="light"] .dashboard-modern .followed-artist-image {
    background: #e9eeeb;
    border-color: rgba(24,38,29,.10);
}
html[data-theme="light"] .dashboard-modern .unfollow-artist-btn {
    background: #f2f5f3;
    border-color: rgba(24,38,29,.09);
    color: #69716c;
}
html[data-theme="light"] .dashboard-modern .followed-artist-category {
    color: var(--text-sec);
    background: transparent;
    border-color: transparent;
}

/* Offline library has hard-coded dark colors in its own late inline style. */
html[data-theme="light"] .dashboard-modern .msb-offline-music-section {
    background:
        radial-gradient(circle at 92% 6%, rgba(19,133,61,.08), transparent 34%),
        linear-gradient(145deg, #ffffff, #f5f8f6);
    border-color: rgba(19,133,61,.16);
    box-shadow: 0 10px 30px rgba(27,43,33,.065);
}
html[data-theme="light"] .dashboard-modern .msb-offline-header h3 {
    color: var(--text);
}
html[data-theme="light"] .dashboard-modern .msb-offline-header span,
html[data-theme="light"] .dashboard-modern .msb-offline-info span,
html[data-theme="light"] .dashboard-modern .msb-offline-empty,
html[data-theme="light"] .dashboard-modern .msb-offline-empty p,
html[data-theme="light"] .dashboard-modern .msb-offline-empty span {
    color: var(--text-sec);
}
html[data-theme="light"] .dashboard-modern .msb-offline-empty i {
    color: #9aa59e;
}
html[data-theme="light"] .dashboard-modern .msb-offline-tools button,
html[data-theme="light"] .dashboard-modern .msb-offline-save-btn {
    background: #e9eeeb;
    color: #68716b;
}
html[data-theme="light"] .dashboard-modern .msb-offline-item {
    background: #f4f7f5 !important;
    border-color: rgba(24,38,29,.08) !important;
    box-shadow: none !important;
}
html[data-theme="light"] .dashboard-modern .msb-offline-info strong {
    color: var(--text);
}

/* Followed playlists — cards are light, photography overlays stay dark only on images. */
html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists {
    background:
        radial-gradient(circle at 90% 0%, rgba(19,133,61,.075), transparent 34%),
        #ffffff;
    border-color: rgba(19,133,61,.14);
    box-shadow: 0 12px 34px rgba(27,43,33,.07);
}
html[data-theme="light"] .dashboard-modern .followed-playlists-heading-icon {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-theme="light"] .dashboard-modern .followed-playlists-browse {
    background: #f1f5f2;
    border-color: rgba(24,38,29,.09);
    color: var(--text);
}
html[data-theme="light"] .dashboard-modern .followed-playlist-item {
    background: linear-gradient(180deg, #ffffff, #f4f7f5);
    border-color: rgba(24,38,29,.09);
    box-shadow: 0 9px 25px rgba(27,43,33,.07);
}
html[data-theme="light"] .dashboard-modern .followed-playlist-item:hover {
    border-color: rgba(19,133,61,.20);
    box-shadow: 0 14px 32px rgba(27,43,33,.10);
}
html[data-theme="light"] .dashboard-modern .followed-playlist-cover {
    background: #e9eeeb;
}
html[data-theme="light"] .dashboard-modern .followed-playlist-info h4,
html[data-theme="light"] .dashboard-modern .followed-playlist-enter {
    color: var(--text);
}

/* Personal playlist details */
html[data-theme="light"] .dashboard-modern .songs-hero-mini {
    background:
        radial-gradient(circle at 88% 10%, rgba(19,133,61,.12), transparent 34%),
        linear-gradient(145deg, #ffffff, #edf4ef);
    border: 1px solid rgba(19,133,61,.15);
    box-shadow: 0 10px 28px rgba(27,43,33,.07);
}
html[data-theme="light"] .dashboard-modern .songs-hero-mini-info h2 {
    color: var(--text);
}
html[data-theme="light"] .dashboard-modern .songs-hero-mini-info span {
    color: var(--text-sec);
}
html[data-theme="light"] .dashboard-modern .back-btn-icon {
    background: #e8eeea;
    color: #4f5b53;
}
html[data-theme="light"] .dashboard-modern .playlist-order-panel {
    background: linear-gradient(135deg, #f6f8f6, rgba(19,133,61,.06));
    border-color: rgba(24,38,29,.09);
    box-shadow: inset 0 0 0 1px rgba(19,133,61,.035);
}
html[data-theme="light"] .dashboard-modern .playlist-sort-chip {
    background: #ffffff;
    border-color: rgba(24,38,29,.10);
    color: var(--text-sec);
}
html[data-theme="light"] .dashboard-modern .playlist-sort-chip:hover {
    color: var(--text);
    background: #edf2ef;
}
html[data-theme="light"] .dashboard-modern .song-order-meta span {
    background: #e9eeeb;
    color: var(--text-sec);
}
html[data-theme="light"] .dashboard-modern .song-actions-modern {
    background: #edf2ef;
}
html[data-theme="light"] .dashboard-modern .top-song-stats {
    border-top-color: rgba(24,38,29,.08);
}

/* Dashboard dialogs */
html[data-theme="light"] .dashboard-modern .delete-modal,
html[data-theme="light"] .dashboard-modern .modal {
    background: rgba(19,29,23,.50);
}
html[data-theme="light"] .dashboard-modern .delete-modal-content,
html[data-theme="light"] .dashboard-modern .modal-card {
    background: #fff;
    color: var(--text);
    border: 1px solid var(--border);
    box-shadow: 0 24px 60px rgba(27,43,33,.17);
}
html[data-theme="light"] .dashboard-modern .modal-card input {
    background: #f2f5f3;
    color: var(--text);
    border-color: var(--border);
}
html[data-theme="light"] .dashboard-modern .delete-modal-cancel,
html[data-theme="light"] .dashboard-modern .cancel-btn {
    background: #e9eeeb;
    color: var(--text);
}

/* Keep destructive and media-overlay controls intentionally high contrast. */
html[data-theme="light"] .dashboard-modern .followed-playlist-following-badge,
html[data-theme="light"] .dashboard-modern .followed-playlist-menu .unfollow-playlist-api {
    /* These sit on cover photography, so a translucent dark chip remains correct. */
}

/* Mobile dashboard: same palette, slightly flatter shadows for compact screens. */
@media (max-width: 767px) {
    html[data-theme="light"] .dashboard-modern .welcome-card,
    html[data-theme="light"] .dashboard-modern .personal-suggestions-section,
    html[data-theme="light"] .dashboard-modern .recently-played-section,
    html[data-theme="light"] .dashboard-modern .playlists-modern,
    html[data-theme="light"] .dashboard-modern .followed-playlists-section,
    html[data-theme="light"] .dashboard-modern .followed-artists-section,
    html[data-theme="light"] .dashboard-modern .stats-bottom-section,
    html[data-theme="light"] .dashboard-modern .top-songs-section,
    html[data-theme="light"] .dashboard-modern .msb-offline-music-section,
    html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists {
        box-shadow: 0 7px 20px rgba(27,43,33,.055);
    }
}

/* ========================================================================
   10.9.40 — Component-accurate light pass
   Fixes late-loaded plugin styles, real liked-library selectors, hover
   contrast, and the Tamasha Khane inline dark UI. Media itself stays dark.
   ======================================================================== */

/* ---------- Home playlist discovery: readable title + real hover state ---------- */
html[data-theme="light"] .msb-playlist-discovery-home {
    background: #ffffff;
    border: 1px solid rgba(24,38,29,.08);
    border-radius: 24px;
    box-shadow: 0 10px 30px rgba(27,43,33,.055);
}
html[data-theme="light"] .msb-playlist-discovery-home .moods-header h2 {
    background: linear-gradient(135deg, #18201b 0%, #13853d 72%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .moods-header h2 > i {
    color: #13853d !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .moods-header p {
    color: #626a65 !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card {
    background: #ffffff !important;
    border-color: #dde3df !important;
    color: #151a17 !important;
    box-shadow: 0 5px 16px rgba(27,43,33,.045);
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card > span {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:focus-visible {
    background: #eef6f1 !important;
    border-color: rgba(19,133,61,.28) !important;
    color: #102017 !important;
    box-shadow: 0 9px 22px rgba(27,43,33,.075);
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover > span,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:focus-visible > span {
    color: #102017 !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon {
    background: #edf8f1 !important;
    border: 1px solid rgba(19,133,61,.08);
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-all,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-empty {
    background: #ffffff !important;
    color: #47524b !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-all:hover,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-empty:hover {
    background: #eef6f1 !important;
    color: #0f7735 !important;
}

/* ---------- Dashboard liked library: plugin stylesheet is late-loaded ---------- */
html[data-theme="light"] .dashboard-modern .msb-liked-library {
    background: linear-gradient(145deg, #ffffff, #f7faf8) !important;
    border-color: rgba(24,38,29,.10) !important;
    box-shadow: 0 10px 30px rgba(27,43,33,.06) !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-library__title h3 {
    color: #151a17 !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-library__title > div > span {
    color: #68716b !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-library__free {
    color: #117437 !important;
    background: #eef8f1 !important;
    border-color: rgba(19,133,61,.16) !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track {
    background: #f4f7f5 !important;
    border-color: rgba(24,38,29,.085) !important;
    color: #151a17 !important;
    box-shadow: none !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track:focus-within {
    background: #edf6f0 !important;
    border-color: rgba(19,133,61,.23) !important;
    color: #102017 !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track__meta a,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover .msb-liked-track__meta a,
html[data-theme="light"] .dashboard-modern .msb-liked-track:focus-within .msb-liked-track__meta a {
    color: #151a17 !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track__meta span,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover .msb-liked-track__meta span,
html[data-theme="light"] .dashboard-modern .msb-liked-track:focus-within .msb-liked-track__meta span {
    color: #68716b !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track__play {
    background: #18c957 !important;
    border-color: rgba(19,133,61,.18) !important;
    color: #07120a !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track__play:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track__play:focus-visible,
html[data-theme="light"] .dashboard-modern .msb-liked-track__play.playing,
html[data-theme="light"] .dashboard-modern .msb-liked-track__play.is-playing {
    background: #11b84c !important;
    color: #06110a !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track__play i {
    color: currentColor !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track__heart,
html[data-theme="light"] .dashboard-modern .msb-liked-track__heart.is-liked {
    background: #e5f4ea !important;
    border-color: rgba(19,133,61,.12) !important;
    color: #20c866 !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-track__heart:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track__heart:focus-visible {
    background: #d9efdf !important;
    color: #13853d !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-library__more {
    background: #f5f8f6 !important;
    border-color: rgba(19,133,61,.16) !important;
    color: #117437 !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-library__more:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-library__more:focus-visible {
    background: #eaf5ee !important;
    border-color: rgba(19,133,61,.28) !important;
    color: #0f6f34 !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-library__empty {
    color: #68716b !important;
}
html[data-theme="light"] .dashboard-modern .msb-liked-library__empty p {
    color: #151a17 !important;
}

/* Keep dashboard action hover contrast deterministic even when plugin CSS loads later. */
html[data-theme="light"] .dashboard-modern .recently-goto-btn:hover,
html[data-theme="light"] .dashboard-modern .refresh-recently-btn:hover,
html[data-theme="light"] .dashboard-modern .playlist-menu-modern button:hover,
html[data-theme="light"] .dashboard-modern .row-buttons button:hover,
html[data-theme="light"] .dashboard-modern .song-move-btn:hover {
    background: #13853d !important;
    color: #ffffff !important;
}
html[data-theme="light"] .dashboard-modern .recently-goto-btn:hover i,
html[data-theme="light"] .dashboard-modern .refresh-recently-btn:hover i,
html[data-theme="light"] .dashboard-modern .playlist-menu-modern button:hover i,
html[data-theme="light"] .dashboard-modern .row-buttons button:hover i,
html[data-theme="light"] .dashboard-modern .song-move-btn:hover i {
    color: currentColor !important;
}
html[data-theme="light"] .dashboard-modern .playlist-sort-chip:hover {
    background: #edf3ef !important;
    border-color: rgba(19,133,61,.16) !important;
    color: #151a17 !important;
}

/* ---------- Tamasha Khane: light chrome, dark media only ---------- */
html[data-theme="light"] .msb-watch-page {
    --surface: #ffffff;
    --card: #f4f7f5;
    --card-hover: #eaf1ec;
    --text: #151a17;
    --text-sec: #68716b;
    --border: rgba(24,38,29,.11);
    --primary: #13853d;
    --primary-dark: #0f7735;
    color: #151a17;
}
html[data-theme="light"] .msb-watch-page .msb-watch-header {
    background: linear-gradient(135deg, rgba(19,133,61,.09), #ffffff 68%) !important;
    border-color: rgba(19,133,61,.13) !important;
    box-shadow: 0 8px 24px rgba(27,43,33,.05);
}
html[data-theme="light"] .msb-watch-page .msb-watch-icon-btn {
    background: #f7f9f7 !important;
    border-color: #dde3df !important;
    color: #4e5852 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-icon-btn:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-icon-btn:focus-visible {
    background: #13853d !important;
    border-color: #13853d !important;
    color: #ffffff !important;
}

/* Playlist panel becomes light. Player/stage remains black by design. */
html[data-theme="light"] .msb-watch-page .msb-watch-playlist {
    background: #ffffff !important;
    border-color: #dde3df !important;
    box-shadow: 0 10px 30px rgba(27,43,33,.07);
}
html[data-theme="light"] .msb-watch-page .msb-watch-playlist-head {
    border-bottom-color: #e1e6e2 !important;
    background: #fbfcfb !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-playlist-head h3 {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-playlist-head span {
    color: #68716b !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-list {
    background: #ffffff !important;
    scrollbar-color: #cbd5ce transparent;
}
html[data-theme="light"] .msb-watch-page .msb-watch-list::-webkit-scrollbar-thumb {
    background: #cbd5ce !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item {
    background: #ffffff !important;
    border-color: transparent !important;
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover {
    background: #f1f6f3 !important;
    border-color: rgba(19,133,61,.16) !important;
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item.is-active {
    background: #eaf6ee !important;
    border-color: rgba(19,133,61,.26) !important;
    box-shadow: inset 3px 0 0 #13853d !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item-info strong,
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover .msb-watch-item-info strong {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item.is-active .msb-watch-item-info strong,
html[data-theme="light"] .msb-watch-page .msb-watch-item.is-active .msb-watch-item-number {
    color: #0f7735 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item-info small,
html[data-theme="light"] .msb-watch-page .msb-watch-item-number {
    color: #6b746e !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item-quality {
    background: #edf1ee !important;
    color: #6b746e !important;
}

/* Details and comments under the player. */
html[data-theme="light"] .msb-watch-page .msb-watch-details,
html[data-theme="light"] .msb-watch-page .msb-watch-comments-panel {
    color: #151a17;
}
html[data-theme="light"] .msb-watch-page .msb-watch-now {
    background: #ffffff !important;
    border: 1px solid #dde3df;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(27,43,33,.055);
}
html[data-theme="light"] .msb-watch-page .msb-watch-now h2,
html[data-theme="light"] .msb-watch-page .msb-watch-now-main h2 {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-now p,
html[data-theme="light"] .msb-watch-page .msb-watch-now-main p,
html[data-theme="light"] .msb-watch-page .msb-watch-meta {
    color: #68716b !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-meta span {
    background: #f1f4f2 !important;
    color: #5e6861 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments {
    background: #ffffff !important;
    border-color: #dde3df !important;
    box-shadow: 0 7px 22px rgba(27,43,33,.045);
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-head,
html[data-theme="light"] .msb-watch-page .msb-watch-comments-head {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-text,
html[data-theme="light"] .msb-watch-page .msb-watch-comments-head small,
html[data-theme="light"] .msb-watch-page .msb-watch-comment-item p,
html[data-theme="light"] .msb-watch-page .msb-watch-comment-item small,
html[data-theme="light"] .msb-watch-page .msb-watch-no-comments,
html[data-theme="light"] .msb-watch-page .msb-watch-lyrics {
    color: #68716b !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-actions a,
html[data-theme="light"] .msb-watch-page .msb-watch-caption-actions button,
html[data-theme="light"] .msb-watch-page .msb-watch-quality-btn,
html[data-theme="light"] .msb-watch-page .msb-watch-download-link {
    background: #f3f6f4 !important;
    border-color: #dde3df !important;
    color: #117437 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-actions a:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-caption-actions button:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-download-link:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-quality-btn.is-active {
    background: #13853d !important;
    border-color: #13853d !important;
    color: #ffffff !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-actions a:hover i,
html[data-theme="light"] .msb-watch-page .msb-watch-caption-actions button:hover i,
html[data-theme="light"] .msb-watch-page .msb-watch-download-link:hover i,
html[data-theme="light"] .msb-watch-page .msb-watch-quality-btn.is-active i {
    color: #ffffff !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-credits span {
    background: #f1f4f2 !important;
    color: #68716b !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-credits b {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-lyrics div {
    background: #f3f6f4 !important;
    color: #27312b !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-comment-item,
html[data-theme="light"] .msb-watch-page .msb-watch-no-comments {
    background: #f4f7f5 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-comment-item strong {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-comment-form input,
html[data-theme="light"] .msb-watch-page .msb-watch-comment-form textarea {
    background: #f5f7f5 !important;
    border-color: #d9e0db !important;
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-comment-form input::placeholder,
html[data-theme="light"] .msb-watch-page .msb-watch-comment-form textarea::placeholder {
    color: #909893 !important;
}

/* Download popup is chrome, not media, so it follows Light Mode. */
html[data-theme="light"] .msb-watch-page .msb-watch-download-overlay {
    background: rgba(18,27,21,.45) !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-download-panel {
    background: #ffffff !important;
    border-color: #dce2de !important;
    box-shadow: 0 24px 68px rgba(27,43,33,.18) !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-download-head {
    color: #151a17 !important;
    border-bottom-color: #e1e6e2 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-download-head button {
    background: #edf1ee !important;
    color: #59635c !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-downloads a {
    background: #f5f7f5 !important;
    border-color: #dde3df !important;
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-downloads a small {
    color: #68716b !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-downloads a:hover {
    background: #13853d !important;
    border-color: #13853d !important;
    color: #ffffff !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-caption-downloads a:hover i,
html[data-theme="light"] .msb-watch-page .msb-watch-caption-downloads a:hover small {
    color: #ffffff !important;
}

/* Locked/empty states also follow light chrome. */
html[data-theme="light"] .msb-watch-page .msb-watch-lock,
html[data-theme="light"] .msb-watch-page .msb-watch-empty {
    background: linear-gradient(135deg, rgba(19,133,61,.08), #ffffff 72%) !important;
    border-color: rgba(19,133,61,.16) !important;
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-lock h2,
html[data-theme="light"] .msb-watch-page .msb-watch-empty h2 {
    color: #151a17 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-lock p,
html[data-theme="light"] .msb-watch-page .msb-watch-empty p {
    color: #68716b !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-lock-btn.is-secondary {
    background: #f2f5f3 !important;
    border-color: #dce2de !important;
    color: #27312b !important;
}

/* Explicit media exception: video surface, poster, controls and overlays stay dark. */
html[data-theme="light"] .msb-watch-page .msb-watch-stage,
html[data-theme="light"] .msb-watch-page .msb-watch-player-shell,
html[data-theme="light"] .msb-watch-page .msb-watch-player-shell .video-js,
html[data-theme="light"] .msb-watch-page .msb-watch-player-shell .vjs-tech,
html[data-theme="light"] .msb-watch-page .msb-watch-player-shell .vjs-poster,
html[data-theme="light"] .msb-watch-page .msb-watch-player-shell .vjs-poster img,
html[data-theme="light"] .msb-watch-page .msb-quality-frame-overlay,
html[data-theme="light"] .msb-watch-page .msb-watch-thumb,
html[data-theme="light"] .msb-watch-page .msb-watch-thumb img {
    background-color: #000 !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-stage {
    border-color: rgba(24,38,29,.12) !important;
    box-shadow: 0 10px 30px rgba(27,43,33,.08);
}

@media (max-width: 768px) {
    html[data-theme="light"] .msb-watch-page .msb-watch-playlist,
    html[data-theme="light"] .msb-watch-page .msb-watch-now,
    html[data-theme="light"] .msb-watch-page .msb-watch-caption,
    html[data-theme="light"] .msb-watch-page .msb-watch-comments {
        box-shadow: 0 6px 18px rgba(27,43,33,.05);
    }
}

/* ========================================================================
   10.9.41 — Premium daylight design system
   Light mode should feel designed, not merely inverted. The dark theme stays
   untouched; these rules only enrich html[data-theme="light"].
   ======================================================================== */

html[data-theme="light"] {
    --bg-primary: #f2f5f2;
    --bg-secondary: #f8faf8;
    --bg-card: rgba(252, 253, 252, .92);
    --bg-elevated: #ffffff;
    --hover: #eaf1ec;
    --primary: #118744;
    --primary-hover: #0c7538;
    --text: #172019;
    --text-sec: #667069;
    --text-muted: #8a948d;
    --border: #dbe3dd;
    --shadow: 0 20px 55px rgba(27, 45, 34, .095), 0 2px 8px rgba(27, 45, 34, .035);
    --shadow-sm: 0 9px 26px rgba(27, 45, 34, .07), 0 1px 4px rgba(27, 45, 34, .025);
    --msb-light-surface: #fbfcfb;
    --msb-light-soft: #eff4f0;
    --msb-light-soft-2: #e7eee9;
    --msb-light-border: rgba(24, 39, 29, .105);
    --msb-light-border-strong: rgba(24, 39, 29, .16);
    --msb-light-shadow: 0 24px 70px rgba(27, 45, 34, .13), 0 4px 14px rgba(27, 45, 34, .04);
    --msb-brand-soft: rgba(17, 135, 68, .085);
    --msb-brand-soft-strong: rgba(17, 135, 68, .14);
    --msb-day-canvas: #f2f5f2;
    --msb-day-surface: #fbfcfb;
    --msb-day-surface-raised: #ffffff;
    --msb-day-surface-soft: #edf3ef;
    --msb-day-line: rgba(25, 40, 30, .10);
    --msb-day-line-strong: rgba(25, 40, 30, .16);
    --msb-day-shadow-1: 0 8px 24px rgba(26, 43, 32, .06), 0 1px 3px rgba(26, 43, 32, .025);
    --msb-day-shadow-2: 0 20px 54px rgba(26, 43, 32, .095), 0 3px 10px rgba(26, 43, 32, .035);
    --msb-day-shadow-hover: 0 18px 42px rgba(26, 43, 32, .12), 0 3px 9px rgba(26, 43, 32, .04);
}

html[data-theme="light"] body {
    background:
        radial-gradient(circle at 10% 8%, rgba(17,135,68,.045), transparent 28%),
        radial-gradient(circle at 86% 88%, rgba(105,130,112,.055), transparent 30%),
        var(--msb-day-canvas);
    background-attachment: fixed;
}

html[data-theme="light"] .main-content,
html[data-theme="light"] .app-main-content,
html[data-theme="light"] .dashboard-content-modern {
    background-color: transparent;
}

/* Premium shell: softer separation instead of flat white blocks. */
html[data-theme="light"] .desktop-sidebar {
    background: rgba(251,253,251,.94);
    border-left-color: rgba(25,40,30,.09);
    box-shadow: -14px 0 44px rgba(30,48,36,.055);
    backdrop-filter: blur(18px) saturate(1.04);
    -webkit-backdrop-filter: blur(18px) saturate(1.04);
}
html[data-theme="light"] .mobile-header,
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .new-player {
    background: rgba(251,253,251,.94);
    border-color: rgba(25,40,30,.09);
    backdrop-filter: blur(18px) saturate(1.04);
    -webkit-backdrop-filter: blur(18px) saturate(1.04);
}
html[data-theme="light"] .sidebar-search-box,
html[data-theme="light"] .sidebar-search-results,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .search-results-container {
    background: rgba(255,255,255,.94);
    border-color: var(--msb-day-line);
    box-shadow: var(--msb-day-shadow-1);
}
html[data-theme="light"] .sidebar-menu li a,
html[data-theme="light"] .sidebar-user-link {
    border: 1px solid transparent;
}
html[data-theme="light"] .sidebar-menu li a:hover,
html[data-theme="light"] .sidebar-menu li a.active,
html[data-theme="light"] .sidebar-user-link:hover {
    background: linear-gradient(135deg, rgba(17,135,68,.085), rgba(17,135,68,.035));
    border-color: rgba(17,135,68,.08);
}

/* Broad surface hierarchy for the core site. */
html[data-theme="light"] .music-card,
html[data-theme="light"] .app-song-card,
html[data-theme="light"] .app-list-item,
html[data-theme="light"] .app-song-info,
html[data-theme="light"] .album-info-section,
html[data-theme="light"] .lyrics-section,
html[data-theme="light"] .related-section,
html[data-theme="light"] .comments-section,
html[data-theme="light"] .track-item-app,
html[data-theme="light"] .related-list-item,
html[data-theme="light"] .recently-played-section,
html[data-theme="light"] .msb-playlist-card,
html[data-theme="light"] .msb-playlist-row,
html[data-theme="light"] .msb-empty-state,
html[data-theme="light"] .msb-require-login {
    background: linear-gradient(155deg, rgba(255,255,255,.97), rgba(247,250,248,.94));
    border-color: var(--msb-day-line);
    box-shadow: var(--msb-day-shadow-1);
}
html[data-theme="light"] .music-card:hover,
html[data-theme="light"] .app-song-card:hover,
html[data-theme="light"] .app-list-item:hover,
html[data-theme="light"] .track-item-app:hover,
html[data-theme="light"] .related-list-item:hover {
    border-color: rgba(17,135,68,.16);
    box-shadow: var(--msb-day-shadow-hover);
}

/* Dashboard: keep breathing room and depth without making it colorful. */
html[data-theme="light"] .dashboard-modern {
    --bg: transparent;
    --surface: #fbfcfb;
    --card: #f0f4f1;
    --card-hover: #e7f0ea;
}
html[data-theme="light"] .dashboard-modern .personal-suggestions-section,
html[data-theme="light"] .dashboard-modern .recently-played-section,
html[data-theme="light"] .dashboard-modern .playlists-modern,
html[data-theme="light"] .dashboard-modern .followed-playlists-section,
html[data-theme="light"] .dashboard-modern .followed-artists-section,
html[data-theme="light"] .dashboard-modern .stats-bottom-section,
html[data-theme="light"] .dashboard-modern .top-songs-section,
html[data-theme="light"] .dashboard-modern .msb-liked-library,
html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists,
html[data-theme="light"] .dashboard-modern .msb-offline-music-section {
    background:
        radial-gradient(circle at 94% 0%, rgba(17,135,68,.035), transparent 24%),
        linear-gradient(155deg, rgba(255,255,255,.975), rgba(247,250,248,.95)) !important;
    border-color: rgba(25,40,30,.095) !important;
    box-shadow: var(--msb-day-shadow-1) !important;
}
html[data-theme="light"] .dashboard-modern .dashboard-song-card,
html[data-theme="light"] .dashboard-modern .suggestion-item,
html[data-theme="light"] .dashboard-modern .recently-item,
html[data-theme="light"] .dashboard-modern .playlist-card-modern,
html[data-theme="light"] .dashboard-modern .playlist-row-modern,
html[data-theme="light"] .dashboard-modern .top-song-item,
html[data-theme="light"] .dashboard-modern .song-item-modern,
html[data-theme="light"] .dashboard-modern .msb-liked-track,
html[data-theme="light"] .dashboard-modern .msb-offline-item {
    background: linear-gradient(145deg, #f3f6f4, #eef3ef) !important;
    border-color: rgba(25,40,30,.07) !important;
}
html[data-theme="light"] .dashboard-modern .dashboard-song-card:hover,
html[data-theme="light"] .dashboard-modern .suggestion-item:hover,
html[data-theme="light"] .dashboard-modern .recently-item:hover,
html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover,
html[data-theme="light"] .dashboard-modern .top-song-item:hover,
html[data-theme="light"] .dashboard-modern .song-item-modern:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track:focus-within {
    background: linear-gradient(145deg, #edf6f0, #e7f0ea) !important;
    border-color: rgba(17,135,68,.18) !important;
    box-shadow: 0 8px 22px rgba(26,43,32,.065) !important;
}
html[data-theme="light"] .dashboard-modern .dashboard-quick-nav,
html[data-theme="light"] .dashboard-modern .dashboard-quick-nav.is-floating {
    background: rgba(251,253,251,.94);
    box-shadow: 0 14px 38px rgba(26,43,32,.09), inset 0 1px 0 rgba(255,255,255,.88);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* ------------------------------------------------------------------------
   Single official playlist — turn the dark hero into a premium daylight hero.
   The cover itself remains vivid and supplies the page personality.
   ------------------------------------------------------------------------ */
html[data-theme="light"] body .single-playlist-container {
    --pl-accent: #118744;
    --pl-surface: #fbfcfb;
    --pl-surface-raised: #ffffff;
    --pl-border: rgba(25,40,30,.10);
    --pl-muted: #68736c;
    color: #172019;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-header {
    background:
        radial-gradient(circle at 84% 18%, rgba(17,135,68,.12), transparent 31%),
        linear-gradient(125deg, rgba(255,255,255,.95), rgba(237,245,239,.96) 58%, rgba(248,250,248,.98)) !important;
    border-color: rgba(25,40,30,.105) !important;
    box-shadow: 0 28px 74px rgba(27,45,34,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-header::after {
    background: linear-gradient(90deg, transparent, rgba(17,135,68,.42), transparent) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-hero-backdrop {
    filter: blur(64px) saturate(.88) brightness(1.16) !important;
    opacity: .13 !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-hero-shade {
    background:
        radial-gradient(circle at 12% 12%, rgba(17,135,68,.075), transparent 34%),
        linear-gradient(112deg, rgba(255,255,255,.68), rgba(246,250,247,.78) 52%, rgba(238,245,240,.9)) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-back,
html[data-theme="light"] body .single-playlist-container .single-playlist-share {
    color: #47534b !important;
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(25,40,30,.10) !important;
    box-shadow: 0 7px 20px rgba(26,43,32,.055);
}
html[data-theme="light"] body .single-playlist-container .single-playlist-back:hover,
html[data-theme="light"] body .single-playlist-container .single-playlist-share:hover {
    color: #ffffff !important;
    background: #118744 !important;
    border-color: #118744 !important;
    box-shadow: 0 10px 24px rgba(17,135,68,.18);
}
html[data-theme="light"] body .single-playlist-container .single-playlist-cover-shell::before {
    background: rgba(17,135,68,.13) !important;
    opacity: .55 !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-cover {
    border-color: rgba(255,255,255,.82) !important;
    box-shadow: 0 24px 48px rgba(27,45,34,.18), 0 0 0 1px rgba(25,40,30,.06) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-info h1 {
    color: #162019 !important;
    text-shadow: none !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-desc {
    color: #667069 !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-meta-pill {
    color: #526057 !important;
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(25,40,30,.095) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-theme="light"] body .single-playlist-container .single-playlist-follow {
    color: #405048 !important;
    background: rgba(255,255,255,.66) !important;
    border-color: rgba(25,40,30,.11) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-follow:hover,
html[data-theme="light"] body .single-playlist-container .single-playlist-follow.following {
    color: #0c7538 !important;
    background: rgba(17,135,68,.09) !important;
    border-color: rgba(17,135,68,.24) !important;
}
html[data-theme="light"] body .single-playlist-container .songs-header-play-all {
    color: #ffffff !important;
    background: linear-gradient(135deg, #13924a, #0e7d3d) !important;
    border-color: #0e7d3d !important;
    box-shadow: 0 14px 28px rgba(17,135,68,.20) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-play-icon {
    color: #ffffff !important;
    background: rgba(0,0,0,.10) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-about,
html[data-theme="light"] body .single-playlist-container .single-playlist-songs {
    background:
        radial-gradient(circle at 94% 0%, rgba(17,135,68,.035), transparent 28%),
        linear-gradient(155deg, rgba(255,255,255,.98), rgba(247,250,248,.96)) !important;
    border-color: rgba(25,40,30,.095) !important;
    box-shadow: var(--msb-day-shadow-1) !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-about-copy h2,
html[data-theme="light"] body .single-playlist-container .songs-header h2,
html[data-theme="light"] body .single-playlist-container .song-title {
    color: #172019 !important;
}
html[data-theme="light"] body .single-playlist-container .single-playlist-about-content,
html[data-theme="light"] body .single-playlist-container .single-playlist-about-copy > span,
html[data-theme="light"] body .single-playlist-container .songs-header-copy > span,
html[data-theme="light"] body .single-playlist-container .song-artist {
    color: #69736d !important;
}
html[data-theme="light"] body .single-playlist-container .songs-header {
    border-bottom-color: rgba(25,40,30,.085) !important;
}
html[data-theme="light"] body .single-playlist-container .songs-view-switch {
    background: #e8eeea !important;
    border-color: rgba(25,40,30,.075) !important;
}
html[data-theme="light"] body .single-playlist-container .songs-view-button {
    color: #6a756e !important;
}
html[data-theme="light"] body .single-playlist-container .songs-view-button.active {
    color: #ffffff !important;
    background: #118744 !important;
    box-shadow: 0 4px 12px rgba(17,135,68,.16);
}
html[data-theme="light"] body .single-playlist-container .msb-user-sort-chip {
    color: #657169 !important;
    background: #f2f5f3 !important;
    border-color: rgba(25,40,30,.085) !important;
}
html[data-theme="light"] body .single-playlist-container .msb-user-sort-chip.active,
html[data-theme="light"] body .single-playlist-container .msb-user-sort-chip:hover {
    color: #0c7538 !important;
    background: #eaf5ee !important;
    border-color: rgba(17,135,68,.20) !important;
}
html[data-theme="light"] body .single-playlist-container .song-item {
    background: linear-gradient(145deg, #f5f7f5, #eff3f0) !important;
    border-color: rgba(25,40,30,.07) !important;
}
html[data-theme="light"] body .single-playlist-container .song-item:hover {
    background: linear-gradient(145deg, #edf6f0, #e8f1eb) !important;
    border-color: rgba(17,135,68,.18) !important;
    box-shadow: 0 11px 26px rgba(26,43,32,.08) !important;
}
html[data-theme="light"] body .single-playlist-container .song-item.is-current {
    background: linear-gradient(145deg, rgba(17,135,68,.105), rgba(255,255,255,.82)) !important;
    border-color: rgba(17,135,68,.22) !important;
}
html[data-theme="light"] body .single-playlist-container .song-item.is-current .song-title {
    color: #0f5f31 !important;
}
html[data-theme="light"] body .single-playlist-container .song-download,
html[data-theme="light"] body .single-playlist-container .song-goto,
html[data-theme="light"] body .single-playlist-container .song-add-to-playlist {
    color: #657169 !important;
    background: #e9efeb !important;
    border-color: rgba(25,40,30,.07) !important;
}
html[data-theme="light"] body .single-playlist-container .song-download:hover,
html[data-theme="light"] body .single-playlist-container .song-goto:hover,
html[data-theme="light"] body .single-playlist-container .song-add-to-playlist:hover {
    color: #0c7538 !important;
    background: #e2f1e7 !important;
    border-color: rgba(17,135,68,.18) !important;
}

/* ------------------------------------------------------------------------
   Fullscreen player — layered, calm and music-first instead of clinical white.
   ------------------------------------------------------------------------ */
html[data-theme="light"] body .player-modal {
    background:
        radial-gradient(circle at 16% 12%, rgba(17,135,68,.075), transparent 31%),
        radial-gradient(circle at 83% 82%, rgba(115,137,121,.08), transparent 34%),
        linear-gradient(145deg, #f0f4f1, #f8faf8 54%, #eef3ef) !important;
    color: #172019 !important;
    backdrop-filter: blur(22px) saturate(1.02);
    -webkit-backdrop-filter: blur(22px) saturate(1.02);
}
html[data-theme="light"] body .player-modal .player-modal-content {
    max-width: 500px;
    padding: 18px 24px 20px;
    border: 1px solid rgba(25,40,30,.09);
    border-radius: 34px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 26px 72px rgba(27,45,34,.12), inset 0 1px 0 rgba(255,255,255,.88);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
html[data-theme="light"] body .player-modal .player-modal-close {
    color: #5b675f !important;
    background: #edf2ee !important;
    border: 1px solid rgba(25,40,30,.07) !important;
    box-shadow: 0 5px 14px rgba(26,43,32,.05);
}
html[data-theme="light"] body .player-modal .player-modal-close:hover {
    color: #ffffff !important;
    background: #118744 !important;
}
html[data-theme="light"] body .player-modal .player-modal-cover {
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 24px 54px rgba(27,45,34,.18), 0 0 0 1px rgba(25,40,30,.045) !important;
}
html[data-theme="light"] body .player-modal .player-modal-title {
    background: linear-gradient(135deg, #172019, #334038) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}
html[data-theme="light"] body .player-modal .player-modal-artist,
html[data-theme="light"] body .player-modal .modal-progress-time {
    color: #6b756f !important;
}
html[data-theme="light"] body .player-modal .modal-progress-bar {
    background: #d9e2dc !important;
    box-shadow: inset 0 1px 2px rgba(25,40,30,.06);
}
html[data-theme="light"] body .player-modal .modal-progress-fill {
    background: linear-gradient(90deg, #118744, #19a052) !important;
}
html[data-theme="light"] body .player-modal .modal-progress-thumb {
    background: #118744 !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(17,135,68,.10), 0 3px 9px rgba(17,135,68,.20) !important;
}
html[data-theme="light"] body .player-modal .modal-control-btn {
    color: #606c64 !important;
    background: linear-gradient(145deg, #f1f4f2, #e8eeea) !important;
    border: 1px solid rgba(25,40,30,.06) !important;
    box-shadow: 0 7px 18px rgba(26,43,32,.055), inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-theme="light"] body .player-modal .modal-control-btn:hover {
    color: #0c7538 !important;
    background: #e2f1e7 !important;
    border-color: rgba(17,135,68,.14) !important;
    box-shadow: 0 9px 22px rgba(26,43,32,.08);
}
html[data-theme="light"] body .player-modal .modal-play-btn {
    color: #ffffff !important;
    background: linear-gradient(135deg, #15964c, #0d7c3c) !important;
    border-color: rgba(9,100,45,.15) !important;
    box-shadow: 0 13px 28px rgba(17,135,68,.20), inset 0 1px 0 rgba(255,255,255,.16);
}
html[data-theme="light"] body .player-modal .modal-play-btn:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #17a451, #0f8641) !important;
}
html[data-theme="light"] body .player-modal .shuffle-btn.active,
html[data-theme="light"] body .player-modal .repeat-btn.active {
    color: #0b7337 !important;
    background: #dff0e5 !important;
    border-color: rgba(17,135,68,.17) !important;
}
html[data-theme="light"] body .player-modal .modal-extra-btn {
    color: #5f6a63 !important;
    background: linear-gradient(145deg, #f1f4f2, #e9efeb) !important;
    border: 1px solid rgba(25,40,30,.06) !important;
    box-shadow: 0 6px 16px rgba(26,43,32,.045), inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-theme="light"] body .player-modal .modal-extra-btn:hover,
html[data-theme="light"] body .player-modal .modal-extra-btn:focus-visible {
    color: #0c7538 !important;
    background: #e4f1e8 !important;
    border-color: rgba(17,135,68,.15) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(26,43,32,.075);
}
html[data-theme="light"] body .player-modal .player-modal-volume {
    color: #536057;
}
html[data-theme="light"] body .player-modal .player-modal-volume input {
    background: linear-gradient(90deg, #118744 0%, #118744 var(--msb-volume-percent), #d7e1da var(--msb-volume-percent), #d7e1da 100%) !important;
}

/* Side panels receive a different surface level from the player canvas. */
html[data-theme="light"] body .player-modal .player-modal-playlist,
html[data-theme="light"] body .player-modal .player-modal-details,
html[data-theme="light"] body .player-modal .player-modal-lyrics {
    background: rgba(250,252,250,.96) !important;
    color: #172019 !important;
    border-color: rgba(25,40,30,.095) !important;
    box-shadow: 0 20px 60px rgba(27,45,34,.11);
    backdrop-filter: blur(20px) saturate(1.02);
    -webkit-backdrop-filter: blur(20px) saturate(1.02);
}
html[data-theme="light"] body .player-modal .playlist-header-modal,
html[data-theme="light"] body .player-modal .details-header-modal,
html[data-theme="light"] body .player-modal .lyrics-header-modal {
    background: rgba(243,247,244,.92) !important;
    color: #172019 !important;
    border-bottom-color: rgba(25,40,30,.085) !important;
}
html[data-theme="light"] body .player-modal .playlist-header-modal button,
html[data-theme="light"] body .player-modal .details-header-modal button,
html[data-theme="light"] body .player-modal .lyrics-header-modal button {
    color: #68736c !important;
}
html[data-theme="light"] body .player-modal .playlist-header-modal button:hover,
html[data-theme="light"] body .player-modal .details-header-modal button:hover,
html[data-theme="light"] body .player-modal .lyrics-header-modal button:hover {
    color: #0c7538 !important;
    background: #e5f1e9 !important;
}
html[data-theme="light"] body .player-modal .playlist-modal-item {
    color: #172019 !important;
    border-bottom-color: rgba(25,40,30,.075) !important;
}
html[data-theme="light"] body .player-modal .playlist-modal-item:hover {
    background: #edf4ef !important;
}
html[data-theme="light"] body .player-modal .playlist-modal-item.active {
    background: linear-gradient(90deg, rgba(17,135,68,.11), rgba(17,135,68,.025)) !important;
    border-right-color: #118744 !important;
}
html[data-theme="light"] body .player-modal .playlist-modal-item-title,
html[data-theme="light"] body .player-modal .details-modal-value {
    color: #172019 !important;
}
html[data-theme="light"] body .player-modal .playlist-modal-item-artist,
html[data-theme="light"] body .player-modal .details-modal-label,
html[data-theme="light"] body .player-modal .lyrics-loading-modal,
html[data-theme="light"] body .player-modal .lyrics-empty-modal,
html[data-theme="light"] body .player-modal .details-empty-modal {
    color: #6b756f !important;
}
html[data-theme="light"] body .player-modal .details-modal-item {
    border-bottom-color: rgba(25,40,30,.075) !important;
}
html[data-theme="light"] body .player-modal .details-modal-note {
    background: #eef3ef !important;
    color: #526057 !important;
    border: 1px solid rgba(25,40,30,.07);
}
html[data-theme="light"] body .player-modal .lyrics-content-modal {
    color: #3f4b43 !important;
}
html[data-theme="light"] body .player-modal .player-modal-side-tab {
    color: #5f6b63 !important;
    background: rgba(250,252,250,.94) !important;
    border-color: rgba(17,135,68,.18) !important;
    box-shadow: 0 8px 22px rgba(26,43,32,.075);
}
html[data-theme="light"] body .player-modal .player-modal-side-tab:hover {
    color: #0c7538 !important;
    background: #e6f2ea !important;
}

/* Tamasha and playlist discovery use the same richer surface language. */
html[data-theme="light"] .msb-watch-page .msb-watch-header,
html[data-theme="light"] .msb-playlist-discovery-home,
html[data-theme="light"] .playlist-page .playlist-hero,
html[data-theme="light"] .playlist-page .playlist-discovery {
    background:
        radial-gradient(circle at 88% 4%, rgba(17,135,68,.065), transparent 31%),
        linear-gradient(150deg, rgba(255,255,255,.98), rgba(244,248,245,.96)) !important;
    border-color: rgba(25,40,30,.095) !important;
    box-shadow: var(--msb-day-shadow-1) !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-playlist,
html[data-theme="light"] .msb-watch-page .msb-watch-now,
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card,
html[data-theme="light"] .playlist-page .grid-card {
    background: linear-gradient(155deg, #ffffff, #f7faf8) !important;
    border-color: rgba(25,40,30,.085) !important;
    box-shadow: var(--msb-day-shadow-1) !important;
}

/* Hover states must never trade contrast for decoration. */
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:focus-visible,
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-item:focus-visible {
    color: #132019 !important;
    background: #eaf3ed !important;
    border-color: rgba(17,135,68,.20) !important;
}
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover strong,
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover small,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover > span {
    color: inherit !important;
}

@media (max-width: 760px) {
    html[data-theme="light"] body {
        background:
            radial-gradient(circle at 22% 4%, rgba(17,135,68,.04), transparent 24%),
            #f2f5f2;
        background-attachment: scroll;
    }
    html[data-theme="light"] body .single-playlist-container .single-playlist-header {
        box-shadow: 0 18px 44px rgba(27,45,34,.11) !important;
    }
    html[data-theme="light"] body .single-playlist-container .single-playlist-hero-backdrop {
        opacity: .16 !important;
        filter: blur(38px) saturate(.9) brightness(1.12) !important;
    }
    html[data-theme="light"] body .player-modal .player-modal-content {
        width: min(94%, 500px);
        padding: 12px 12px 16px;
        background: rgba(255,255,255,.56);
        border-radius: 28px;
        box-shadow: 0 18px 48px rgba(27,45,34,.09);
    }
    html[data-theme="light"] body .player-modal .modal-extra-btn {
        box-shadow: none;
    }
}

/* Player lyrics submission: match the premium panel instead of a plain form. */
html[data-theme="light"] body .player-modal .msb-player-inline-lyrics-wrap {
    color: #172019;
}
html[data-theme="light"] body .player-modal .msb-player-inline-lyrics-head > i {
    color: #0f7d3c !important;
    background: #e7f3eb !important;
    border-color: rgba(17,135,68,.15) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-theme="light"] body .player-modal .msb-player-inline-lyrics-head strong {
    color: #172019 !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-lyrics-head span,
html[data-theme="light"] body .player-modal .msb-player-inline-feedback-footer small {
    color: #6a756e !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-feedback-form.msb-song-feedback-form {
    background: linear-gradient(145deg, #f5f8f6, #eff4f0) !important;
    border: 1px solid rgba(25,40,30,.085) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
html[data-theme="light"] body .player-modal .msb-player-inline-feedback-form textarea {
    background: rgba(255,255,255,.82) !important;
    color: #172019 !important;
    border-color: rgba(25,40,30,.10) !important;
    box-shadow: inset 0 1px 3px rgba(25,40,30,.035);
}
html[data-theme="light"] body .player-modal .msb-player-inline-feedback-form textarea:focus {
    background: #ffffff !important;
    border-color: rgba(17,135,68,.34) !important;
    box-shadow: 0 0 0 3px rgba(17,135,68,.08) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-feedback-footer button {
    color: #ffffff !important;
    background: linear-gradient(135deg, #15934a, #0e7d3d) !important;
    border-color: #0e7d3d !important;
    box-shadow: 0 8px 18px rgba(17,135,68,.16);
}
html[data-theme="light"] body .player-modal .msb-player-inline-feedback-footer button:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #17a151, #0f8641) !important;
}

/* ========================================================================
   10.9.42 — Home playlist discovery breathing room + less dry daylight mood
   ======================================================================== */
html[data-theme="light"] {
    --msb-day-canvas: #f3f6f3;
    --msb-day-surface: #fbfdfb;
    --msb-day-surface-raised: #ffffff;
    --msb-day-surface-soft: #eef4f0;
    --msb-day-line: rgba(25, 40, 30, .095);
    --msb-day-line-strong: rgba(25, 40, 30, .15);
    --msb-day-shadow-1: 0 10px 26px rgba(26, 43, 32, .055), 0 1px 3px rgba(26, 43, 32, .02);
    --msb-day-shadow-2: 0 24px 60px rgba(26, 43, 32, .09), 0 4px 12px rgba(26, 43, 32, .03);
    --msb-day-shadow-hover: 0 18px 42px rgba(26, 43, 32, .105), 0 3px 9px rgba(26, 43, 32, .035);
}

html[data-theme="light"] body {
    background:
        radial-gradient(circle at 14% 10%, rgba(17,135,68,.055), transparent 26%),
        radial-gradient(circle at 83% 18%, rgba(151, 185, 163, .12), transparent 24%),
        radial-gradient(circle at 82% 86%, rgba(130, 155, 138, .075), transparent 24%),
        var(--msb-day-canvas);
}

/* Give the light mode more breathing room between major sections. */
html[data-theme="light"] .moods-section,
html[data-theme="light"] .dashboard-modern section,
html[data-theme="light"] .recently-played-section,
html[data-theme="light"] .comments-section,
html[data-theme="light"] .lyrics-section,
html[data-theme="light"] .related-section,
html[data-theme="light"] .playlist-page .playlist-discovery,
html[data-theme="light"] body .single-playlist-container .single-playlist-about,
html[data-theme="light"] body .single-playlist-container .single-playlist-songs,
html[data-theme="light"] .msb-watch-page .msb-watch-now,
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments,
html[data-theme="light"] .msb-watch-page .msb-watch-playlist {
    box-shadow: var(--msb-day-shadow-1);
}

/* Playlist discovery on home: make it breathe. */
html[data-theme="light"] .msb-playlist-discovery-home {
    margin: 42px auto 30px !important;
    padding: 28px 24px 22px !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(17,135,68,.075), transparent 28%),
        linear-gradient(155deg, rgba(255,255,255,.98), rgba(247,250,248,.96)) !important;
    border: 1px solid rgba(25,40,30,.085) !important;
    box-shadow: var(--msb-day-shadow-2) !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .moods-header {
    margin-bottom: 20px !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .moods-header h2 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .moods-header p {
    max-width: 640px;
    margin: 0 auto 22px !important;
    line-height: 1.95 !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-grid {
    gap: 14px !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card {
    min-height: 72px !important;
    padding: 15px 18px !important;
    border-radius: 20px !important;
    gap: 14px !important;
    background: linear-gradient(160deg, #ffffff, #f7fbf8) !important;
    border: 1px solid rgba(25,40,30,.085) !important;
    box-shadow: 0 8px 20px rgba(27,43,33,.045) !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card > span {
    font-size: 14px !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, rgba(17,135,68,.11), rgba(17,135,68,.06)) !important;
    border-color: rgba(17,135,68,.12) !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon i {
    font-size: 16px !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:focus-visible {
    transform: translateY(-3px) !important;
    background: linear-gradient(160deg, #ffffff, #eef7f1) !important;
    border-color: rgba(17,135,68,.20) !important;
    box-shadow: var(--msb-day-shadow-hover) !important;
}
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-all,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-empty {
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    margin-top: 18px !important;
    font-size: 12px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,249,247,.96)) !important;
    box-shadow: 0 8px 20px rgba(27,43,33,.04) !important;
}

/* Day mode should feel softer across pages, not just white. */
html[data-theme="light"] .music-card,
html[data-theme="light"] .app-song-card,
html[data-theme="light"] .album-info-section,
html[data-theme="light"] .lyrics-section,
html[data-theme="light"] .related-section,
html[data-theme="light"] .comments-section,
html[data-theme="light"] .recently-played-section,
html[data-theme="light"] .dashboard-modern .dashboard-hero-modern,
html[data-theme="light"] .dashboard-modern .stats-grid-modern .stat-card-modern,
html[data-theme="light"] .dashboard-modern .dashboard-card-modern,
html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists,
html[data-theme="light"] .dashboard-modern .liked-songs-modern,
html[data-theme="light"] .dashboard-modern .playlists-modern,
html[data-theme="light"] .dashboard-modern .followed-playlists-section,
html[data-theme="light"] body .single-playlist-container .single-playlist-about,
html[data-theme="light"] body .single-playlist-container .single-playlist-songs,
html[data-theme="light"] .msb-watch-page .msb-watch-now,
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments,
html[data-theme="light"] .msb-watch-page .msb-watch-playlist {
    background:
        linear-gradient(165deg, rgba(255,255,255,.98), rgba(248,251,249,.95)) !important;
    border-color: rgba(25,40,30,.085) !important;
    box-shadow: var(--msb-day-shadow-1) !important;
}

html[data-theme="light"] .dashboard-modern .dashboard-hero-modern,
html[data-theme="light"] body .single-playlist-container .single-playlist-header,
html[data-theme="light"] .msb-watch-page .msb-watch-header {
    background:
        radial-gradient(circle at 86% 10%, rgba(17,135,68,.08), transparent 28%),
        linear-gradient(155deg, rgba(255,255,255,.98), rgba(245,249,246,.95)) !important;
    box-shadow: var(--msb-day-shadow-2) !important;
}

html[data-theme="light"] .new-player {
    background: rgba(252,253,252,.95) !important;
    box-shadow: 0 -12px 34px rgba(27,43,33,.06) !important;
}

@media (max-width: 767px) {
    html[data-theme="light"] .msb-playlist-discovery-home {
        margin: 22px 0 16px !important;
        padding: 18px 14px 16px !important;
        border-radius: 22px !important;
    }
    html[data-theme="light"] .msb-playlist-discovery-home .moods-header h2 {
        font-size: 18px !important;
    }
    html[data-theme="light"] .msb-playlist-discovery-home .moods-header p {
        font-size: 11.4px !important;
        margin-bottom: 14px !important;
    }
    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-grid {
        gap: 10px !important;
        margin-inline: -14px !important;
        padding: 0 14px 7px !important;
    }
    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card {
        min-width: 156px !important;
        min-height: 56px !important;
        padding: 10px 12px !important;
        border-radius: 16px !important;
        gap: 10px !important;
    }
    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        border-radius: 11px !important;
    }
    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card > span {
        font-size: 12px !important;
    }
    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-all {
        margin-top: 10px !important;
    }
}

/* ========================================================================
   10.9.43 — Home playlist discovery width alignment
   Keep the breathing room from 10.9.42, but align the outer card with the
   narrower content sections instead of the full-width hero/slider footprint.
   ======================================================================== */
@media (min-width: 768px) {
    html[data-theme="light"] .msb-playlist-discovery-home {
        width: calc(100% - 36px) !important;
        max-width: 1140px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    html[data-theme="light"] .msb-playlist-discovery-home {
        width: auto !important;
        max-width: none !important;
    }
}

/* ========================================================================
   10.9.44 — Refined daylight palette + mobile playlist sizing
   A calmer neutral daylight system: less stark white, less green cast,
   better hierarchy, and mobile cards aligned to the real content gutter.
   ======================================================================== */
html[data-theme="light"] {
    --bg-primary: #f4f5f3;
    --bg-secondary: #fafbf9;
    --bg-card: rgba(251, 252, 250, .92);
    --bg-elevated: #ffffff;
    --hover: #edf2ee;
    --primary: #108645;
    --primary-hover: #0c773c;
    --text: #18201b;
    --text-sec: #667069;
    --text-muted: #8b948e;
    --border: #dfe4e0;
    --shadow: 0 20px 52px rgba(28, 41, 33, .085), 0 2px 8px rgba(28, 41, 33, .025);
    --shadow-sm: 0 8px 24px rgba(28, 41, 33, .06), 0 1px 4px rgba(28, 41, 33, .02);

    --msb-light-surface: #fbfcfa;
    --msb-light-soft: #f0f3f0;
    --msb-light-soft-2: #e8ede9;
    --msb-light-border: rgba(28, 41, 33, .09);
    --msb-light-border-strong: rgba(28, 41, 33, .145);
    --msb-light-shadow: 0 22px 58px rgba(28, 41, 33, .095), 0 3px 10px rgba(28, 41, 33, .028);
    --msb-brand-soft: rgba(16, 134, 69, .075);
    --msb-brand-soft-strong: rgba(16, 134, 69, .12);

    --msb-day-canvas: #f4f5f3;
    --msb-day-surface: #fafbf9;
    --msb-day-surface-raised: #ffffff;
    --msb-day-surface-soft: #eef2ef;
    --msb-day-line: rgba(28, 41, 33, .09);
    --msb-day-line-strong: rgba(28, 41, 33, .145);
    --msb-day-shadow-1: 0 10px 28px rgba(28, 41, 33, .052), 0 1px 3px rgba(28, 41, 33, .018);
    --msb-day-shadow-2: 0 22px 58px rgba(28, 41, 33, .082), 0 3px 10px rgba(28, 41, 33, .026);
    --msb-day-shadow-hover: 0 17px 40px rgba(28, 41, 33, .095), 0 3px 8px rgba(28, 41, 33, .03);
}

html[data-theme="light"] body {
    color: var(--text);
    background:
        radial-gradient(circle at 10% 5%, rgba(16,134,69,.035), transparent 24%),
        radial-gradient(circle at 88% 17%, rgba(119,145,128,.055), transparent 23%),
        linear-gradient(180deg, #f6f7f5 0%, #f3f5f3 52%, #f5f6f4 100%) !important;
    background-attachment: fixed;
}

/* Core shell: neutral daylight, with green reserved for actions and state. */
html[data-theme="light"] .desktop-sidebar,
html[data-theme="light"] .mobile-header,
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .new-player {
    background: rgba(250, 251, 249, .95) !important;
    border-color: rgba(28, 41, 33, .085) !important;
}

html[data-theme="light"] .desktop-sidebar {
    box-shadow: -14px 0 40px rgba(28, 41, 33, .045) !important;
}

html[data-theme="light"] .sidebar-search-box,
html[data-theme="light"] .sidebar-search-results,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .search-results-container,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    background-color: #f8faf8;
    border-color: rgba(28, 41, 33, .10);
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus {
    background-color: #ffffff;
    border-color: rgba(16, 134, 69, .30);
    box-shadow: 0 0 0 3px rgba(16, 134, 69, .065);
}

html[data-theme="light"] .sidebar-menu li a:hover,
html[data-theme="light"] .sidebar-menu li a.active,
html[data-theme="light"] .sidebar-user-link:hover,
html[data-theme="light"] .bottom-nav a:hover,
html[data-theme="light"] .bottom-nav a.active {
    background: linear-gradient(135deg, rgba(16,134,69,.075), rgba(16,134,69,.025)) !important;
    border-color: rgba(16,134,69,.075) !important;
}

/* Shared page surfaces: slightly off-white instead of flat pure white. */
html[data-theme="light"] .music-card,
html[data-theme="light"] .app-song-card,
html[data-theme="light"] .app-list-item,
html[data-theme="light"] .album-info-section,
html[data-theme="light"] .lyrics-section,
html[data-theme="light"] .related-section,
html[data-theme="light"] .comments-section,
html[data-theme="light"] .recently-played-section,
html[data-theme="light"] .msb-playlist-card,
html[data-theme="light"] .msb-playlist-row,
html[data-theme="light"] .dashboard-modern .dashboard-card-modern,
html[data-theme="light"] .dashboard-modern .stat-card-modern,
html[data-theme="light"] .dashboard-modern .liked-songs-modern,
html[data-theme="light"] .dashboard-modern .playlists-modern,
html[data-theme="light"] .dashboard-modern .followed-playlists-section,
html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists,
html[data-theme="light"] body .single-playlist-container .single-playlist-about,
html[data-theme="light"] body .single-playlist-container .single-playlist-songs,
html[data-theme="light"] .msb-watch-page .msb-watch-playlist,
html[data-theme="light"] .msb-watch-page .msb-watch-now,
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments {
    background: linear-gradient(160deg, rgba(255,255,255,.97), rgba(248,250,248,.96)) !important;
    border-color: rgba(28, 41, 33, .085) !important;
    box-shadow: var(--msb-day-shadow-1) !important;
}

html[data-theme="light"] .music-card:hover,
html[data-theme="light"] .app-song-card:hover,
html[data-theme="light"] .app-list-item:hover,
html[data-theme="light"] .msb-playlist-row:hover,
html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover {
    background: linear-gradient(160deg, #ffffff, #f0f5f1) !important;
    border-color: rgba(16,134,69,.15) !important;
    box-shadow: var(--msb-day-shadow-hover) !important;
}

/* Hero/feature areas get depth, but avoid a green wash. */
html[data-theme="light"] .dashboard-modern .dashboard-hero-modern,
html[data-theme="light"] body .single-playlist-container .single-playlist-header,
html[data-theme="light"] .msb-watch-page .msb-watch-header,
html[data-theme="light"] .playlist-page .playlist-hero {
    background:
        radial-gradient(circle at 88% 8%, rgba(16,134,69,.055), transparent 26%),
        linear-gradient(155deg, #ffffff, #f6f9f6) !important;
    border-color: rgba(28, 41, 33, .085) !important;
    box-shadow: var(--msb-day-shadow-2) !important;
}

/* Home playlist discovery — desktop stays compact, mobile gets its own proportion. */
html[data-theme="light"] .msb-playlist-discovery-home {
    background:
        radial-gradient(circle at 91% 8%, rgba(16,134,69,.045), transparent 25%),
        linear-gradient(155deg, #fbfcfa, #f7f9f7) !important;
    border-color: rgba(28, 41, 33, .08) !important;
}

@media (min-width: 768px) {
    html[data-theme="light"] .msb-playlist-discovery-home {
        width: calc(100% - 52px) !important;
        max-width: 1110px !important;
    }
}

@media (max-width: 767px) {
    html[data-theme="light"] body {
        background:
            radial-gradient(circle at 18% 4%, rgba(16,134,69,.035), transparent 22%),
            linear-gradient(180deg, #f6f7f5 0%, #f3f5f3 100%) !important;
        background-attachment: scroll;
    }

    html[data-theme="light"] .msb-playlist-discovery-home {
        width: calc(100% - 24px) !important;
        max-width: 560px !important;
        margin: 22px auto 18px !important;
        padding: 20px 14px 17px !important;
        border-radius: 22px !important;
        box-shadow: 0 14px 34px rgba(28, 41, 33, .065) !important;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .moods-header {
        margin-bottom: 15px !important;
        padding-inline: 4px;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .moods-header h2 {
        font-size: 17px !important;
        margin-bottom: 7px !important;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .moods-header p {
        max-width: 310px;
        font-size: 11px !important;
        line-height: 1.8 !important;
        margin: 0 auto 14px !important;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-grid {
        gap: 9px !important;
        margin-inline: 0 !important;
        padding: 1px 1px 7px !important;
        scroll-padding-inline: 1px;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card {
        min-width: 148px !important;
        min-height: 54px !important;
        padding: 9px 11px !important;
        border-radius: 15px !important;
        gap: 9px !important;
        box-shadow: 0 6px 16px rgba(28, 41, 33, .04) !important;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon {
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
        border-radius: 10px !important;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card > span {
        font-size: 11.8px !important;
        font-weight: 750 !important;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-all,
    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-empty {
        min-height: 38px !important;
        margin-top: 9px !important;
        padding-inline: 13px !important;
        border-radius: 12px !important;
    }

    /* Keep mobile page cards away from the screen edges even where main-content is 2px. */
    html[data-theme="light"] .recently-played-section,
    html[data-theme="light"] .lyrics-section,
    html[data-theme="light"] .related-section,
    html[data-theme="light"] .comments-section,
    html[data-theme="light"] .playlist-page .playlist-discovery,
    html[data-theme="light"] .msb-watch-page .msb-watch-header,
    html[data-theme="light"] .msb-watch-page .msb-watch-now,
    html[data-theme="light"] .msb-watch-page .msb-watch-caption,
    html[data-theme="light"] .msb-watch-page .msb-watch-comments {
        border-radius: 20px;
    }
}

@media (max-width: 390px) {
    html[data-theme="light"] .msb-playlist-discovery-home {
        width: calc(100% - 18px) !important;
        padding-inline: 12px !important;
    }

    html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card {
        min-width: 140px !important;
    }
}

/* ========================================================================
   10.9.45 — Inline report form inside Player details (Light Mode)
   ======================================================================== */
html[data-theme="light"] body .player-modal .msb-player-inline-report-wrap {
    border-top-color: rgba(32, 45, 37, .10) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-wrap.is-unavailable {
    background: linear-gradient(155deg, #fffdf7, #fbfaf5) !important;
    border-color: rgba(155, 119, 31, .14) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-head > i {
    color: #9b7720 !important;
    background: rgba(196, 150, 39, .09) !important;
    border-color: rgba(155, 119, 31, .15) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-head strong {
    color: #202722 !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-head span,
html[data-theme="light"] body .player-modal .msb-player-inline-report-footer small {
    color: #6f7771 !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form.msb-song-feedback-form {
    background: linear-gradient(155deg, rgba(255,255,255,.98), rgba(249,248,242,.96)) !important;
    border-color: rgba(155,119,31,.13) !important;
    box-shadow: 0 8px 22px rgba(47, 42, 27, .045) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form .msb-song-feedback-reason-option span {
    background: #f7f8f6 !important;
    border-color: rgba(32,45,37,.10) !important;
    color: #263029 !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form .msb-song-feedback-reason-option:hover span {
    background: #f8f5e9 !important;
    border-color: rgba(155,119,31,.20) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form .msb-song-feedback-reason-option span i {
    color: #9b7720 !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form .msb-song-feedback-reason-option input:checked + span {
    color: #2c2512 !important;
    background: linear-gradient(135deg, #f4df9d, #e9c86c) !important;
    border-color: rgba(155,119,31,.35) !important;
    box-shadow: 0 7px 18px rgba(155,119,31,.11) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form .msb-song-feedback-reason-option input:checked + span i {
    color: #2c2512 !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form textarea {
    background: #fbfcfb !important;
    color: #202722 !important;
    border-color: rgba(32,45,37,.12) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form textarea:focus {
    border-color: rgba(17,135,68,.30) !important;
    box-shadow: 0 0 0 3px rgba(17,135,68,.07) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-footer button {
    color: #7d5e18 !important;
    background: rgba(196,150,39,.09) !important;
    border-color: rgba(155,119,31,.20) !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-footer button:hover {
    color: #fff !important;
    background: #92701e !important;
    border-color: #92701e !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form .msb-song-feedback-message {
    background: rgba(17,135,68,.07) !important;
    color: #0d7438 !important;
}
html[data-theme="light"] body .player-modal .msb-player-inline-report-form .msb-song-feedback-message.is-error {
    background: rgba(185,58,58,.07) !important;
    color: #a23f3f !important;
}

/* ========================================================================
   10.9.46 — Light Theme V2
   Ivory / warm gray + charcoal + MSB green.
   Dark mode remains untouched; every rule is scoped to data-theme="light".
   ======================================================================== */
html[data-theme="light"] {
    color-scheme: light;

    --bg-primary: #f4f2ed;
    --bg-secondary: #faf8f4;
    --bg-card: rgba(251, 250, 246, .94);
    --bg-elevated: #fffdfa;
    --hover: #f0f1ed;
    --primary: #0f8747;
    --primary-hover: #0b763d;
    --text: #1d211f;
    --text-sec: #68706b;
    --text-muted: #8f9691;
    --border: rgba(31, 38, 34, .105);
    --shadow: 0 24px 64px rgba(34, 40, 36, .085), 0 3px 10px rgba(34, 40, 36, .025);
    --shadow-sm: 0 9px 28px rgba(34, 40, 36, .055), 0 1px 4px rgba(34, 40, 36, .018);

    --msb-v2-canvas: #f4f2ed;
    --msb-v2-surface: #faf8f4;
    --msb-v2-surface-raised: #fffdfa;
    --msb-v2-soft: #f0f1ed;
    --msb-v2-soft-2: #e9ece7;
    --msb-v2-ink: #1d211f;
    --msb-v2-muted: #68706b;
    --msb-v2-faint: #909792;
    --msb-v2-line: rgba(31, 38, 34, .095);
    --msb-v2-line-strong: rgba(31, 38, 34, .15);
    --msb-v2-accent: #0f8747;
    --msb-v2-accent-hover: #0b763d;
    --msb-v2-accent-soft: rgba(15, 135, 71, .075);
    --msb-v2-accent-soft-2: rgba(15, 135, 71, .12);
    --msb-v2-warm-soft: rgba(184, 161, 113, .075);
    --msb-v2-shadow-1: 0 10px 30px rgba(34, 40, 36, .055), 0 1px 3px rgba(34, 40, 36, .018);
    --msb-v2-shadow-2: 0 24px 62px rgba(34, 40, 36, .085), 0 3px 10px rgba(34, 40, 36, .025);
    --msb-v2-shadow-hover: 0 18px 44px rgba(34, 40, 36, .105), 0 3px 9px rgba(34, 40, 36, .03);
}

html[data-theme="light"] body {
    color: var(--msb-v2-ink);
    background:
        radial-gradient(circle at 12% 5%, rgba(185, 166, 126, .075), transparent 24%),
        radial-gradient(circle at 88% 16%, rgba(15, 135, 71, .032), transparent 22%),
        radial-gradient(circle at 78% 88%, rgba(120, 128, 122, .045), transparent 26%),
        linear-gradient(180deg, #f7f5f1 0%, #f3f2ed 48%, #f5f3ef 100%) !important;
    background-attachment: fixed;
}

/* ------------------------------------------------------------------------
   Global V2 surface language
   ------------------------------------------------------------------------ */
html[data-theme="light"] .desktop-sidebar,
html[data-theme="light"] .mobile-header,
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .new-player {
    background: rgba(251, 250, 247, .93) !important;
    border-color: var(--msb-v2-line) !important;
    backdrop-filter: blur(20px) saturate(1.03);
    -webkit-backdrop-filter: blur(20px) saturate(1.03);
}

html[data-theme="light"] .desktop-sidebar {
    box-shadow: -16px 0 46px rgba(34, 40, 36, .045) !important;
}

html[data-theme="light"] .new-player {
    box-shadow: 0 -12px 36px rgba(34, 40, 36, .055) !important;
}

html[data-theme="light"] .sidebar-menu li a,
html[data-theme="light"] .sidebar-user-link,
html[data-theme="light"] .bottom-nav a {
    color: #66706a;
}

html[data-theme="light"] .sidebar-menu li a:hover,
html[data-theme="light"] .sidebar-menu li a.active,
html[data-theme="light"] .sidebar-user-link:hover,
html[data-theme="light"] .bottom-nav a:hover,
html[data-theme="light"] .bottom-nav a.active {
    color: #0d793f !important;
    background: linear-gradient(135deg, rgba(15,135,71,.07), rgba(255,255,255,.36)) !important;
    border-color: rgba(15,135,71,.08) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    color: var(--msb-v2-ink);
    background: #f8f7f3;
    border-color: var(--msb-v2-line);
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color: #9a9f9b;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] input:focus-visible,
html[data-theme="light"] textarea:focus-visible,
html[data-theme="light"] select:focus-visible {
    outline: none;
    background: #fffdfa;
    border-color: rgba(15, 135, 71, .28);
    box-shadow: 0 0 0 3px rgba(15, 135, 71, .065);
}

html[data-theme="light"] .download-popup-container,
html[data-theme="light"] .playlist-modal-content,
html[data-theme="light"] .details-modal-content,
html[data-theme="light"] .lyrics-modal-content,
html[data-theme="light"] .sleep-timer-content,
html[data-theme="light"] .msb-login-modal,
html[data-theme="light"] .msb-playlist-popup,
html[data-theme="light"] .msb-modal-content,
html[data-theme="light"] .new-playlist-card,
html[data-theme="light"] .user-playlists-container {
    background: linear-gradient(165deg, #fffdfa, #f8f7f3) !important;
    color: var(--msb-v2-ink) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .download-popup-overlay,
html[data-theme="light"] .playlist-modal-overlay,
html[data-theme="light"] .sleep-timer-modal,
html[data-theme="light"] .msb-login-modal-overlay,
html[data-theme="light"] .msb-modal,
html[data-theme="light"] .msb-cancel-modal,
html[data-theme="light"] .user-playlists-overlay,
html[data-theme="light"] .new-playlist-modal {
    background: rgba(30, 34, 31, .42) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* ------------------------------------------------------------------------
   Song page V2 — more musical, less admin-like
   ------------------------------------------------------------------------ */
html[data-theme="light"] .app-song-page {
    position: relative;
    background: transparent !important;
    color: var(--msb-v2-ink);
}

html[data-theme="light"] .app-song-page::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 440px;
    pointer-events: none;
    z-index: 0;
    background:
        radial-gradient(circle at 50% 8%, rgba(15,135,71,.055), transparent 34%),
        radial-gradient(circle at 28% 18%, rgba(184,161,113,.065), transparent 25%);
    mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
}

html[data-theme="light"] .app-song-page > * {
    position: relative;
    z-index: 1;
}

html[data-theme="light"] .app-page-header,
html[data-theme="light"] .app-song-header {
    background: rgba(251, 250, 247, .88) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: 0 8px 24px rgba(34,40,36,.035);
    backdrop-filter: blur(18px) saturate(1.03);
    -webkit-backdrop-filter: blur(18px) saturate(1.03);
}

html[data-theme="light"] .app-back-btn,
html[data-theme="light"] .app-share-btn {
    background: rgba(255,253,250,.82) !important;
    color: #67706a !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: 0 5px 16px rgba(34,40,36,.04);
}

html[data-theme="light"] .app-back-btn:hover,
html[data-theme="light"] .app-share-btn:hover {
    color: var(--msb-v2-accent) !important;
    background: #f0f5f1 !important;
    border-color: rgba(15,135,71,.16) !important;
}

html[data-theme="light"] .app-cover-wrapper {
    border: 1px solid rgba(255,255,255,.82);
    box-shadow:
        0 28px 64px rgba(35, 42, 37, .16),
        0 0 0 1px rgba(31,38,34,.045);
}

html[data-theme="light"] .app-song-title-main {
    color: #1a1f1c;
    letter-spacing: -.25px;
}

html[data-theme="light"] .app-artist-link,
html[data-theme="light"] .app-artist-name,
html[data-theme="light"] .artist-name-item,
html[data-theme="light"] .artist-name-en,
html[data-theme="light"] .song-title-en {
    color: #626c66 !important;
}

html[data-theme="light"] .app-stat {
    color: #68716b !important;
    background: rgba(251,250,247,.88) !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: 0 5px 15px rgba(34,40,36,.032);
}

html[data-theme="light"] .app-action-btn.play-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #15914e, #0d7d42) !important;
    box-shadow: 0 12px 26px rgba(15,135,71,.18) !important;
}

html[data-theme="light"] .app-action-btn.play-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 32px rgba(15,135,71,.22) !important;
}

html[data-theme="light"] .app-action-btn.download-btn,
html[data-theme="light"] .app-action-btn.is-secondary,
html[data-theme="light"] .app-action-btn.msb-report-quick-btn {
    color: #4f5953 !important;
    background: linear-gradient(155deg, #fffdfa, #f1f2ee) !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: 0 7px 18px rgba(34,40,36,.04);
}

html[data-theme="light"] .app-action-btn.download-btn:hover,
html[data-theme="light"] .app-action-btn.is-secondary:hover,
html[data-theme="light"] .app-action-btn.msb-report-quick-btn:hover,
html[data-theme="light"] .app-action-btn.msb-report-quick-btn.is-active {
    color: #0b773e !important;
    background: #edf4ef !important;
    border-color: rgba(15,135,71,.17) !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .app-track-list,
html[data-theme="light"] .app-info-cards,
html[data-theme="light"] .app-lyrics,
html[data-theme="light"] .app-comments,
html[data-theme="light"] .msb-song-feedback,
html[data-theme="light"] .msb-song-quick-report {
    background: linear-gradient(165deg, rgba(255,253,250,.985), rgba(248,247,243,.965)) !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

html[data-theme="light"] .app-track-list,
html[data-theme="light"] .app-info-cards,
html[data-theme="light"] .app-lyrics,
html[data-theme="light"] .app-comments {
    border-radius: 24px !important;
}

html[data-theme="light"] .track-list-header,
html[data-theme="light"] .lyrics-header-app,
html[data-theme="light"] .comments-header-app,
html[data-theme="light"] .info-cards-header {
    color: #1f2722;
}

html[data-theme="light"] .track-item-app {
    background: transparent !important;
    border-color: rgba(31,38,34,.075) !important;
}

html[data-theme="light"] .track-item-app:hover {
    background: #f0f4f1 !important;
}

html[data-theme="light"] .track-play-app,
html[data-theme="light"] .track-download-app,
html[data-theme="light"] .copy-lyrics-app,
html[data-theme="light"] .related-list-more {
    color: #626c66 !important;
    background: #f1f2ee !important;
    border: 1px solid rgba(31,38,34,.075) !important;
}

html[data-theme="light"] .track-play-app:hover,
html[data-theme="light"] .track-download-app:hover,
html[data-theme="light"] .copy-lyrics-app:hover,
html[data-theme="light"] .related-list-more:hover {
    color: #fff !important;
    background: var(--msb-v2-accent) !important;
    border-color: var(--msb-v2-accent) !important;
}

html[data-theme="light"] .info-card-app {
    background: #f4f4f0 !important;
    border: 1px solid rgba(31,38,34,.065);
}

html[data-theme="light"] .info-card-app i {
    color: #0f8747 !important;
    background: #e8f1eb !important;
    border: 1px solid rgba(15,135,71,.08);
}

html[data-theme="light"] .mix-description {
    background: #f3f1ea !important;
    border-right-color: #b59c67 !important;
}

html[data-theme="light"] .mix-description h4 {
    color: #7d6940 !important;
}

html[data-theme="light"] .lyrics-content-app {
    color: #59625d !important;
    line-height: 2.05;
}

html[data-theme="light"] .related-list-item {
    background: linear-gradient(160deg, #fffdfa, #f7f6f2) !important;
    border: 1px solid rgba(31,38,34,.075) !important;
    box-shadow: 0 6px 18px rgba(34,40,36,.035);
}

html[data-theme="light"] .related-list-item:hover {
    background: #f0f4f1 !important;
    border-color: rgba(15,135,71,.15) !important;
    box-shadow: var(--msb-v2-shadow-hover) !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .related-list-play {
    color: #fff !important;
    background: var(--msb-v2-accent) !important;
    box-shadow: 0 6px 16px rgba(15,135,71,.20);
}

html[data-theme="light"] .related-list-play i {
    color: #fff !important;
}

html[data-theme="light"] .comment-input-app input,
html[data-theme="light"] .comment-input-app textarea,
html[data-theme="light"] .msb-song-feedback-form textarea,
html[data-theme="light"] .msb-song-quick-report-form textarea {
    background: #f7f6f2 !important;
    color: var(--msb-v2-ink) !important;
    border-color: var(--msb-v2-line) !important;
}

html[data-theme="light"] .comment-input-app button,
html[data-theme="light"] .msb-song-feedback-form button[type="submit"] {
    color: #fff !important;
    background: var(--msb-v2-accent) !important;
    box-shadow: 0 8px 18px rgba(15,135,71,.15);
}

/* ------------------------------------------------------------------------
   Fullscreen Player V2 — premium daylight stage
   ------------------------------------------------------------------------ */
html[data-theme="light"] body .player-modal {
    color: var(--msb-v2-ink) !important;
    background:
        radial-gradient(circle at 50% 12%, rgba(15,135,71,.07), transparent 27%),
        radial-gradient(circle at 24% 76%, rgba(184,161,113,.08), transparent 25%),
        radial-gradient(circle at 82% 70%, rgba(114,125,118,.055), transparent 24%),
        linear-gradient(180deg, rgba(247,245,240,.985), rgba(241,241,236,.99)) !important;
    backdrop-filter: blur(24px) saturate(1.02);
    -webkit-backdrop-filter: blur(24px) saturate(1.02);
}

html[data-theme="light"] body .player-modal .player-modal-content {
    padding: 22px 28px 24px;
    border-radius: 34px;
    background: rgba(255, 253, 250, .76);
    border: 1px solid rgba(255,255,255,.74);
    box-shadow: 0 30px 78px rgba(34,40,36,.11), 0 0 0 1px rgba(31,38,34,.035);
    backdrop-filter: blur(20px) saturate(1.02);
    -webkit-backdrop-filter: blur(20px) saturate(1.02);
}

html[data-theme="light"] body .player-modal .player-modal-close {
    color: #606963 !important;
    background: rgba(244,244,240,.92) !important;
    border: 1px solid rgba(31,38,34,.075) !important;
    box-shadow: 0 5px 14px rgba(34,40,36,.04);
}

html[data-theme="light"] body .player-modal .player-modal-cover {
    box-shadow: 0 28px 68px rgba(34,40,36,.18), 0 0 0 1px rgba(31,38,34,.045) !important;
}

html[data-theme="light"] body .player-modal .player-modal-cover.is-playing {
    box-shadow: 0 0 0 5px rgba(15,135,71,.055), 0 28px 68px rgba(34,40,36,.18) !important;
}

html[data-theme="light"] body .player-modal .player-modal-title {
    background: none !important;
    color: #1b211d !important;
    -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] body .player-modal .player-modal-artist {
    color: #707873 !important;
}

html[data-theme="light"] body .player-modal .modal-progress-bar {
    background: #dfe3de !important;
}

html[data-theme="light"] body .player-modal .modal-progress-fill {
    background: linear-gradient(90deg, #0f8747, #22a35b) !important;
}

html[data-theme="light"] body .player-modal .modal-control-btn,
html[data-theme="light"] body .player-modal .modal-extra-btn {
    color: #606963 !important;
    background: linear-gradient(150deg, #f5f4f0, #eceee9) !important;
    border: 1px solid rgba(31,38,34,.075) !important;
    box-shadow: 0 7px 18px rgba(34,40,36,.05), inset 0 1px 0 rgba(255,255,255,.74) !important;
}

html[data-theme="light"] body .player-modal .modal-control-btn:hover,
html[data-theme="light"] body .player-modal .modal-extra-btn:hover,
html[data-theme="light"] body .player-modal .modal-extra-btn:focus-visible {
    color: #0b773e !important;
    background: #eaf2ec !important;
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: 0 10px 24px rgba(34,40,36,.07) !important;
}

html[data-theme="light"] body .player-modal .modal-play-btn {
    color: #fff !important;
    background: linear-gradient(135deg, #15914e, #0c793f) !important;
    border-color: rgba(15,135,71,.12) !important;
    box-shadow: 0 15px 34px rgba(15,135,71,.20), inset 0 1px 0 rgba(255,255,255,.14) !important;
}

html[data-theme="light"] body .player-modal .modal-play-btn:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #18a154, #0e8444) !important;
}

html[data-theme="light"] body .player-modal .shuffle-btn.active,
html[data-theme="light"] body .player-modal .repeat-btn.active {
    color: #0b743c !important;
    background: #deeee3 !important;
    border-color: rgba(15,135,71,.15) !important;
}

html[data-theme="light"] body .player-modal .player-modal-playlist,
html[data-theme="light"] body .player-modal .player-modal-details,
html[data-theme="light"] body .player-modal .player-modal-lyrics {
    background: rgba(250,248,244,.965) !important;
    color: var(--msb-v2-ink) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: 0 24px 68px rgba(34,40,36,.12) !important;
    backdrop-filter: blur(22px) saturate(1.02);
    -webkit-backdrop-filter: blur(22px) saturate(1.02);
}

html[data-theme="light"] body .player-modal .playlist-header-modal,
html[data-theme="light"] body .player-modal .details-header-modal,
html[data-theme="light"] body .player-modal .lyrics-header-modal {
    color: #202622 !important;
    background: rgba(244,243,238,.94) !important;
    border-bottom-color: var(--msb-v2-line) !important;
}

html[data-theme="light"] body .player-modal .playlist-modal-item {
    border-bottom-color: rgba(31,38,34,.07) !important;
}

html[data-theme="light"] body .player-modal .playlist-modal-item:hover {
    background: #f0f2ed !important;
}

html[data-theme="light"] body .player-modal .playlist-modal-item.active {
    background: linear-gradient(90deg, rgba(15,135,71,.095), rgba(15,135,71,.018)) !important;
    border-right-color: #0f8747 !important;
}

html[data-theme="light"] body .player-modal .details-modal-note {
    color: #56615a !important;
    background: #f0f1ed !important;
    border-color: rgba(31,38,34,.07) !important;
}

html[data-theme="light"] body .player-modal .lyrics-content-modal {
    color: #46514a !important;
}

html[data-theme="light"] body .player-modal .player-modal-side-tab {
    color: #606963 !important;
    background: rgba(250,248,244,.95) !important;
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: 0 9px 24px rgba(34,40,36,.075) !important;
}

html[data-theme="light"] body .player-modal .player-modal-side-tab:hover {
    color: #0b773e !important;
    background: #eaf2ec !important;
}

/* ------------------------------------------------------------------------
   Artist profile + artists directory V2
   ------------------------------------------------------------------------ */
html[data-theme="light"] .msb-artist-profile-main,
html[data-theme="light"] .artist-page-container,
html[data-theme="light"] .msb-artists-directory {
    background: transparent !important;
    color: var(--msb-v2-ink) !important;
}

html[data-theme="light"] .artist-header {
    background:
        radial-gradient(circle at 84% 10%, rgba(15,135,71,.065), transparent 28%),
        radial-gradient(circle at 10% 88%, rgba(184,161,113,.065), transparent 24%),
        linear-gradient(155deg, #fffdfa, #f6f5f0) !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .artist-cover {
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 22px 52px rgba(34,40,36,.15), 0 0 0 1px rgba(31,38,34,.04) !important;
}

html[data-theme="light"] .artist-details h1,
html[data-theme="light"] .artist-song-item .song-title,
html[data-theme="light"] .album-title,
html[data-theme="light"] .video-title {
    color: #1c211e !important;
}

html[data-theme="light"] .artist-bio,
html[data-theme="light"] .artist-song-item .song-artist,
html[data-theme="light"] .album-year,
html[data-theme="light"] .video-meta {
    color: #69726c !important;
}

html[data-theme="light"] .artist-back,
html[data-theme="light"] .artist-share,
html[data-theme="light"] .artist-social a {
    color: #626b65 !important;
    background: rgba(247,246,242,.9) !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: 0 5px 15px rgba(34,40,36,.04);
}

html[data-theme="light"] .artist-back:hover,
html[data-theme="light"] .artist-share:hover,
html[data-theme="light"] .artist-social a:hover {
    color: #0b773e !important;
    background: #eaf2ec !important;
    border-color: rgba(15,135,71,.15) !important;
}

html[data-theme="light"] .artist-stats .stat-item,
html[data-theme="light"] .artist-category-badge {
    color: #59635d !important;
    background: rgba(249,248,244,.84) !important;
    border: 1px solid rgba(31,38,34,.075) !important;
}

html[data-theme="light"] .artist-follow {
    color: #fff !important;
    background: linear-gradient(135deg, #15914e, #0c7a40) !important;
    border-color: rgba(15,135,71,.12) !important;
    box-shadow: 0 10px 24px rgba(15,135,71,.16) !important;
}

html[data-theme="light"] .artist-follow.following {
    color: #0c743c !important;
    background: #e7f1e9 !important;
    border: 1px solid rgba(15,135,71,.16) !important;
    box-shadow: none !important;
}

html[data-theme="light"] .artist-tabs,
html[data-theme="light"] .artist-content-order {
    background: rgba(250,248,244,.84) !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

html[data-theme="light"] .artist-tabs .tab-btn,
html[data-theme="light"] .artist-content-order .msb-user-sort-chip {
    color: #68716b !important;
    background: transparent !important;
}

html[data-theme="light"] .artist-tabs .tab-btn:hover,
html[data-theme="light"] .artist-tabs .tab-btn.active,
html[data-theme="light"] .artist-content-order .msb-user-sort-chip:hover,
html[data-theme="light"] .artist-content-order .msb-user-sort-chip.active {
    color: #0c783e !important;
    background: #eaf2ec !important;
}

html[data-theme="light"] .artist-song-item,
html[data-theme="light"] .album-card,
html[data-theme="light"] .video-card {
    background: linear-gradient(160deg, #fffdfa, #f7f6f2) !important;
    border: 1px solid rgba(31,38,34,.075) !important;
    box-shadow: 0 7px 20px rgba(34,40,36,.038) !important;
}

html[data-theme="light"] .artist-song-item:hover,
html[data-theme="light"] .album-card:hover,
html[data-theme="light"] .video-card:hover {
    background: #f0f4f1 !important;
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: var(--msb-v2-shadow-hover) !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .artist-song-item .song-play,
html[data-theme="light"] .artist-song-item .song-add-to-playlist,
html[data-theme="light"] .artist-song-item .song-download,
html[data-theme="light"] .artist-song-item .song-goto {
    color: #626c66 !important;
    background: #f0f1ed !important;
    border: 1px solid rgba(31,38,34,.065) !important;
}

html[data-theme="light"] .artist-song-item .song-play:hover,
html[data-theme="light"] .artist-song-item .song-add-to-playlist:hover,
html[data-theme="light"] .artist-song-item .song-download:hover,
html[data-theme="light"] .artist-song-item .song-goto:hover {
    color: #fff !important;
    background: var(--msb-v2-accent) !important;
    border-color: var(--msb-v2-accent) !important;
}

html[data-theme="light"] .msb-artists-directory .msb-artists-hero {
    background:
        radial-gradient(circle at 86% 8%, rgba(15,135,71,.06), transparent 28%),
        radial-gradient(circle at 8% 90%, rgba(184,161,113,.055), transparent 24%),
        linear-gradient(155deg, #fffdfa, #f6f5f0) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .msb-artists-directory .msb-artists-toolbar,
html[data-theme="light"] .msb-artists-featured {
    background: rgba(250,248,244,.9) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

html[data-theme="light"] .msb-artists-directory .msb-artist-card,
html[data-theme="light"] .msb-featured-artist {
    background: linear-gradient(160deg, #fffdfa, #f7f6f2) !important;
    border-color: rgba(31,38,34,.075) !important;
    box-shadow: 0 8px 22px rgba(34,40,36,.04) !important;
}

html[data-theme="light"] .msb-artists-directory .msb-artist-card:hover,
html[data-theme="light"] .msb-featured-artist:hover {
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: var(--msb-v2-shadow-hover) !important;
}

/* ------------------------------------------------------------------------
   Official playlist V2
   ------------------------------------------------------------------------ */
html[data-theme="light"] body .single-playlist-container {
    color: var(--msb-v2-ink) !important;
    background: transparent !important;
}

html[data-theme="light"] body .single-playlist-container .single-playlist-header {
    background:
        radial-gradient(circle at 82% 12%, rgba(15,135,71,.07), transparent 29%),
        radial-gradient(circle at 10% 88%, rgba(184,161,113,.065), transparent 25%),
        linear-gradient(155deg, #fffdfa, #f5f4ef) !important;
    border: 1px solid var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] body .single-playlist-container .single-playlist-hero-shade {
    background: linear-gradient(90deg, rgba(244,242,237,.08), rgba(244,242,237,.42)) !important;
}

html[data-theme="light"] body .single-playlist-container .single-playlist-info h1 {
    color: #1b211d !important;
}

html[data-theme="light"] body .single-playlist-container .single-playlist-desc,
html[data-theme="light"] body .single-playlist-container .single-playlist-about-content,
html[data-theme="light"] body .single-playlist-container .single-playlist-about-copy > span,
html[data-theme="light"] body .single-playlist-container .songs-header-copy > span,
html[data-theme="light"] body .single-playlist-container .song-artist {
    color: #68716b !important;
}

html[data-theme="light"] body .single-playlist-container .single-playlist-meta-pill {
    color: #59635d !important;
    background: rgba(250,248,244,.9) !important;
    border-color: rgba(31,38,34,.08) !important;
    box-shadow: 0 5px 14px rgba(34,40,36,.03);
}

html[data-theme="light"] body .single-playlist-container .single-playlist-back,
html[data-theme="light"] body .single-playlist-container .single-playlist-share {
    color: #606963 !important;
    background: rgba(249,248,244,.86) !important;
    border-color: rgba(31,38,34,.085) !important;
}

html[data-theme="light"] body .single-playlist-container .single-playlist-back:hover,
html[data-theme="light"] body .single-playlist-container .single-playlist-share:hover {
    color: #0b773e !important;
    background: #eaf2ec !important;
}

html[data-theme="light"] body .single-playlist-container .songs-header-play-all {
    color: #fff !important;
    background: linear-gradient(135deg, #15914e, #0c793f) !important;
    box-shadow: 0 11px 26px rgba(15,135,71,.17) !important;
}

html[data-theme="light"] body .single-playlist-container .single-playlist-about,
html[data-theme="light"] body .single-playlist-container .single-playlist-songs {
    background: linear-gradient(165deg, #fffdfa, #f8f7f3) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

html[data-theme="light"] body .single-playlist-container .song-item {
    background: #f7f6f2 !important;
    border: 1px solid rgba(31,38,34,.065) !important;
}

html[data-theme="light"] body .single-playlist-container .song-item:hover {
    background: #edf3ef !important;
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: 0 8px 20px rgba(34,40,36,.045) !important;
}

html[data-theme="light"] body .single-playlist-container .song-item.is-current {
    background: linear-gradient(90deg, rgba(15,135,71,.10), rgba(255,253,250,.72)) !important;
    border-color: rgba(15,135,71,.16) !important;
}

html[data-theme="light"] body .single-playlist-container .songs-view-switch,
html[data-theme="light"] body .single-playlist-container .msb-user-sort-chip,
html[data-theme="light"] body .single-playlist-container .song-download,
html[data-theme="light"] body .single-playlist-container .song-goto,
html[data-theme="light"] body .single-playlist-container .song-add-to-playlist {
    background: #f0f1ed !important;
    color: #626c66 !important;
    border-color: rgba(31,38,34,.075) !important;
}

html[data-theme="light"] body .single-playlist-container .songs-view-button.active,
html[data-theme="light"] body .single-playlist-container .msb-user-sort-chip.active,
html[data-theme="light"] body .single-playlist-container .msb-user-sort-chip:hover,
html[data-theme="light"] body .single-playlist-container .song-download:hover,
html[data-theme="light"] body .single-playlist-container .song-goto:hover,
html[data-theme="light"] body .single-playlist-container .song-add-to-playlist:hover {
    color: #0b773e !important;
    background: #e7f1e9 !important;
    border-color: rgba(15,135,71,.14) !important;
}

html[data-theme="light"] .playlist-page .playlist-hero,
html[data-theme="light"] .playlist-page .playlist-discovery {
    background:
        radial-gradient(circle at 86% 8%, rgba(15,135,71,.055), transparent 28%),
        linear-gradient(155deg, #fffdfa, #f6f5f0) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .playlist-page .grid-card {
    background: linear-gradient(160deg, #fffdfa, #f7f6f2) !important;
    border-color: rgba(31,38,34,.075) !important;
    box-shadow: 0 8px 22px rgba(34,40,36,.04) !important;
}

html[data-theme="light"] .playlist-page .grid-card:hover {
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: var(--msb-v2-shadow-hover) !important;
}

/* ------------------------------------------------------------------------
   Archive / watch / generic content polish
   ------------------------------------------------------------------------ */
html[data-theme="light"] .msb-term-hero,
html[data-theme="light"] .app-archive-header,
html[data-theme="light"] .msb-watch-page .msb-watch-header {
    background:
        radial-gradient(circle at 86% 8%, rgba(15,135,71,.045), transparent 27%),
        linear-gradient(155deg, #fffdfa, #f6f5f0) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .msb-term-description,
html[data-theme="light"] .msb-term-search,
html[data-theme="light"] .msb-term-content,
html[data-theme="light"] .msb-term-card,
html[data-theme="light"] .msb-term-list-item,
html[data-theme="light"] .msb-watch-page .msb-watch-playlist,
html[data-theme="light"] .msb-watch-page .msb-watch-now,
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments {
    background: linear-gradient(165deg, #fffdfa, #f8f7f3) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

html[data-theme="light"] .msb-term-card:hover,
html[data-theme="light"] .msb-term-list-item:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover {
    background: #eef3ef !important;
    border-color: rgba(15,135,71,.14) !important;
}

/* ------------------------------------------------------------------------
   Responsive V2
   ------------------------------------------------------------------------ */
@media (max-width: 991px) {
    html[data-theme="light"] body {
        background:
            radial-gradient(circle at 18% 3%, rgba(184,161,113,.055), transparent 22%),
            radial-gradient(circle at 84% 14%, rgba(15,135,71,.025), transparent 20%),
            linear-gradient(180deg, #f7f5f1 0%, #f3f2ed 100%) !important;
        background-attachment: scroll;
    }

    html[data-theme="light"] body .player-modal .player-modal-content {
        width: min(92%, 480px);
        padding: 18px 18px 20px;
        border-radius: 28px;
        box-shadow: 0 20px 54px rgba(34,40,36,.09), 0 0 0 1px rgba(31,38,34,.03);
    }

    html[data-theme="light"] body .player-modal .player-modal-playlist,
    html[data-theme="light"] body .player-modal .player-modal-details,
    html[data-theme="light"] body .player-modal .player-modal-lyrics {
        background: rgba(250,248,244,.985) !important;
        border-radius: 28px 28px 0 0 !important;
        box-shadow: 0 -18px 54px rgba(34,40,36,.11) !important;
    }

    html[data-theme="light"] .artist-header,
    html[data-theme="light"] body .single-playlist-container .single-playlist-header,
    html[data-theme="light"] .msb-artists-directory .msb-artists-hero,
    html[data-theme="light"] .msb-watch-page .msb-watch-header,
    html[data-theme="light"] .msb-term-hero {
        border-radius: 24px !important;
    }
}

@media (max-width: 767px) {
    html[data-theme="light"] .app-cover-section {
        padding-top: 24px;
    }

    html[data-theme="light"] .app-track-list,
    html[data-theme="light"] .app-info-cards,
    html[data-theme="light"] .app-lyrics,
    html[data-theme="light"] .app-related,
    html[data-theme="light"] .app-comments {
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    html[data-theme="light"] .app-track-list,
    html[data-theme="light"] .app-info-cards,
    html[data-theme="light"] .app-lyrics,
    html[data-theme="light"] .app-comments {
        border-radius: 20px !important;
    }

    html[data-theme="light"] .app-action-buttons {
        gap: 10px;
        padding-left: 12px;
        padding-right: 12px;
    }

    html[data-theme="light"] .app-action-btn {
        min-height: 42px;
        padding: 9px 16px;
    }

    html[data-theme="light"] .artist-header {
        margin-inline: 10px;
    }

    html[data-theme="light"] .artist-tabs,
    html[data-theme="light"] .artist-content-order {
        margin-inline: 10px;
        border-radius: 18px;
    }

    html[data-theme="light"] .artist-song-item,
    html[data-theme="light"] .album-card,
    html[data-theme="light"] .video-card {
        border-radius: 16px !important;
    }

    html[data-theme="light"] body .single-playlist-container .single-playlist-header,
    html[data-theme="light"] body .single-playlist-container .single-playlist-about,
    html[data-theme="light"] body .single-playlist-container .single-playlist-songs {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    html[data-theme="light"] body .single-playlist-container .single-playlist-about,
    html[data-theme="light"] body .single-playlist-container .single-playlist-songs {
        border-radius: 20px !important;
    }
}

@media (max-width: 390px) {
    html[data-theme="light"] body .player-modal .player-modal-content {
        width: calc(100% - 20px);
        padding-inline: 14px;
    }

    html[data-theme="light"] .app-action-btn {
        font-size: 12.5px;
        padding-inline: 13px;
    }
}

/* ------------------------------------------------------------------------
   Home + Dashboard V2 alignment
   ------------------------------------------------------------------------ */
html[data-theme="light"] .msb-hero-slider .slider-3d-container,
html[data-theme="light"] .msb-playlist-discovery-home,
html[data-theme="light"] .msb-followed-mix,
html[data-theme="light"] .msb-taste-mix {
    background:
        radial-gradient(circle at 88% 8%, rgba(15,135,71,.035), transparent 26%),
        linear-gradient(160deg, #fbfaf7, #f6f5f0) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card,
html[data-theme="light"] .msb-followed-mix__track,
html[data-theme="light"] .msb-taste-mix__track {
    background: linear-gradient(160deg, #fffdfa, #f7f6f2) !important;
    border-color: rgba(31,38,34,.075) !important;
    box-shadow: 0 6px 18px rgba(34,40,36,.034) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:focus-visible,
html[data-theme="light"] .msb-followed-mix__track:hover,
html[data-theme="light"] .msb-taste-mix__track:hover {
    color: #1d211f !important;
    background: #eef3ef !important;
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: var(--msb-v2-shadow-hover) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon {
    background: #e8f1eb !important;
    border-color: rgba(15,135,71,.08) !important;
}

html[data-theme="light"] .dashboard-modern {
    background: transparent !important;
    color: var(--msb-v2-ink) !important;
}

html[data-theme="light"] .dashboard-modern .dashboard-hero-modern {
    background:
        radial-gradient(circle at 84% 8%, rgba(15,135,71,.055), transparent 28%),
        radial-gradient(circle at 12% 86%, rgba(184,161,113,.06), transparent 24%),
        linear-gradient(155deg, #fffdfa, #f6f5f0) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .dashboard-modern .stat-card-modern,
html[data-theme="light"] .dashboard-modern .dashboard-card-modern,
html[data-theme="light"] .dashboard-modern .liked-songs-modern,
html[data-theme="light"] .dashboard-modern .playlists-modern,
html[data-theme="light"] .dashboard-modern .followed-playlists-section,
html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists,
html[data-theme="light"] .dashboard-modern .msb-liked-library {
    background: linear-gradient(165deg, #fffdfa, #f8f7f3) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

html[data-theme="light"] .dashboard-modern .quick-access-modern,
html[data-theme="light"] .dashboard-modern .dashboard-quick-access,
html[data-theme="light"] .dashboard-modern .dashboard-shortcuts {
    background: rgba(250,248,244,.90) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: 0 10px 28px rgba(34,40,36,.05) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

html[data-theme="light"] .dashboard-modern .playlist-row-modern,
html[data-theme="light"] .dashboard-modern .msb-liked-track,
html[data-theme="light"] .dashboard-modern .followed-playlist-item {
    background: #f5f4f0 !important;
    border-color: rgba(31,38,34,.07) !important;
}

html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover,
html[data-theme="light"] .dashboard-modern .followed-playlist-item:hover {
    color: #1d211f !important;
    background: #edf3ef !important;
    border-color: rgba(15,135,71,.14) !important;
    box-shadow: 0 8px 20px rgba(34,40,36,.045) !important;
}

html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover *,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover *,
html[data-theme="light"] .dashboard-modern .followed-playlist-item:hover * {
    color: inherit;
}

/* keep explicit action/icon colors after the broad hover inheritance */
html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover i,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover i,
html[data-theme="light"] .dashboard-modern .followed-playlist-item:hover i {
    color: var(--msb-v2-accent);
}

/* ========================================================================
   10.9.47 — Warm Day refinement
   Warmer ivory neutrals, less cool/green cast, and native-size mobile toggle.
   Dark mode remains untouched.
   ======================================================================== */
html[data-theme="light"] {
    --bg-primary: #f6f1e9;
    --bg-secondary: #fbf6ef;
    --bg-card: rgba(255, 251, 245, .94);
    --bg-elevated: #fffdf9;
    --hover: #f3eee7;
    --primary: #108247;
    --primary-hover: #0b733d;
    --text: #28231f;
    --text-sec: #706a64;
    --text-muted: #979089;
    --border: rgba(72, 59, 46, .105);
    --shadow: 0 24px 64px rgba(57, 46, 34, .078), 0 3px 10px rgba(57, 46, 34, .022);
    --shadow-sm: 0 9px 28px rgba(57, 46, 34, .052), 0 1px 4px rgba(57, 46, 34, .018);

    --msb-v2-canvas: #f6f1e9;
    --msb-v2-surface: #fbf6ef;
    --msb-v2-surface-raised: #fffdf9;
    --msb-v2-soft: #f3eee7;
    --msb-v2-soft-2: #ebe5dd;
    --msb-v2-ink: #28231f;
    --msb-v2-muted: #706a64;
    --msb-v2-faint: #979089;
    --msb-v2-line: rgba(72, 59, 46, .095);
    --msb-v2-line-strong: rgba(72, 59, 46, .145);
    --msb-v2-accent: #108247;
    --msb-v2-accent-hover: #0b733d;
    --msb-v2-accent-soft: rgba(16, 130, 71, .065);
    --msb-v2-accent-soft-2: rgba(16, 130, 71, .105);
    --msb-v2-warm-soft: rgba(184, 142, 82, .085);
    --msb-v2-shadow-1: 0 10px 30px rgba(57, 46, 34, .05), 0 1px 3px rgba(57, 46, 34, .016);
    --msb-v2-shadow-2: 0 24px 62px rgba(57, 46, 34, .078), 0 3px 10px rgba(57, 46, 34, .023);
    --msb-v2-shadow-hover: 0 18px 44px rgba(57, 46, 34, .095), 0 3px 9px rgba(57, 46, 34, .026);

    --msb-day-canvas: #f6f1e9;
    --msb-day-surface: #fbf6ef;
    --msb-day-surface-raised: #fffdf9;
    --msb-day-surface-soft: #f3eee7;
    --msb-day-line: rgba(72, 59, 46, .095);
    --msb-day-line-strong: rgba(72, 59, 46, .145);
    --msb-day-shadow-1: 0 10px 28px rgba(57, 46, 34, .048), 0 1px 3px rgba(57, 46, 34, .016);
    --msb-day-shadow-2: 0 22px 58px rgba(57, 46, 34, .075), 0 3px 10px rgba(57, 46, 34, .022);
    --msb-day-shadow-hover: 0 17px 40px rgba(57, 46, 34, .09), 0 3px 8px rgba(57, 46, 34, .026);
}

html[data-theme="light"] body {
    color: var(--msb-v2-ink);
    background:
        radial-gradient(circle at 12% 6%, rgba(198, 154, 93, .085), transparent 25%),
        radial-gradient(circle at 87% 15%, rgba(183, 151, 104, .055), transparent 23%),
        radial-gradient(circle at 76% 88%, rgba(143, 120, 92, .035), transparent 27%),
        linear-gradient(180deg, #faf6ef 0%, #f5efe7 50%, #f8f3ec 100%) !important;
}

/* Warm the large shell surfaces. Keep green as an accent, not a canvas tint. */
html[data-theme="light"] .desktop-sidebar,
html[data-theme="light"] .mobile-header,
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .new-player {
    background: rgba(255, 251, 245, .94) !important;
    border-color: var(--msb-v2-line) !important;
}

html[data-theme="light"] .sidebar-search-box,
html[data-theme="light"] .sidebar-search-results,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .search-results-container,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    background: #fcf8f2 !important;
    border-color: var(--msb-v2-line) !important;
    color: var(--msb-v2-ink) !important;
}

html[data-theme="light"] .music-card,
html[data-theme="light"] .app-song-card,
html[data-theme="light"] .app-list-item,
html[data-theme="light"] .album-info-section,
html[data-theme="light"] .lyrics-section,
html[data-theme="light"] .related-section,
html[data-theme="light"] .comments-section,
html[data-theme="light"] .recently-played-section,
html[data-theme="light"] .msb-playlist-card,
html[data-theme="light"] .msb-playlist-row,
html[data-theme="light"] .dashboard-modern .stat-card-modern,
html[data-theme="light"] .dashboard-modern .dashboard-card-modern,
html[data-theme="light"] .dashboard-modern .liked-songs-modern,
html[data-theme="light"] .dashboard-modern .playlists-modern,
html[data-theme="light"] .dashboard-modern .followed-playlists-section,
html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists,
html[data-theme="light"] .dashboard-modern .msb-liked-library,
html[data-theme="light"] body .single-playlist-container .single-playlist-about,
html[data-theme="light"] body .single-playlist-container .single-playlist-songs,
html[data-theme="light"] .msb-watch-page .msb-watch-now,
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments,
html[data-theme="light"] .msb-watch-page .msb-watch-playlist {
    background: linear-gradient(165deg, #fffdf9, #faf5ee) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

html[data-theme="light"] .msb-hero-slider .slider-3d-container,
html[data-theme="light"] .msb-playlist-discovery-home,
html[data-theme="light"] .msb-followed-mix,
html[data-theme="light"] .msb-taste-mix,
html[data-theme="light"] .dashboard-modern .dashboard-hero-modern,
html[data-theme="light"] .artist-header,
html[data-theme="light"] body .single-playlist-container .single-playlist-header,
html[data-theme="light"] .msb-artists-directory .msb-artists-hero,
html[data-theme="light"] .msb-watch-page .msb-watch-header,
html[data-theme="light"] .msb-term-hero {
    background:
        radial-gradient(circle at 88% 8%, rgba(194, 151, 91, .07), transparent 28%),
        radial-gradient(circle at 10% 86%, rgba(16,130,71,.018), transparent 24%),
        linear-gradient(158deg, #fffdf9, #f8f1e8) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card,
html[data-theme="light"] .msb-followed-mix__track,
html[data-theme="light"] .msb-taste-mix__track,
html[data-theme="light"] .dashboard-modern .playlist-row-modern,
html[data-theme="light"] .dashboard-modern .msb-liked-track,
html[data-theme="light"] .dashboard-modern .followed-playlist-item,
html[data-theme="light"] .msb-term-card,
html[data-theme="light"] .msb-term-list-item {
    background: linear-gradient(160deg, #fffdfa, #f8f2ea) !important;
    border-color: rgba(72,59,46,.075) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:focus-visible,
html[data-theme="light"] .msb-followed-mix__track:hover,
html[data-theme="light"] .msb-taste-mix__track:hover,
html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover,
html[data-theme="light"] .dashboard-modern .followed-playlist-item:hover,
html[data-theme="light"] .msb-term-card:hover,
html[data-theme="light"] .msb-term-list-item:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover {
    color: var(--msb-v2-ink) !important;
    background: #f5eee5 !important;
    border-color: rgba(16,130,71,.13) !important;
    box-shadow: var(--msb-v2-shadow-hover) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon,
html[data-theme="light"] .followed-mix-icon,
html[data-theme="light"] .taste-mix-icon {
    background: #edf4ee !important;
    border-color: rgba(16,130,71,.08) !important;
}

/* Mobile header theme toggle must look exactly like the other header actions. */
.mobile-header .msb-theme-toggle {
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    border: none !important;
    border-radius: 50% !important;
    background: none !important;
    box-shadow: none !important;
    color: var(--text) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transform: none !important;
}

.mobile-header .msb-theme-toggle i {
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    line-height: 20px !important;
    color: inherit !important;
}

.mobile-header .msb-theme-toggle:hover,
.mobile-header .msb-theme-toggle:focus-visible {
    background: rgba(30, 215, 96, .15) !important;
    color: var(--primary) !important;
    border-color: transparent !important;
}

html[data-theme="light"] .mobile-header .msb-theme-toggle,
html[data-theme="light"] .mobile-header .mobile-search-btn {
    color: var(--text) !important;
}

html[data-theme="light"] .mobile-header .msb-theme-toggle:hover,
html[data-theme="light"] .mobile-header .mobile-search-btn:hover {
    color: var(--primary) !important;
    background: rgba(16,130,71,.075) !important;
}

@media (max-width: 991px) {
    html[data-theme="light"] body {
        background:
            radial-gradient(circle at 18% 3%, rgba(198,154,93,.065), transparent 23%),
            radial-gradient(circle at 85% 18%, rgba(181,148,102,.04), transparent 21%),
            linear-gradient(180deg, #faf6ef 0%, #f5efe7 100%) !important;
    }

    html[data-theme="light"] body .player-modal .player-modal-playlist,
    html[data-theme="light"] body .player-modal .player-modal-details,
    html[data-theme="light"] body .player-modal .player-modal-lyrics {
        background: rgba(255,251,245,.985) !important;
        box-shadow: 0 -18px 54px rgba(57,46,34,.095) !important;
    }
}

/* ========================================================================
   10.9.48 — Neutral White Day refinement
   Bring the canvas back to clean white/neutral while preserving soft cards,
   gentle depth and the premium surface hierarchy introduced in V2.
   Dark mode remains untouched.
   ======================================================================== */
html[data-theme="light"] {
    --bg-primary: #f8f9f8;
    --bg-secondary: #ffffff;
    --bg-card: rgba(255, 255, 255, .96);
    --bg-elevated: #ffffff;
    --hover: #f1f4f2;
    --primary: #118447;
    --primary-hover: #0d763f;
    --text: #202522;
    --text-sec: #666e69;
    --text-muted: #919893;
    --border: rgba(31, 39, 34, .09);
    --shadow: 0 22px 60px rgba(25, 34, 28, .07), 0 3px 10px rgba(25, 34, 28, .018);
    --shadow-sm: 0 8px 24px rgba(25, 34, 28, .045), 0 1px 4px rgba(25, 34, 28, .014);

    --msb-v2-canvas: #f8f9f8;
    --msb-v2-surface: #fbfcfb;
    --msb-v2-surface-raised: #ffffff;
    --msb-v2-soft: #f2f5f3;
    --msb-v2-soft-2: #e9eeeb;
    --msb-v2-ink: #202522;
    --msb-v2-muted: #666e69;
    --msb-v2-faint: #919893;
    --msb-v2-line: rgba(31, 39, 34, .085);
    --msb-v2-line-strong: rgba(31, 39, 34, .135);
    --msb-v2-accent: #118447;
    --msb-v2-accent-hover: #0d763f;
    --msb-v2-accent-soft: rgba(17, 132, 71, .06);
    --msb-v2-accent-soft-2: rgba(17, 132, 71, .095);
    --msb-v2-warm-soft: rgba(20, 35, 25, .025);
    --msb-v2-shadow-1: 0 10px 28px rgba(25, 34, 28, .045), 0 1px 3px rgba(25, 34, 28, .012);
    --msb-v2-shadow-2: 0 22px 58px rgba(25, 34, 28, .068), 0 3px 10px rgba(25, 34, 28, .018);
    --msb-v2-shadow-hover: 0 17px 40px rgba(25, 34, 28, .085), 0 3px 8px rgba(25, 34, 28, .02);

    --msb-day-canvas: #f8f9f8;
    --msb-day-surface: #fbfcfb;
    --msb-day-surface-raised: #ffffff;
    --msb-day-surface-soft: #f2f5f3;
    --msb-day-line: rgba(31, 39, 34, .085);
    --msb-day-line-strong: rgba(31, 39, 34, .135);
    --msb-day-shadow-1: 0 10px 26px rgba(25, 34, 28, .043), 0 1px 3px rgba(25, 34, 28, .012);
    --msb-day-shadow-2: 0 22px 56px rgba(25, 34, 28, .065), 0 3px 10px rgba(25, 34, 28, .018);
    --msb-day-shadow-hover: 0 17px 38px rgba(25, 34, 28, .08), 0 3px 8px rgba(25, 34, 28, .02);
}

html[data-theme="light"],
html[data-theme="light"] body {
    background: #f8f9f8 !important;
    color: var(--text) !important;
}

/* Shell stays almost white; softness comes from separation, not tint. */
html[data-theme="light"] .desktop-sidebar,
html[data-theme="light"] .mobile-header,
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .new-player {
    background: rgba(255, 255, 255, .955) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--shadow-sm) !important;
}

html[data-theme="light"] .desktop-sidebar {
    box-shadow: -12px 0 38px rgba(25, 34, 28, .045) !important;
}
html[data-theme="light"] .bottom-nav,
html[data-theme="light"] .new-player {
    box-shadow: 0 -10px 30px rgba(25, 34, 28, .05) !important;
}

/* Inputs and utility surfaces: neutral, soft and clearly interactive. */
html[data-theme="light"] .sidebar-search-box,
html[data-theme="light"] .sidebar-search-results,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .search-results-container,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    background: #fbfcfb !important;
    border-color: var(--msb-v2-line) !important;
    color: var(--msb-v2-ink) !important;
}

/* Standard content cards: white with subtle soft falloff, no cream/pink cast. */
html[data-theme="light"] .music-card,
html[data-theme="light"] .app-song-card,
html[data-theme="light"] .app-list-item,
html[data-theme="light"] .album-info-section,
html[data-theme="light"] .lyrics-section,
html[data-theme="light"] .related-section,
html[data-theme="light"] .comments-section,
html[data-theme="light"] .recently-played-section,
html[data-theme="light"] .msb-playlist-card,
html[data-theme="light"] .msb-playlist-row,
html[data-theme="light"] .dashboard-modern .stat-card-modern,
html[data-theme="light"] .dashboard-modern .dashboard-card-modern,
html[data-theme="light"] .dashboard-modern .liked-songs-modern,
html[data-theme="light"] .dashboard-modern .playlists-modern,
html[data-theme="light"] .dashboard-modern .followed-playlists-section,
html[data-theme="light"] .dashboard-modern .dashboard-followed-playlists,
html[data-theme="light"] .dashboard-modern .msb-liked-library,
html[data-theme="light"] body .single-playlist-container .single-playlist-about,
html[data-theme="light"] body .single-playlist-container .single-playlist-songs,
html[data-theme="light"] .msb-watch-page .msb-watch-now,
html[data-theme="light"] .msb-watch-page .msb-watch-caption,
html[data-theme="light"] .msb-watch-page .msb-watch-comments,
html[data-theme="light"] .msb-watch-page .msb-watch-playlist {
    background: linear-gradient(165deg, #ffffff 0%, #fafbfa 100%) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-1) !important;
}

/* Large feature surfaces retain a tiny neutral depth and barely-there green accent. */
html[data-theme="light"] .msb-hero-slider .slider-3d-container,
html[data-theme="light"] .msb-playlist-discovery-home,
html[data-theme="light"] .msb-followed-mix,
html[data-theme="light"] .msb-taste-mix,
html[data-theme="light"] .dashboard-modern .dashboard-hero-modern,
html[data-theme="light"] .artist-header,
html[data-theme="light"] body .single-playlist-container .single-playlist-header,
html[data-theme="light"] .msb-artists-directory .msb-artists-hero,
html[data-theme="light"] .msb-watch-page .msb-watch-header,
html[data-theme="light"] .msb-term-hero {
    background:
        radial-gradient(circle at 88% 8%, rgba(17,132,71,.025), transparent 27%),
        linear-gradient(158deg, #ffffff 0%, #f8faf8 100%) !important;
    border-color: var(--msb-v2-line) !important;
    box-shadow: var(--msb-v2-shadow-2) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card,
html[data-theme="light"] .msb-followed-mix__track,
html[data-theme="light"] .msb-taste-mix__track,
html[data-theme="light"] .dashboard-modern .playlist-row-modern,
html[data-theme="light"] .dashboard-modern .msb-liked-track,
html[data-theme="light"] .dashboard-modern .followed-playlist-item,
html[data-theme="light"] .msb-term-card,
html[data-theme="light"] .msb-term-list-item {
    background: linear-gradient(160deg, #ffffff, #f9fbf9) !important;
    border-color: rgba(31,39,34,.075) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:hover,
html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card:focus-visible,
html[data-theme="light"] .msb-followed-mix__track:hover,
html[data-theme="light"] .msb-taste-mix__track:hover,
html[data-theme="light"] .dashboard-modern .playlist-row-modern:hover,
html[data-theme="light"] .dashboard-modern .msb-liked-track:hover,
html[data-theme="light"] .dashboard-modern .followed-playlist-item:hover,
html[data-theme="light"] .msb-term-card:hover,
html[data-theme="light"] .msb-term-list-item:hover,
html[data-theme="light"] .msb-watch-page .msb-watch-item:hover {
    color: var(--msb-v2-ink) !important;
    background: #f2f6f3 !important;
    border-color: rgba(17,132,71,.14) !important;
    box-shadow: var(--msb-v2-shadow-hover) !important;
}

html[data-theme="light"] .msb-playlist-discovery-home .msb-playlist-discovery-card .mood-icon,
html[data-theme="light"] .followed-mix-icon,
html[data-theme="light"] .taste-mix-icon {
    background: #eef6f0 !important;
    border-color: rgba(17,132,71,.08) !important;
}

/* Keep the mobile player sheets bright and neutral too. */
@media (max-width: 991px) {
    html[data-theme="light"],
    html[data-theme="light"] body {
        background: #f8f9f8 !important;
    }

    html[data-theme="light"] body .player-modal .player-modal-playlist,
    html[data-theme="light"] body .player-modal .player-modal-details,
    html[data-theme="light"] body .player-modal .player-modal-lyrics {
        background: rgba(255,255,255,.988) !important;
        box-shadow: 0 -18px 52px rgba(25,34,28,.075) !important;
    }
}