/*
 * Visitor-owned appearance mode.
 *
 * Light mode is an explicit late layer rather than an image filter or a second
 * template. Artwork and the persistent audio player intentionally keep their
 * established dark presentation for reliable media contrast.
 */

html[data-ofm-color-scheme="light"] {
    color-scheme:light;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route {
    --ofm-light-page:#f7f5ef;
    --ofm-light-surface:#fffdfa;
    --ofm-light-elevated:#efede5;
    --ofm-light-ink:#1d1c18;
    --ofm-light-muted:#625f57;
    --ofm-light-line:rgb(34 31 24 / .16);
    --ofm-light-accent:#d6a20e;
    --ofm-light-accent-ink:#765500;
    --ofm-app-shell-bg:var(--ofm-light-page);
    --ofm-app-shell-surface:var(--ofm-light-surface);
    --ofm-app-shell-elevated:var(--ofm-light-elevated);
    --ofm-app-shell-border:var(--ofm-light-line);
    --ofm-app-shell-text:var(--ofm-light-ink);
    --ofm-app-shell-muted:var(--ofm-light-muted);
    --ofm-app-shell-accent:var(--ofm-light-accent-ink);
    background:var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

/* Appearance control — this is intentionally usable in the existing mobile
   menu without adding a popup or a separate account preference. */
body.ofm-app-route .ofm-site-nav__appearance {
    display:flex;
    min-inline-size:0;
    align-items:center;
}

body.ofm-app-route .ofm-site-nav__appearance select {
    min-block-size:34px;
    min-inline-size:74px;
    box-sizing:border-box;
    padding:6px 28px 6px 10px;
    border:1px solid rgb(255 255 255 / .16);
    border-radius:999px;
    background:#17191d;
    color:#f7f4eb;
    font:inherit;
    font-size:.75rem;
    font-weight:780;
    line-height:1.1;
    cursor:pointer;
}

body.ofm-app-route .ofm-site-nav__appearance select:hover {
    border-color:rgb(244 196 48 / .62);
}

body.ofm-app-route .ofm-site-nav__appearance select:focus-visible {
    outline:2px solid var(--ofm-app-shell-accent,#f4c430);
    outline-offset:2px;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav__appearance select {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #header.ofm-app-shell__header {
    border-bottom-color:var(--ofm-light-line);
    background:linear-gradient(180deg,rgb(255 253 250 / .98),rgb(247 245 239 / .96));
    box-shadow:0 12px 30px rgb(55 48 31 / .08);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-app-shell__brand {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-app-shell__brand-mark {
    border-color:rgb(118 85 0 / .62);
    background:rgb(214 162 14 / .13);
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-app-shell__brand:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-app-shell__brand:focus-visible {
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav__list > li > a {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav__list > li > a:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav__list > li > a:focus-visible {
    border-color:var(--ofm-light-line);
    background:rgb(118 85 0 / .07);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav :is(
    .ofm-member-profile-control,
    .ofm-logout-control,
    .ofm-explore-control,
    .ofm-billboard-control,
    .ofm-insights-control,
    .ofm-controller-dashboard-control,
    .ofm-notifications-control,
    .ofm-following-control
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav :is(
    .ofm-member-profile-control,
    .ofm-logout-control,
    .ofm-explore-control,
    .ofm-billboard-control,
    .ofm-insights-control,
    .ofm-controller-dashboard-control,
    .ofm-notifications-control,
    .ofm-following-control
):hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav :is(
    .ofm-member-profile-control,
    .ofm-logout-control,
    .ofm-explore-control,
    .ofm-billboard-control,
    .ofm-insights-control,
    .ofm-controller-dashboard-control,
    .ofm-notifications-control,
    .ofm-following-control
):focus-visible {
    border-color:rgb(118 85 0 / .28);
    background:rgb(118 85 0 / .08);
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav .ofm-following-control__mark {
    border-color:rgb(118 85 0 / .62);
    background:rgb(214 162 14 / .14);
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav .ofm-notifications-control__badge {
    border-color:#fffdfa;
    background:var(--ofm-light-accent);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav .ofm-listener-menu-item.no-ajax > a {
    border-color:rgb(118 85 0 / .48);
    background:rgb(214 162 14 / .13);
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav .ofm-listener-menu-item.no-ajax > a:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav .ofm-listener-menu-item.no-ajax > a:focus-visible {
    border-color:var(--ofm-light-accent-ink);
    background:rgb(214 162 14 / .23);
    color:#493600;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content.ofm-app-shell__content,
html[data-ofm-color-scheme="light"] body.ofm-standalone-theme {
    background:var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #footer.ofm-app-shell__footer {
    border-top-color:var(--ofm-light-line);
    background:#efede5;
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-app-shell__footer-brand {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-app-shell__footer-brand:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-app-shell__footer-brand:focus-visible {
    color:var(--ofm-light-accent-ink);
}

/* Homepage and public discovery. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-home,
    [data-ofm-home-discovery],
    .ofm-home-discovery,
    .ofm-home-rails,
    .ofm-listener-home,
    .ofm-explore,
    [data-ofm-public-catalogue],
    [data-ofm-public-playlist-archive],
    [data-ofm-public-search],
    .ofm-public-profile,
    main.ofm-public-page.ofm-public-page--billboard,
    .ofm-public-disclosure
) {
    background-color:var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-home-discovery__intro h1,
    .ofm-home-discovery__section-title,
    .ofm-listener-home__hero h1,
    .ofm-listener-home__section-heading h2,
    .ofm-explore__hero h1,
    .ofm-explore__section h2,
    .ofm-public-profile__hero h1,
    .ofm-public-profile__catalogue h2,
    .ofm-public-page h1,
    .ofm-public-page h2
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-home-discovery__lede,
    .ofm-home-discovery__artist-path,
    .ofm-listener-home__hero p,
    .ofm-listener-home__card-detail,
    .ofm-explore__hero-copy > p,
    .ofm-public-profile__hero-copy,
    .ofm-public-disclosure
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-home-discovery__spotlight,
    .ofm-home-discovery__empty-spotlight,
    .ofm-home-rail-card,
    .ofm-home-rail-card__body,
    .ofm-home-genre-card,
    .ofm-listener-home__section,
    .ofm-listener-home__card,
    .ofm-listener-home__empty,
    .ofm-listener-home__shortcut,
    .ofm-explore__section,
    .ofm-explore__genre-card,
    .ofm-explore-card,
    .ofm-explore-profile,
    .ofm-explore__empty,
    .ofm-public-profile__hero,
    .ofm-public-profile__catalogue,
    .ofm-public-profile__metric,
    .ofm-public-profile__empty,
    .ofm-public-profile-card,
    .ofm-public-playlist-related-card
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    box-shadow:0 14px 30px rgb(43 35 19 / .06);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-listener-home {
    --ofm-home-line:var(--ofm-light-line);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-explore {
    --ofm-explore-ink:var(--ofm-light-ink);
    --ofm-explore-muted:var(--ofm-light-muted);
    --ofm-explore-panel:#fffdfa;
    --ofm-explore-panel-strong:#efede5;
    --ofm-explore-line:var(--ofm-light-line);
    --ofm-explore-accent:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-explore__search,
    .ofm-explore__tabs a,
    .ofm-home-discovery__secondary,
    .ofm-home-discovery__artist-path,
    .ofm-listener-home__section-link
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-accent-ink);
}

/* Shared release cards retain their existing artwork treatment but use a
   readable light card body and darker gold for labels and links. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-release-card].ofm-release-card,
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-profile__release-grid [data-ofm-release-card],
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-public-catalogue] .ofm-public-catalogue__release > [data-ofm-release-card],
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-public-search] .ofm-public-search__release > [data-ofm-release-card] {
    --ofm-release-card-accent:var(--ofm-light-accent-ink);
    --ofm-release-card-ink:var(--ofm-light-ink);
    --ofm-release-card-muted:var(--ofm-light-muted);
    --ofm-release-card-surface:#fffdfa;
    --ofm-release-card-line:var(--ofm-light-line);
    --ofm-release-card-shadow:0 12px 28px rgb(43 35 19 / .06);
    --ofm-release-card-hover-shadow:0 16px 34px rgb(43 35 19 / .12);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-release-card__detail,
    .ofm-release-card__genre,
    .ofm-release-card__placeholder
) {
    color:var(--ofm-light-muted);
}

/* Long-form public pages. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-content-root] :is(
    .ofm-content-document__article,
    [data-ofm-content-surface]
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-content-root] :is(
    h1,h2,h3,h4,h5,h6,strong,th
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-content-root] :is(
    p,li,td,figcaption,caption,blockquote
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-content-root] :is(
    a,blockquote cite
) {
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-content-root] :is(
    table,th,td,blockquote,pre,code
) {
    border-color:var(--ofm-light-line);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-content-root] :is(pre,code) {
    background:#efede5;
    color:var(--ofm-light-ink);
}

/* Private workspaces use the same restrained surfaces without changing their
   routes, permissions, form names, or working actions. */
html[data-ofm-color-scheme="light"] body:is(
    .ofm-app-route--private,
    .ofm-app-route--access,
    .ofm-app-route--password-reset,
    .ofm-app-route--email-change
) #content :is(
    .ofm-account,
    .ofm-member-profile,
    .ofm-library,
    .ofm-following-feed,
    .ofm-artist-studio,
    .ofm-editor-review-portal,
    .ofm-controller-dashboard,
    .ofm-notifications,
    .ofm-insights
) {
    background:var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body:is(
    .ofm-app-route--private,
    .ofm-app-route--access,
    .ofm-app-route--password-reset,
    .ofm-app-route--email-change
) #content :is(
    .ofm-account__panel,
    .ofm-member-profile__panel,
    .ofm-library__empty,
    .ofm-library__panel,
    .ofm-artist-studio__panel,
    .ofm-artist-studio__submissions,
    .ofm-artist-studio__locked,
    .ofm-artist-studio__submission,
    .ofm-editor-review-portal__card,
    .ofm-controller-dashboard__section,
    .ofm-controller-dashboard__desk-item,
    .ofm-controller-dashboard__directory-section,
    .ofm-controller-dashboard__operation,
    .ofm-notifications__panel,
    .ofm-notifications__item,
    .ofm-notifications__preference,
    .ofm-insights__panel,
    .ofm-insights__metric,
    .ofm-insights__signal,
    .ofm-following-feed__panel,
    .ofm-following-feed__card,
    .ofm-following-feed__empty,
    .ofm-action-centre,
    .ofm-action-centre__list a
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
    box-shadow:0 12px 28px rgb(43 35 19 / .05);
}

html[data-ofm-color-scheme="light"] body:is(
    .ofm-app-route--private,
    .ofm-app-route--access,
    .ofm-app-route--password-reset,
    .ofm-app-route--email-change
) #content :is(
    .ofm-account,
    .ofm-member-profile,
    .ofm-library,
    .ofm-following-feed,
    .ofm-artist-studio,
    .ofm-editor-review-portal,
    .ofm-controller-dashboard,
    .ofm-notifications,
    .ofm-insights
) :is(h1,h2,h3,h4,strong,label,legend) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body:is(
    .ofm-app-route--private,
    .ofm-app-route--access,
    .ofm-app-route--password-reset,
    .ofm-app-route--email-change
) #content :is(
    .ofm-account,
    .ofm-member-profile,
    .ofm-library,
    .ofm-following-feed,
    .ofm-artist-studio,
    .ofm-editor-review-portal,
    .ofm-controller-dashboard,
    .ofm-notifications,
    .ofm-insights
) :is(p:not([role="status"]):not([role="alert"]),small,dt,dd,.ofm-muted) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body:is(
    .ofm-app-route--private,
    .ofm-app-route--access,
    .ofm-app-route--password-reset,
    .ofm-app-route--email-change
) #content :is(
    .ofm-account,
    .ofm-member-profile,
    .ofm-library,
    .ofm-following-feed,
    .ofm-artist-studio,
    .ofm-editor-review-portal,
    .ofm-controller-dashboard,
    .ofm-notifications,
    .ofm-insights
) :is(a,.ofm-eyebrow) {
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body:is(
    .ofm-app-route--private,
    .ofm-app-route--access,
    .ofm-app-route--password-reset,
    .ofm-app-route--email-change
) #content :is(
    .ofm-account,
    .ofm-member-profile,
    .ofm-library,
    .ofm-following-feed,
    .ofm-artist-studio,
    .ofm-editor-review-portal,
    .ofm-controller-dashboard,
    .ofm-notifications,
    .ofm-insights
) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body:is(
    .ofm-app-route--private,
    .ofm-app-route--access,
    .ofm-app-route--password-reset,
    .ofm-app-route--email-change
) #content :is(
    .ofm-account,
    .ofm-member-profile,
    .ofm-library,
    .ofm-following-feed,
    .ofm-artist-studio,
    .ofm-editor-review-portal,
    .ofm-controller-dashboard,
    .ofm-notifications,
    .ofm-insights
) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
):focus {
    outline-color:var(--ofm-light-accent-ink);
}

@media (max-width:1024px) {
    body.ofm-app-route .ofm-site-nav__appearance {
        grid-column:span 2;
        width:100%;
    }

    body.ofm-app-route .ofm-site-nav__appearance select {
        width:100%;
        min-block-size:44px;
        padding-inline:14px 34px;
        border-radius:10px;
    }

    html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav.is-ready .ofm-site-nav__toggle {
        border-color:var(--ofm-light-line);
        background:#fffdfa;
        color:var(--ofm-light-ink);
    }

    html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav.is-ready .ofm-site-nav__list {
        border-color:var(--ofm-light-line);
        background:rgb(255 253 250 / .99);
        box-shadow:0 22px 44px rgb(55 48 31 / .16);
    }
}

@media (prefers-reduced-motion:reduce) {
    body.ofm-app-route .ofm-site-nav__appearance select {
        transition:none;
    }
}


/* Competition detail routes: light surfaces and compact appearance control.
   Competition Hub owns a dark route background, so these scoped overrides keep
   Light mode coherent without changing the global media player. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content main.ofm-public-page.ofm-public-page--competitions {
    background:
        radial-gradient(760px 460px at 102% -9%,rgb(214 162 14 / .12),transparent 70%),
        radial-gradient(680px 440px at -8% 24%,rgb(118 85 0 / .05),transparent 72%),
        var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub {
    --ofm-competition-accent:var(--ofm-light-accent);
    --ofm-competition-ink:var(--ofm-light-ink);
    --ofm-competition-muted:var(--ofm-light-muted);
    --ofm-competition-line:var(--ofm-light-line);
    --ofm-competition-panel:linear-gradient(145deg,#fffdfa,#f1eee6);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__hero-note,
    .ofm-competition-hub__campaign-card,
    .ofm-competition-hub__detail-facts article,
    .ofm-competition-hub__rounds li,
    .ofm-competition-hub__match,
    .ofm-competition-hub__match > div,
    .ofm-competition-hub__entry,
    .ofm-competition-hub__empty,
    .ofm-competition-hub__unavailable,
    .ofm-competition-hub__join-panel,
    .ofm-competition-hub__official-beat,
    .ofm-competition-hub__join-steps li,
    .ofm-competition-hub__standings-locked,
    .ofm-competition-hub__entry-form,
    .ofm-competition-hub__entry-terms,
    .ofm-competition-hub__entry-status-copy,
    .ofm-competition-hub__entry-return-note,
    .ofm-competition-hub__lifecycle-round,
    .ofm-competition-hub__bracket-stage,
    .ofm-competition-hub__bracket-match,
    .ofm-competition-hub__bracket-pending,
    .ofm-competition-hub__bracket-empty,
    .ofm-competition-hub__public-standings-table-wrap,
    .ofm-competition-hub__battle-billboard-row,
    .ofm-competition-hub__battle-billboard-rank,
    .ofm-competition-hub__battle-billboard-scores,
    .ofm-competition-hub__battle-billboard-scores div,
    .ofm-competition-hub__battle-billboard-stat
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    box-shadow:0 12px 28px rgb(43 35 19 / .06);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__hero h1,
    .ofm-competition-hub__archive-hero h1,
    .ofm-competition-hub__unavailable h1,
    .ofm-competition-hub__detail-copy h1,
    .ofm-competition-hub__section-heading h2,
    .ofm-competition-hub__campaign-copy h3,
    .ofm-competition-hub__detail-facts strong,
    .ofm-competition-hub__rounds strong,
    .ofm-competition-hub__match b,
    .ofm-competition-hub__entry-copy h3,
    .ofm-competition-hub__empty h2,
    .ofm-competition-hub__join-panel h2,
    .ofm-competition-hub__official-beat h2,
    .ofm-competition-hub__join-steps strong,
    .ofm-competition-hub__entry-form-heading strong,
    .ofm-competition-hub__battle-billboard-copy h3,
    .ofm-competition-hub__bracket-stage-header h3,
    .ofm-competition-hub__public-standings-performance-link strong,
    .ofm-competition-hub__lifecycle h2,
    .ofm-competition-hub__champion h2,
    .ofm-competition-hub__lifecycle-round strong,
    .ofm-competition-hub__bracket-contestants strong,
    .ofm-competition-hub__bracket-result strong
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__hero > div > p:not(.ofm-eyebrow),
    .ofm-competition-hub__archive-hero p:not(.ofm-eyebrow),
    .ofm-competition-hub__unavailable p:not(.ofm-eyebrow),
    .ofm-competition-hub__detail-description,
    .ofm-competition-hub__section-heading > p,
    .ofm-competition-hub__campaign-summary,
    .ofm-competition-hub__detail-facts p,
    .ofm-competition-hub__entry-copy p,
    .ofm-competition-hub__entry-copy small,
    .ofm-competition-hub__join-panel > div > p:not(.ofm-eyebrow),
    .ofm-competition-hub__official-beat-copy > p:not(.ofm-eyebrow),
    .ofm-competition-hub__join-steps small,
    .ofm-competition-hub__entry-field em,
    .ofm-competition-hub__entry-field small,
    .ofm-competition-hub__entry-check,
    .ofm-competition-hub__entry-consent-note,
    .ofm-competition-hub__public-standings-performance-link small,
    .ofm-competition-hub__public-standings-score,
    .ofm-competition-hub__battle-billboard-copy p,
    .ofm-competition-hub__battle-billboard-meta small,
    .ofm-competition-hub__bracket-contestants small,
    .ofm-competition-hub__bracket-pending,
    .ofm-competition-hub__bracket-empty
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__crumb {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__detail-status-row .ofm-competition-hub__campaign-status {
    border-color:var(--ofm-light-line);
    background:var(--ofm-light-elevated);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-eyebrow,
    .ofm-competition-hub__detail-season,
    .ofm-competition-hub__detail-sponsor,
    .ofm-competition-hub__detail-rules a,
    .ofm-competition-hub__entry-terms summary,
    .ofm-competition-hub__entry-terms a,
    .ofm-competition-hub__entry-form-heading a,
    .ofm-competition-hub__campaign-link,
    .ofm-competition-hub__crumb a
) {
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__time > span,
    .ofm-competition-hub__detail-facts span,
    .ofm-competition-hub__campaign-kicker,
    .ofm-competition-hub__entry-status-eyebrow,
    .ofm-competition-hub__battle-billboard-stat dt,
    .ofm-competition-hub__battle-billboard-scores dt,
    .ofm-competition-hub__public-standings-table thead th
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__date,
    .ofm-competition-hub__battle-billboard-stat dd,
    .ofm-competition-hub__battle-billboard-scores dd,
    .ofm-competition-hub__public-standings-rating,
    .ofm-competition-hub__public-standings-position
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__section + .ofm-competition-hub__section {
    border-block-start-color:var(--ofm-light-line);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__tabs a {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__tabs a:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__tabs a:focus-visible {
    border-color:rgb(118 85 0 / .45);
    background:rgb(214 162 14 / .1);
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__tabs a.is-active {
    border-color:var(--ofm-light-accent);
    background:var(--ofm-light-accent);
    color:#302400;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__entry-field input[type="text"],
    .ofm-competition-hub__entry-field input[type="file"]
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__entry-field input[type="file"]::file-selector-button {
    border-color:rgb(118 85 0 / .42);
    background:rgb(214 162 14 / .13);
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__lifecycle,
    .ofm-competition-hub__champion,
    .ofm-competition-hub__entry-notice,
    .ofm-competition-hub__entry-status
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__lifecycle > div > p:last-child,
    .ofm-competition-hub__champion-summary
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__hero-note strong,
    .ofm-competition-hub__campaign-season,
    .ofm-competition-hub__campaign-stage
) {
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__hero-note span,
    .ofm-competition-hub__entry-field span
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__public-standings-table {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__public-standings-table :is(th,td) {
    border-block-end-color:var(--ofm-light-line);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__public-standings-cover-fallback {
    background:var(--ofm-light-elevated);
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__campaign-status.is-open,
    .ofm-competition-hub__entry-status.is-action
) {
    border-color:rgb(118 85 0 / .42);
    background:#fff5d6;
    color:#765500;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__campaign-status.is-live,
    .ofm-competition-hub__entry-notice.is-success,
    .ofm-competition-hub__entry-status.is-ready
) {
    border-color:rgb(20 108 67 / .38);
    background:#e9f7ed;
    color:#146c43;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__campaign-status.is-results,
    .ofm-competition-hub__lifecycle.is-phase-results
) {
    border-color:rgb(97 64 161 / .35);
    background:#f1ebff;
    color:#6140a1;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__campaign-status.is-closed,
    .ofm-competition-hub__entry-status.is-closed
) {
    border-color:rgb(145 74 18 / .36);
    background:#fff0df;
    color:#914a12;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__campaign-status.is-phase-qualification,
    .ofm-competition-hub__lifecycle.is-phase-qualification
) {
    border-color:rgb(21 94 138 / .34);
    background:#eaf5fc;
    color:#155e8a;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub__entry-notice.is-error {
    border-color:rgb(162 46 37 / .42);
    background:#ffebe8;
    color:#a22e25;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-hub :is(
    .ofm-competition-hub__entry-status.is-ready,
    .ofm-competition-hub__entry-status.is-action,
    .ofm-competition-hub__entry-status.is-closed
) :is(strong,b,span,p) {
    color:inherit;
}

/* On desktop the preference picker stays visible but deliberately quiet.
   The 44px mobile control above is retained for normal touch targets. */
@media (min-width:1025px) {
    body.ofm-app-route .ofm-site-nav__appearance select {
        min-block-size:29px;
        min-inline-size:86px;
        padding:3px 20px 3px 7px;
        border-color:transparent;
        border-radius:8px;
        background:transparent;
        box-shadow:none;
        font-size:.68rem;
        font-weight:760;
        letter-spacing:.01em;
    }

    body.ofm-app-route .ofm-site-nav__appearance select:hover {
        border-color:rgb(244 196 48 / .38);
        background:rgb(244 196 48 / .06);
    }

    html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-site-nav__appearance select:hover {
        border-color:rgb(118 85 0 / .28);
        background:rgb(118 85 0 / .05);
    }
}

/* Site-wide Light coverage: explicit route and workspace surfaces.
   This late layer deliberately changes page-owned surfaces only. Artwork,
   waveform decks, dialogs used for media, and the persistent player retain
   their established dark treatment for reliable playback contrast. */

/* Route ground. Several public routes own opaque dark gradients with
   background shorthand, so background-color alone cannot make Light mode
   visible. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-home,
    [data-ofm-home-discovery],
    .ofm-listener-home,
    .ofm-explore,
    [data-ofm-public-catalogue],
    [data-ofm-public-search],
    .ofm-public-profile,
    main.ofm-public-page.ofm-public-page--billboard,
    [data-ofm-public-playlist-archive],
    main.ofm-public-playlist-page,
    [data-ofm-station-root].ofm-station-page,
    [data-ofm-station-download-page],
    .ofm-station-download-page,
    main[data-ofm-fallback-route]
) {
    background:var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

/* Homepage. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] {
    background:
        radial-gradient(980px 540px at 88% -12%,rgb(214 162 14 / .13),transparent 66%),
        var(--ofm-light-page);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] .ofm-home-discovery {
    background:
        linear-gradient(105deg,rgb(255 253 250 / .98),rgb(247 245 239 / .93)),
        radial-gradient(540px 430px at 80% 45%,rgb(214 162 14 / .12),transparent 72%);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] :is(
    .ofm-home-discovery__intro h1,
    .ofm-home-discovery__spotlight h2,
    .ofm-home-rails__heading h2,
    .ofm-home-rails__section-heading h2,
    .ofm-home-rails__section h3,
    .ofm-home-rail-card__body h3 a,
    .ofm-home-genre-card strong
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] :is(
    .ofm-home-discovery__lede,
    .ofm-home-discovery__artist-path,
    .ofm-home-discovery__spotlight .ofm-release-card__artist,
    .ofm-home-rail-card__body p,
    .ofm-home-genre-card small,
    .ofm-home-rails__section-lede
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] :is(
    .ofm-home-discovery__spotlight,
    .ofm-home-discovery__empty-spotlight,
    .ofm-home-rail-card,
    .ofm-home-rail-card__body,
    .ofm-home-genre-card,
    .ofm-home-rails__empty
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    box-shadow:0 14px 30px rgb(43 35 19 / .06);
    color:var(--ofm-light-ink);
}

/* Public discovery, search, artist pages, charts, mixes, and downloads. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-public-catalogue] {
    background:
        radial-gradient(54% 42% at 2% 0%,rgb(214 162 14 / .12),transparent 74%),
        radial-gradient(48% 40% at 100% 7%,rgb(104 70 132 / .06),transparent 74%),
        var(--ofm-light-page);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-public-search] {
    background:
        radial-gradient(58% 42% at 4% 0%,rgb(214 162 14 / .11),transparent 73%),
        radial-gradient(48% 44% at 96% 3%,rgb(89 99 158 / .06),transparent 74%),
        var(--ofm-light-page);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-profile {
    background:
        radial-gradient(66% 45% at 8% 0%,rgb(214 162 14 / .11),transparent 72%),
        radial-gradient(42% 38% at 96% 7%,rgb(126 88 168 / .06),transparent 74%),
        var(--ofm-light-page);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content main.ofm-public-page.ofm-public-page--billboard {
    background:
        radial-gradient(840px 460px at 94% -10%,rgb(214 162 14 / .13),transparent 70%),
        radial-gradient(620px 410px at 3% 36%,rgb(108 81 214 / .05),transparent 72%),
        var(--ofm-light-page);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content main.ofm-public-playlist-page {
    background:
        radial-gradient(circle at 82% 3%,rgb(214 162 14 / .11),transparent 31%),
        var(--ofm-light-page);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    [data-ofm-public-playlist-archive],
    [data-ofm-station-download-page],
    .ofm-station-download-page,
    main[data-ofm-fallback-route]
) {
    background:
        radial-gradient(760px 420px at 90% -7%,rgb(214 162 14 / .10),transparent 70%),
        var(--ofm-light-page);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    [data-ofm-public-catalogue] .ofm-public-catalogue__empty,
    [data-ofm-public-catalogue] .ofm-releases-archive__empty,
    [data-ofm-public-search] .ofm-public-search__form,
    [data-ofm-public-search] .ofm-public-search__summary,
    [data-ofm-public-search] .ofm-public-search__tabs,
    [data-ofm-public-search] .ofm-public-search__empty,
    [data-ofm-public-search] .ofm-public-search__mix,
    [data-ofm-public-search] .ofm-public-search__profile,
    .ofm-public-profile__hero,
    .ofm-public-profile__catalogue,
    .ofm-public-profile__metric,
    .ofm-public-profile__empty,
    .ofm-public-profile-card,
    .ofm-public-page--billboard .ofm-public-disclosure,
    .ofm-public-playlist-detail__hero,
    .ofm-public-playlist-detail__facts > div,
    .ofm-public-playlist-detail__tracks,
    .ofm-public-playlist-detail__related,
    .ofm-public-playlist-related-card,
    [data-ofm-public-playlist-archive] .ofm-public-playlist-archive__empty,
    [data-ofm-public-playlist-archive] .ofm-public-playlist-archive__intro,
    [data-ofm-station-download-page] .ofm-station-download__hero,
    [data-ofm-station-download-page] .ofm-station-download__not-found,
    [data-ofm-station-download-page] .ofm-station-download__unavailable,
    [data-ofm-station-download-page] .ofm-station-download-gate,
    [data-ofm-station-download-page] .ofm-station-download__request,
    main[data-ofm-fallback-route] .ofm-fallback-route__surface,
    main[data-ofm-fallback-route] .ofm-fallback-route__entry,
    main[data-ofm-fallback-route] .ofm-fallback-route__empty
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    box-shadow:0 14px 30px rgb(43 35 19 / .06);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-profile__hero,
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-playlist-detail__hero {
    background:linear-gradient(125deg,#fffdfa,#f2efe7 58%,#f8f0d5);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    [data-ofm-public-catalogue] .ofm-public-catalogue__heading h1,
    [data-ofm-public-catalogue] .ofm-releases-archive__intro h1,
    [data-ofm-public-search] .ofm-public-search__hero h1,
    [data-ofm-public-search] .ofm-public-search__section-heading h2,
    .ofm-public-profile__hero h1,
    .ofm-public-profile__catalogue h2,
    .ofm-public-profile-card h3,
    .ofm-public-page--billboard .ofm-billboard__hero h1,
    .ofm-public-page--billboard .ofm-billboard__section h2,
    .ofm-public-page--billboard .ofm-public-disclosure__summary strong,
    .ofm-public-playlist-detail__body h1,
    .ofm-public-playlist-detail__tracks h2,
    .ofm-public-playlist-detail__related h2,
    .ofm-public-playlist-related-card h3,
    [data-ofm-public-playlist-archive] .ofm-public-playlist-archive__heading h1,
    [data-ofm-station-download-page] .ofm-station-download__hero h1,
    [data-ofm-station-download-page] .ofm-station-download__tracks h2,
    main[data-ofm-fallback-route] .ofm-fallback-route__header h1
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    [data-ofm-public-catalogue] .ofm-public-catalogue__heading p,
    [data-ofm-public-catalogue] .ofm-releases-archive__intro p,
    [data-ofm-public-search] .ofm-public-search__hero p,
    [data-ofm-public-search] .ofm-public-search__section-heading p,
    [data-ofm-public-search] .ofm-public-search__summary p,
    .ofm-public-profile__hero-copy,
    .ofm-public-profile-card p,
    .ofm-public-page--billboard .ofm-public-disclosure__body,
    .ofm-public-playlist-detail__owner,
    .ofm-public-playlist-detail__owner small,
    .ofm-public-playlist-detail__owner em,
    [data-ofm-public-playlist-archive] .ofm-public-playlist-archive__intro p,
    [data-ofm-station-download-page] .ofm-station-download__hero p,
    [data-ofm-station-download-page] .ofm-station-download__request p,
    main[data-ofm-fallback-route] .ofm-fallback-route__header p
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    [data-ofm-public-search] input,
    [data-ofm-public-search] select,
    [data-ofm-public-search] textarea,
    [data-ofm-station-download-page] input,
    [data-ofm-station-download-page] select,
    [data-ofm-station-download-page] textarea
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-page--billboard .ofm-public-disclosure[open] > .ofm-public-disclosure__summary {
    border-block-end-color:var(--ofm-light-line);
}

/* Admin Control Center. The feature switchboard and typography controls have
   their own dark panels, so they need explicit surfaces instead of relying on
   the surrounding dashboard. */
html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-dashboard,
    .ofm-controller-features,
    .ofm-controller-font-theme,
    .ofm-controller-content,
    .ofm-controller-users,
    .ofm-controller-activity,
    .ofm-controller-release-history,
    .ofm-controller-home-featured,
    .ofm-controller-homepage-editor,
    .ofm-controller-queue,
    .ofm-controller-download-availability,
    .ofm-controller-download-gate,
    .ofm-campaign-kit
) {
    background:var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-dashboard__section,
    .ofm-controller-dashboard__desk-item,
    .ofm-controller-dashboard__directory-section,
    .ofm-controller-dashboard__directory-group,
    .ofm-controller-dashboard__directory-link,
    .ofm-controller-dashboard__operation,
    .ofm-controller-dashboard__review-health,
    .ofm-controller-dashboard__review-health-metric,
    .ofm-controller-dashboard__review-health-recent li,
    .ofm-controller-features,
    .ofm-controller-features__disclosure,
    .ofm-controller-features__row,
    .ofm-controller-features__unavailable,
    .ofm-controller-font-theme,
    .ofm-controller-font-theme__form,
    .ofm-controller-content,
    .ofm-controller-content__row,
    .ofm-controller-content__metadata,
    .ofm-controller-users,
    .ofm-controller-users__disclosure,
    .ofm-controller-users__row,
    .ofm-controller-users__requests,
    .ofm-controller-activity,
    .ofm-controller-activity__disclosure,
    .ofm-controller-activity__event,
    .ofm-controller-release-history,
    .ofm-controller-release-history__row,
    .ofm-controller-release-history__filters,
    .ofm-controller-release-history__results,
    .ofm-controller-home-featured,
    .ofm-controller-home-featured__disclosure,
    .ofm-controller-homepage-editor,
    .ofm-controller-homepage-editor__disclosure,
    .ofm-controller-homepage-editor__section-copy,
    .ofm-controller-homepage-editor__share-image,
    .ofm-controller-queue,
    .ofm-controller-queue__disclosure,
    .ofm-controller-queue__row,
    .ofm-controller-download-availability,
    .ofm-controller-download-gate,
    .ofm-campaign-kit__section,
    .ofm-campaign-kit__card,
    .ofm-campaign-kit__details,
    .ofm-campaign-kit__offer-details,
    .ofm-campaign-kit__delivery-item
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    box-shadow:0 12px 28px rgb(43 35 19 / .05);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-features__disclosure,
    .ofm-controller-users__disclosure,
    .ofm-controller-activity__disclosure,
    .ofm-controller-queue__disclosure,
    .ofm-controller-home-featured__disclosure,
    .ofm-controller-homepage-editor__disclosure
) > summary {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-features__disclosure,
    .ofm-controller-users__disclosure,
    .ofm-controller-activity__disclosure,
    .ofm-controller-queue__disclosure,
    .ofm-controller-home-featured__disclosure,
    .ofm-controller-homepage-editor__disclosure
)[open] > summary {
    border-bottom-color:var(--ofm-light-line);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-dashboard__section-heading h2,
    .ofm-controller-dashboard__directory-link strong,
    .ofm-controller-dashboard__operation-copy strong,
    .ofm-controller-dashboard__review-health h2,
    .ofm-controller-dashboard__review-health-metric strong,
    .ofm-controller-features__heading h2,
    .ofm-controller-features__row strong,
    .ofm-controller-font-theme__heading h2,
    .ofm-controller-content__heading h2,
    .ofm-controller-content__row strong,
    .ofm-controller-users__heading h2,
    .ofm-controller-users__row strong,
    .ofm-controller-activity__heading h2,
    .ofm-controller-release-history__heading h2,
    .ofm-controller-release-history__row strong,
    .ofm-controller-home-featured__heading h2,
    .ofm-controller-homepage-editor__heading h2,
    .ofm-controller-queue__heading h2,
    .ofm-campaign-kit__heading h1,
    .ofm-campaign-kit__section h2,
    .ofm-campaign-kit__card h3
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-dashboard__directory-link small,
    .ofm-controller-dashboard__operation-copy p,
    .ofm-controller-dashboard__review-health-intro,
    .ofm-controller-features__copy small,
    .ofm-controller-font-theme__intro,
    .ofm-controller-font-theme__preview span,
    .ofm-controller-content__copy p,
    .ofm-controller-users__scope,
    .ofm-controller-activity__copy p,
    .ofm-controller-release-history__intro,
    .ofm-controller-home-featured__intro,
    .ofm-controller-home-featured__hint,
    .ofm-controller-homepage-editor__intro,
    .ofm-controller-homepage-editor__share-copy,
    .ofm-controller-queue__intro,
    .ofm-campaign-kit__copy p,
    .ofm-campaign-kit__delivery-copy p
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-dashboard,
    .ofm-controller-features,
    .ofm-controller-font-theme,
    .ofm-controller-content,
    .ofm-controller-users,
    .ofm-controller-activity,
    .ofm-controller-release-history,
    .ofm-controller-home-featured,
    .ofm-controller-homepage-editor,
    .ofm-controller-queue,
    .ofm-controller-download-availability,
    .ofm-controller-download-gate,
    .ofm-campaign-kit
) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

/* Competition desks and review. Operational state colours stay intact; this
   only changes the neutral page, form, card, and table surfaces. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-competition-admin,
    .ofm-competition-review
) {
    background:
        radial-gradient(780px 440px at 94% -8%,rgb(214 162 14 / .10),transparent 70%),
        var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-competition-admin__panel,
    .ofm-competition-admin__workspace-section,
    .ofm-competition-admin__campaign-card,
    .ofm-competition-admin__lifecycle-panel,
    .ofm-competition-admin__bracket-panel,
    .ofm-competition-admin__bracket-stage,
    .ofm-competition-admin__bracket-match,
    .ofm-competition-admin__scoreboard,
    .ofm-competition-admin__scoreboard-table-wrap,
    .ofm-competition-admin__standings,
    .ofm-competition-admin__standings-table-wrap,
    .ofm-competition-admin__setup-section,
    .ofm-competition-admin__season-control,
    .ofm-competition-admin__entry-row,
    .ofm-competition-admin__empty-state,
    .ofm-competition-admin__title-panel,
    .ofm-competition-review__card,
    .ofm-competition-review__body,
    .ofm-competition-review__form,
    .ofm-competition-review__rating-grid,
    .ofm-competition-review__score-row,
    .ofm-competition-review__empty
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    box-shadow:0 12px 28px rgb(43 35 19 / .05);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-competition-admin__hero h1,
    .ofm-competition-admin__panel-heading h2,
    .ofm-competition-admin__workspace-section h2,
    .ofm-competition-admin__campaign-title,
    .ofm-competition-admin__entry-summary strong,
    .ofm-competition-admin__setup-section h3,
    .ofm-competition-admin__scoreboard-heading h2,
    .ofm-competition-admin__standings h2,
    .ofm-competition-review__hero h1,
    .ofm-competition-review__card-heading h2,
    .ofm-competition-review__rating-label,
    .ofm-competition-review__rubric-heading
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-competition-admin__panel-intro,
    .ofm-competition-admin__campaign-summary,
    .ofm-competition-admin__field-note,
    .ofm-competition-admin__entry-readiness-note,
    .ofm-competition-admin__empty-copy,
    .ofm-competition-review__hero p,
    .ofm-competition-review__meta,
    .ofm-competition-review__listen-copy,
    .ofm-competition-review__track-private
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-competition-admin,
    .ofm-competition-review
) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-admin :is(
    .ofm-competition-admin__scoreboard-table,
    .ofm-competition-admin__standings-table,
    .ofm-competition-admin__qualification-table
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-competition-admin :is(
    .ofm-competition-admin__scoreboard-table th,
    .ofm-competition-admin__scoreboard-table td,
    .ofm-competition-admin__standings-table th,
    .ofm-competition-admin__standings-table td,
    .ofm-competition-admin__qualification-table th,
    .ofm-competition-admin__qualification-table td
) {
    border-color:var(--ofm-light-line);
}

/* Remaining signed-in workspaces. The media-specific audio and artwork
   components are intentionally not in these lists. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-artist-access-quiz,
    .ofm-artist-review-queue,
    .ofm-campaign-kit,
    .ofm-playlists,
    .ofm-history,
    .ofm-auth-forgot-password,
    .ofm-auth-form,
    .ofm-password-reset,
    .ofm-email-change
) {
    background:var(--ofm-light-page);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-artist-access-quiz__start-stage,
    .ofm-artist-access-quiz__question,
    .ofm-artist-access-quiz__choice,
    .ofm-artist-access-quiz__status,
    .ofm-artist-review-queue__card,
    .ofm-artist-review-queue__body,
    .ofm-artist-review-queue__empty,
    .ofm-campaign-kit__section,
    .ofm-campaign-kit__card,
    .ofm-campaign-kit__details,
    .ofm-campaign-kit__checklist,
    .ofm-campaign-kit__delivery-item,
    .ofm-campaign-kit__delivery-admin-item,
    .ofm-campaign-kit__offer-details,
    .ofm-campaign-kit__offer-readout,
    .ofm-playlist-create,
    .ofm-playlist-card,
    .ofm-playlist-empty,
    .ofm-history__grid,
    .ofm-auth-forgot-password,
    .ofm-auth-form,
    .ofm-password-reset,
    .ofm-email-change
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    box-shadow:0 12px 28px rgb(43 35 19 / .05);
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-artist-access-quiz__header h1,
    .ofm-artist-access-quiz__question h2,
    .ofm-artist-review-queue__hero h1,
    .ofm-artist-review-queue__heading h2,
    .ofm-campaign-kit__heading h1,
    .ofm-campaign-kit__section h2,
    .ofm-playlists__heading h2,
    .ofm-history__heading h2,
    .ofm-auth-forgot-password h1,
    .ofm-auth-form h1,
    .ofm-password-reset h1,
    .ofm-email-change h1
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-artist-access-quiz__question-copy,
    .ofm-artist-access-quiz__help,
    .ofm-artist-review-queue__meta,
    .ofm-artist-review-queue__notes,
    .ofm-campaign-kit__copy p,
    .ofm-campaign-kit__delivery-copy p,
    .ofm-playlists__heading > div > p:last-child,
    .ofm-playlist-card p,
    .ofm-playlist-empty,
    .ofm-auth-forgot-password p,
    .ofm-auth-form p,
    .ofm-password-reset p,
    .ofm-email-change p
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
    .ofm-artist-access-quiz,
    .ofm-artist-review-queue,
    .ofm-campaign-kit,
    .ofm-playlists,
    .ofm-history,
    .ofm-auth-forgot-password,
    .ofm-auth-form,
    .ofm-password-reset,
    .ofm-email-change
) :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
    select,
    textarea
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}


/* Remaining nested Control Center settings stay light inside their cards. */
html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy :is(
    .ofm-site-copy__summary,
    .ofm-site-copy__toolbar,
    .ofm-site-copy__item,
    .ofm-site-copy__filters input[type="search"],
    .ofm-site-copy__filters select,
    .ofm-site-copy__field textarea,
    .ofm-site-copy__quick-tab
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy > summary,
html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy :is(
    .ofm-site-copy__heading-copy > strong,
    .ofm-site-copy__item-meta h3,
    .ofm-site-copy__field > label,
    .ofm-site-copy__toolbar strong
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy :is(
    .ofm-site-copy__heading-copy > span:last-child,
    .ofm-site-copy__summary span,
    .ofm-site-copy__summary small,
    .ofm-site-copy__item-meta p:last-child,
    .ofm-site-copy__toolbar p,
    .ofm-site-copy__footer p,
    .ofm-site-copy__quick-label
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy[open] > summary {
    border-bottom-color:var(--ofm-light-line);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-download-gate__form,
    .ofm-controller-download-gate__metrics article,
    .ofm-controller-download-gate__top-tracks li,
    .ofm-controller-download-availability__search,
    .ofm-controller-download-availability__form,
    .ofm-controller-download-availability__scope,
    .ofm-controller-download-availability__selection,
    .ofm-controller-download-availability__selection li label
) {
    border-color:var(--ofm-light-line);
    background:#fffdfa;
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-download-gate__heading h2,
    .ofm-controller-download-gate__stats-heading h3,
    .ofm-controller-download-gate__toggle,
    .ofm-controller-download-gate__metrics strong,
    .ofm-controller-download-gate__top-tracks strong,
    .ofm-controller-download-availability__heading h2,
    .ofm-controller-download-availability__toggle strong,
    .ofm-controller-download-availability__scope strong,
    .ofm-controller-download-availability__selection-heading h3,
    .ofm-controller-download-availability__selection li strong
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content :is(
    .ofm-controller-download-gate__intro,
    .ofm-controller-download-gate__toggle-copy small,
    .ofm-controller-download-gate__secret > label > span,
    .ofm-controller-download-gate__stats-heading > span,
    .ofm-controller-download-gate__metrics small,
    .ofm-controller-download-gate__metrics span,
    .ofm-controller-download-gate__accounts,
    .ofm-controller-download-gate__last-activity,
    .ofm-controller-download-gate__empty,
    .ofm-controller-download-gate__top-tracks small,
    .ofm-controller-download-availability__intro,
    .ofm-controller-download-availability__search label > span,
    .ofm-controller-download-availability__scope legend,
    .ofm-controller-download-availability__toggle small,
    .ofm-controller-download-availability__scope small,
    .ofm-controller-download-availability__selection-heading > span,
    .ofm-controller-download-availability__selection > p
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-controller-download-gate__secret details {
    border-color:rgb(118 85 0 / .24);
    background:#fff7dd;
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-controller-download-gate__secret code {
    color:var(--ofm-light-ink);
}


/* Light-mode readability refinements found in route review. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] .ofm-home-discovery__secondary {
    border-color:rgb(118 85 0 / .32);
    background:#fffdfa;
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] .ofm-home-discovery__secondary:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] .ofm-home-discovery__secondary:focus-visible {
    border-color:var(--ofm-light-accent-ink);
    background:#fff4cf;
    color:#493600;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content [data-ofm-home-discovery] :is(
    .ofm-home-discovery__artist-path a,
    .ofm-home-discovery__spotlight-label
) {
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy :is(
    .ofm-site-copy__summary strong,
    .ofm-site-copy__toolbar strong,
    .ofm-site-copy__item-meta h3
) {
    color:var(--ofm-light-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy :is(
    .ofm-site-copy__notice,
    .ofm-site-copy__empty
) {
    border-color:rgb(43 100 154 / .28);
    background:#edf6ff;
    color:#24547f;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy__notice.is-success {
    border-color:rgb(20 108 67 / .32);
    background:#e9f7ed;
    color:#146c43;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy__notice.is-error {
    border-color:rgb(162 46 37 / .36);
    background:#ffebe8;
    color:#a22e25;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy :is(
    .ofm-site-copy__toggle,
    .ofm-site-copy__suggestion,
    .ofm-site-copy__apply-suggestions
) {
    border-color:rgb(118 85 0 / .32);
    background:#fff7dd;
    color:var(--ofm-light-accent-ink);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy :is(
    .ofm-site-copy__edited-toggle,
    .ofm-site-copy__reset
) {
    color:var(--ofm-light-muted);
}

html[data-ofm-color-scheme="light"] body.ofm-app-route--controller #content .ofm-site-copy__quick-tab.is-active {
    border-color:var(--ofm-light-accent);
    background:#fff1c5;
    color:#5e4500;
}

/* v0.3.29 — Labeled Share controls retain contrast in light appearance. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
	.ofm-home-discovery__spotlight-share,
	.ofm-home-rail-card__share,
	.ofm-explore-card__share,
	.ofm-release-card__share--label,
	.ofm-listener-home__share,
	.ofm-following-feed__share,
	[data-ofm-station-root] .ofm-station-release__share
){
	border-color:rgb(118 85 0 / .3);
	background:#fffdfa;
	color:var(--ofm-light-accent-ink);
}
html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
	.ofm-home-discovery__spotlight-share,
	.ofm-home-rail-card__share,
	.ofm-explore-card__share,
	.ofm-release-card__share--label,
	.ofm-listener-home__share,
	.ofm-following-feed__share,
	[data-ofm-station-root] .ofm-station-release__share
):hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route #content :is(
	.ofm-home-discovery__spotlight-share,
	.ofm-home-rail-card__share,
	.ofm-explore-card__share,
	.ofm-release-card__share--label,
	.ofm-listener-home__share,
	.ofm-following-feed__share,
	[data-ofm-station-root] .ofm-station-release__share
):focus-visible{
	border-color:var(--ofm-light-accent-ink);
	background:#fff4cf;
	color:#493600;
}

/* v0.3.40 — The light public-profile Share arrow stays quiet until interaction. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-profile__share.ofm-content-share{
    border-color:transparent;
    background:transparent;
    box-shadow:none;
    color:#5e4500;
}
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-profile__share:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-public-profile__share:focus-visible{
    border-color:var(--ofm-light-accent-ink);
    background:#fff4cf;
    color:#493600;
}


/* v0.3.40 — The light homepage Share arrow stays quiet until interaction. */
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-home-rail-card__share.ofm-content-share {
	border-color:transparent;
	background:transparent;
	box-shadow:none;
	color:#5e4500;
}

html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-home-rail-card__share:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route #content .ofm-home-rail-card__share:focus-visible {
	border-color: #5e4500;
	background: #ffe8a1;
	box-shadow: 0 3px 10px rgb(64 49 0 / .15);
	color: #403000;
}

/* v0.3.40 — Shared Share arrows stay quiet at rest; the gold control surface
   appears only on hover or keyboard focus, without changing playlist sharing. */
body.ofm-app-route .ofm-content-share{
	display:grid;
	place-items:center;
	flex:0 0 auto;
	inline-size:36px;
	block-size:36px;
	min-inline-size:36px;
	min-block-size:36px;
	padding:0;
	border:1px solid transparent;
	border-radius:50%;
	background:transparent;
	box-shadow:none;
	color:#d7d0bd;
	cursor:pointer;
	touch-action:manipulation;
	-webkit-tap-highlight-color:transparent;
	transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease;
}
body.ofm-app-route .ofm-content-share svg{
	inline-size:16px;
	block-size:16px;
	fill:none;
	stroke:currentColor;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:1.9;
}
body.ofm-app-route .ofm-content-share:hover,
body.ofm-app-route .ofm-content-share:focus-visible{
	border-color:#f4c430;
	background:rgb(244 196 48 / .18);
	box-shadow:0 4px 12px rgb(0 0 0 / .28);
	color:#fff3bd;
	outline:0;
	transform:translateY(-1px);
}
[data-ofm-station-root] .ofm-station-release__share.ofm-content-share{
	inline-size:39px;
	block-size:39px;
	min-inline-size:39px;
	min-block-size:39px;
}
.ofm-public-profile__share.ofm-content-share{
	inline-size:44px;
	block-size:44px;
	min-inline-size:44px;
	min-block-size:44px;
}
@media (max-width:760px){
	body.ofm-app-route .ofm-content-share{
		inline-size:44px;
		block-size:44px;
		min-inline-size:44px;
		min-block-size:44px;
	}
}
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-content-share{
	border-color:transparent;
	background:transparent;
	box-shadow:none;
	color:#5e4500;
}
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-content-share:hover,
html[data-ofm-color-scheme="light"] body.ofm-app-route .ofm-content-share:focus-visible{
	border-color:#5e4500;
	background:#ffe8a1;
	box-shadow:0 3px 10px rgb(64 49 0 / .15);
	color:#403000;
}

/* v0.3.41 — Artist release path retains its hierarchy in light appearance. */
html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__release-checklist,
html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__submission-journey{border-color:var(--ofm-light-line);background:#fffdfa;box-shadow:0 8px 18px rgb(43 35 19 / .04)}html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__release-intro,
html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__release-checklist span,
html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__submission-journey-status small{color:var(--ofm-light-muted)}html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__release-checklist strong,
html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__submission-journey-status strong{color:var(--ofm-light-ink)}html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__submission-journey-step{color:#766f61}html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__submission-journey-step.is-complete{color:#33754a}html[data-ofm-color-scheme="light"] body.ofm-app-route--private #content .ofm-artist-studio__submission-journey-step.is-current{color:var(--ofm-light-accent-ink)}