/* Shared theme layer: semantic overrides keep the existing Blade/CSS components intact. */
:root { color-scheme: light; }

.mf-theme-control {
    --mf-theme-slot: 0;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex: 0 0 auto;
    width: 4.35rem;
    height: 2.15rem;
    padding: 0.18rem;
    border: 1px solid var(--mf-border-strong, #e5e7eb);
    border-radius: 999px;
    background: #eceef1;
    color: var(--mf-text);
    box-sizing: border-box;
}
html[data-theme="dark"] .mf-theme-control { --mf-theme-slot: 1; }
.mf-theme-control__thumb {
    position: absolute;
    z-index: 0;
    inset-block: 0.18rem;
    inset-inline-start: calc(0.18rem + (var(--mf-theme-slot) * (100% - 0.36rem) / 2));
    width: calc((100% - 0.36rem) / 2);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 6px rgb(15 23 42 / 12%);
    transition: inset-inline-start 220ms ease;
}
.mf-theme-control__option {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #9ca3af;
    cursor: pointer;
}
.mf-theme-control__option svg {
    display: block;
    width: 0.95rem;
    height: 0.95rem;
}
.mf-theme-control__option[aria-pressed="true"] {
    color: #111;
}
.mf-theme-control__option:focus-visible {
    outline: 2px solid var(--mf-chrome, #222);
    outline-offset: 2px;
}
.mf-theme-control--floating {
    position: fixed;
    z-index: 60;
    inset-block-start: 1rem;
    inset-inline-end: 1rem;
}

html[data-theme="dark"] {
    color-scheme: dark;
    /* Charcoal dark: shell #1D1D1D→#242424, sidebar #18181b, fields #303030, voice chip more distinct */
    --mf-void: #1D1D1D;
    --mf-surface-deep: #18181b;
    --mf-surface-0: #242424;
    --mf-surface-1: #2a2a2a;
    --mf-surface-2: #303030;
    --mf-surface: var(--mf-surface-0);
    --mf-surface-elevated: var(--mf-surface-1);
    --mf-bg: var(--mf-void);
    --mf-ink: var(--mf-text);
    --mf-muted: var(--mf-text-tertiary);
    --mf-voice-bg: #343434;
    --mf-voice-hover: #3e3e3e;
    --mf-voice-soft: #4e4e52;
    --mf-voice-meta: #3e3e3e;
    --mf-brand-red: #e91752;
    --mf-brand-red-hover: #d01548;
    --mf-border: rgba(255, 255, 255, 0.08);
    --mf-border-strong: rgba(255, 255, 255, 0.14);
    --mf-glass: rgba(29, 29, 29, 0.94);
    --mf-text: #F3F4F6;
    --mf-text-secondary: #D4D4D4;
    --mf-text-tertiary: #A3A3A3;
    --mf-accent: #F3F4F6;
    --mf-accent-2: #E5E5E5;
    --mf-chrome: #E4E4E7;
    --mf-chrome-soft: #2f2f2f;
    --mf-chrome-border: #3e3e3e;
    --mf-wave: #A1A1AA;
    --mf-wave-soft: #6EE7B7;
    --mf-danger: #e91752;
    --mf-warning: #FBBF24;
    --mf-success: #34D399;
    --mf-field-bg: #303030;
    --mf-field-border: #3e3e3e;
    --mf-field-placeholder: #A3A3A3;
    --mf-field-shadow-focus: 0 0 0 3px rgba(228, 228, 231, 0.16);
    --mf-focus-ring: 0 0 0 2px #1D1D1D, 0 0 0 4px rgba(228, 228, 231, 0.55);
    --mf-shadow-elevated: 0 10px 28px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.22);
    /* Icon wells: charcoal + soft tint — no navy/slate-blue shell fills */
    --mf-well-studio-bg: #27272a;
    --mf-well-studio-fg: #E4E4E7;
    --mf-well-speech-bg: #32283C;
    --mf-well-speech-fg: #D4C4E8;
    --mf-well-voice-bg: #2a2a2e;
    --mf-well-voice-fg: #D4D4D8;
    --mf-well-change-bg: #24302e;
    --mf-well-change-fg: #B7D6D4;
    --mf-well-noise-bg: #3A3224;
    --mf-well-noise-fg: #E4D0A8;
    --mf-well-vocal-bg: #2a2a30;
    --mf-well-vocal-fg: #C9CBD8;
    --mf-well-music-bg: #3A2832;
    --mf-well-music-fg: #E4C4D2;
    --mf-well-plans-bg: #243430;
    --mf-well-plans-fg: #C5D8CF;
    --mf-well-account-bg: #27272a;
    --mf-well-account-fg: #D4D4D8;
    --mf-well-coin-bg: #432E1F;
    --mf-well-coin-fg: #FFC28A;
}

html[data-theme="dark"] body.mf-app,
html[data-theme="dark"] body.mf-mkt {
    background: var(--mf-void);
    color: var(--mf-text);
}
html[data-theme="dark"] body.mf-app a:not(.mf-btn):not(.mf-credit-pill__cta):not(.mf-credit-pill__balance):not(.mf-brand):not(.mf-stat-card):not(.mf-orders-panel__all):not(.mf-profile__logout):not(.mf-phone-row__change) {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-app-sidebar {
    /* Reference sidebar palette: bg #18181b, text #ebebeb, active #333333 */
    --mf-side-accent: #ebebeb;
    --mf-side-accent-soft: #333333;
    --mf-sidebar-text: #ebebeb;
    --mf-sidebar-active: #333333;
    background: #18181b;
    border-color: rgba(255, 255, 255, 0.06);
    color: #ebebeb;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
html[data-theme="dark"] .mf-brand img.mf-brand__logo--full:not(.mf-brand__logo--on-dark),
html[data-theme="dark"] .mf-app-sidebar img.mf-app-sidebar__brand-logo:not(.mf-app-sidebar__brand-logo--on-dark),
html[data-theme="dark"] img.mf-auth-card__logo:not(.mf-auth-card__logo--on-dark) {
    display: none;
}
html[data-theme="dark"] .mf-brand img.mf-brand__logo--on-dark,
html[data-theme="dark"] .mf-app-sidebar img.mf-app-sidebar__brand-logo--on-dark,
html[data-theme="dark"] .mf-auth-card img.mf-auth-card__logo--on-dark {
    display: block;
}
@media (max-width: 1023px) {
    html[data-theme="dark"] .mf-app-header .mf-brand img.mf-brand__logo--on-dark {
        display: none;
    }
}
@media (max-width: 1023px) {
    html[data-theme="dark"] .mf-mkt-header__inner .mf-brand img.mf-brand__logo--full:not(.mf-brand__logo--on-dark) {
        display: none;
    }
    html[data-theme="dark"] .mf-mkt-header__inner .mf-brand img.mf-brand__logo--on-dark {
        display: block;
    }
    html[data-theme="dark"] .mf-mkt-drawer .mf-brand img.mf-brand__logo--full:not(.mf-brand__logo--on-dark) {
        display: none;
    }
    html[data-theme="dark"] .mf-mkt-drawer .mf-brand img.mf-brand__logo--on-dark {
        display: block;
    }
}
html[data-theme="dark"] .mf-app-sidebar__brand,
html[data-theme="dark"] .mf-app-sidebar__section,
html[data-theme="dark"] .mf-app-header__divider {
    border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .mf-app-sidebar__bottom {
    border-top-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .mf-app-sidebar__dash,
html[data-theme="dark"] .mf-app-sidebar__nav a:not(.mf-app-sidebar__upgrade),
html[data-theme="dark"] .mf-app-sidebar__nav button.mf-app-sidebar__support {
    color: #ebebeb !important;
    border-radius: 8px;
}
html[data-theme="dark"] .mf-app-sidebar__dash:hover,
html[data-theme="dark"] .mf-app-sidebar__nav a:not(.mf-app-sidebar__upgrade):hover,
html[data-theme="dark"] .mf-app-sidebar__nav button.mf-app-sidebar__support:hover {
    background: #333333;
    color: #ebebeb !important;
}
html[data-theme="dark"] .mf-app-header__menu-btn:hover {
    background: #333333;
    color: #ebebeb;
}
html[data-theme="dark"] .mf-app-sidebar__nav a[aria-current="page"],
html[data-theme="dark"] .mf-app-sidebar__dash[aria-current="page"] {
    color: #ebebeb !important;
    background: #333333;
    box-shadow: none;
}
html[data-theme="dark"] .mf-app-header__nav a:hover,
html[data-theme="dark"] .mf-app-header__nav a[aria-current="page"] {
    background: var(--mf-surface-2);
}
html[data-theme="dark"] .mf-app-header__menu-btn {
    background: transparent;
    border-color: var(--mf-border-strong);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-theme-control {
    background: #27272a;
    border-color: var(--mf-border-strong);
}
html[data-theme="dark"] .mf-theme-control__thumb {
    background: #111318;
}
html[data-theme="dark"] .mf-theme-control__option {
    color: #6b7280;
}
html[data-theme="dark"] .mf-theme-control__option[aria-pressed="true"] {
    color: #f4f4f5;
}
html[data-theme="dark"] .mf-card,
html[data-theme="dark"] .mf-stat-card,
html[data-theme="dark"] .mf-orders-panel,
html[data-theme="dark"] .mf-plan-card,
html[data-theme="dark"] .mf-admin-plan,
html[data-theme="dark"] .mf-admin-list li,
html[data-theme="dark"] .mf-empty,
html[data-theme="dark"] .mf-table-wrap,
html[data-theme="dark"] .mf-profile__menu,
html[data-theme="dark"] .mf-row-menu__panel,
html[data-theme="dark"] .mf-dd__menu,
html[data-theme="dark"] .mf-modal__dialog,
html[data-theme="dark"] .mf-auth-card {
    border-color: var(--mf-border);
    background: var(--mf-surface-0);
    color: var(--mf-text);
    box-shadow: none;
}
html[data-theme="dark"] .mf-row-menu__trigger:hover,
html[data-theme="dark"] .mf-row-menu[open] > .mf-row-menu__trigger,
html[data-theme="dark"] .mf-row-menu__item:hover:not(.mf-row-menu__item--danger) {
    background: var(--mf-surface-2);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-row-menu__item:not(.mf-row-menu__item--danger) {
    color: var(--mf-text);
    background: transparent;
}
html[data-theme="dark"] .mf-row-menu__item--danger,
html[data-theme="dark"] .mf-row-menu__item--danger button,
html[data-theme="dark"] body.mf-app .mf-row-menu__item--danger,
html[data-theme="dark"] body.mf-app .mf-row-menu__item--danger button {
    color: var(--mf-danger);
    background: transparent !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .mf-row-menu__item--danger:hover,
html[data-theme="dark"] form.mf-row-menu__item--danger:hover {
    background: var(--mf-surface-2);
    color: var(--mf-danger);
}
html[data-theme="dark"] .mf-status-pill--success {
    color: #6EE7B7;
    background: color-mix(in srgb, #10B981 22%, var(--mf-surface-0));
}
html[data-theme="dark"] .mf-status-pill--danger {
    color: #FDA4AF;
    background: color-mix(in srgb, var(--mf-danger) 20%, var(--mf-surface-0));
}
/* Account / dashboard cards: readable text (overrides light-only hex) */
html[data-theme="dark"] .mf-stat-card,
html[data-theme="dark"] a.mf-stat-card {
    background: var(--mf-surface-0);
    border-color: var(--mf-border);
    color: var(--mf-text);
    box-shadow: none;
}
html[data-theme="dark"] a.mf-stat-card:hover,
html[data-theme="dark"] a.mf-stat-card:focus-visible,
html[data-theme="dark"] a.mf-stat-card--coin:hover,
html[data-theme="dark"] a.mf-stat-card--coin:focus-visible,
html[data-theme="dark"] a.mf-stat-card--plans:hover,
html[data-theme="dark"] a.mf-stat-card--plans:focus-visible,
html[data-theme="dark"] a.mf-stat-card--wallet:hover,
html[data-theme="dark"] a.mf-stat-card--wallet:focus-visible,
html[data-theme="dark"] a.mf-stat-card--identity:hover,
html[data-theme="dark"] a.mf-stat-card--identity:focus-visible,
html[data-theme="dark"] a.mf-stat-card--account:hover,
html[data-theme="dark"] a.mf-stat-card--account:focus-visible {
    background: var(--mf-surface-1);
    border-color: var(--mf-border-strong);
    box-shadow: none;
    transform: none;
}
html[data-theme="dark"] .mf-stat-card__label {
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] .mf-stat-card__value {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-stat-card__sub {
    color: var(--mf-text-secondary);
}
html[data-theme="dark"] .mf-stat-card__foot {
    border-top-color: var(--mf-border);
}
html[data-theme="dark"] a.mf-stat-card--coin .mf-stat-card__cta { color: #FBBF24; }
html[data-theme="dark"] a.mf-stat-card--plans .mf-stat-card__cta { color: #34D399; }
html[data-theme="dark"] a.mf-stat-card--wallet .mf-stat-card__cta { color: #5EEAD4; }
html[data-theme="dark"] a.mf-stat-card--identity .mf-stat-card__cta,
html[data-theme="dark"] a.mf-stat-card--account .mf-stat-card__cta { color: #93C5FD; }
/* Ledger rows must not mix toward white in dark mode */
html[data-theme="dark"] body.mf-app .ledger-row {
    background: var(--mf-surface-2);
    border-color: var(--mf-border);
    color: var(--mf-text);
}
html[data-theme="dark"] body.mf-app .ledger-label {
    color: var(--mf-text);
}
html[data-theme="dark"] body.mf-app .ledger-date {
    color: var(--mf-text-tertiary);
}
/* Account sub-nav: one-row track + clear active chip */
html[data-theme="dark"] body.mf-app .account-nav__track {
    background: var(--mf-surface-1, #242424);
    border-color: var(--mf-border);
    box-shadow: none;
}
html[data-theme="dark"] body.mf-app .account-nav a {
    background: transparent;
    color: var(--mf-text-secondary);
}
html[data-theme="dark"] body.mf-app .account-nav a:hover {
    background: var(--mf-voice-hover, #2f2f2f);
    color: var(--mf-text);
}
html[data-theme="dark"] body.mf-app .account-nav a[aria-current="page"] {
    background: var(--mf-chrome-soft, #333333);
    color: var(--mf-text);
    box-shadow: none;
}
/* Voice picker surfaces */
html[data-theme="dark"] .mf-speech-voice__trigger,
html[data-theme="dark"] .mf-change__voice-trigger,
html[data-theme="dark"] .mf-speech-voice__menu,
html[data-theme="dark"] .mf-voice-board {
    background: var(--mf-voice-bg) !important;
    border-color: var(--mf-voice-soft) !important;
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-speech-voice__item:hover,
html[data-theme="dark"] .mf-speech-voice__item[aria-selected="true"]:hover,
html[data-theme="dark"] .mf-speech-voice__trigger:hover,
html[data-theme="dark"] .mf-change__voice-trigger:hover {
    background: #3e3e3e !important;
    border-color: #5c5c60 !important;
}
html[data-theme="dark"] .mf-speech-voice__desc,
html[data-theme="dark"] .mf-change__voice-meta,
html[data-theme="dark"] .mf-speech-voice__trigger-meta {
    background-color: #3e3e3e !important;
    color: #d4d4d8;
    padding-inline: 0.45rem;
}
html[data-theme="dark"] .mf-credit-pill {
    border-color: var(--mf-border);
    background: var(--mf-surface-1);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-credit-pill__icon {
    color: #a1a1aa;
}
html[data-theme="dark"] .mf-credit-pill__cta {
    background: #fafafa;
    color: #18181b !important;
}
html[data-theme="dark"] body.mf-app form.panel > button[type="submit"] {
    background: var(--mf-accent);
    color: #101216;
}
html[data-theme="dark"] .mf-admin-plan__title,
html[data-theme="dark"] .mf-admin-list li,
html[data-theme="dark"] .mf-plan-card h2 {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-card__title,
html[data-theme="dark"] .mf-field__label,
html[data-theme="dark"] .mf-auth-card__title,
html[data-theme="dark"] .mf-audio-player__label {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-profile__logout {
    color: #FDA4AF !important;
}
html[data-theme="dark"] .mf-profile__logout:hover,
html[data-theme="dark"] body.mf-app .mf-profile__logout:hover {
    background: color-mix(in srgb, var(--mf-danger) 16%, var(--mf-surface-0)) !important;
    color: #FDA4AF !important;
}
html[data-theme="dark"] .mf-orders-panel__title,
html[data-theme="dark"] .mf-orders-panel__code,
html[data-theme="dark"] .mf-pay-result__title {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-orders-panel__all:hover,
html[data-theme="dark"] .mf-orders-panel__all:focus-visible {
    color: var(--mf-text) !important;
}
html[data-theme="dark"] .mf-pay-result__hero {
    border-bottom-color: var(--mf-border);
}
html[data-theme="dark"] .mf-dd.is-open .mf-dd__trigger,
html[data-theme="dark"] .mf-dd__trigger:hover,
html[data-theme="dark"] .mf-dd__trigger:focus-visible {
    background: var(--mf-field-bg);
    color: var(--mf-text);
}
html[data-theme="dark"] body.mf-app button.mf-ent-toggle {
    background: var(--mf-surface-1);
    border-color: var(--mf-border);
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] body.mf-app button.mf-ent-toggle.mf-ent-toggle--allow,
html[data-theme="dark"] .mf-ent-toggle--allow {
    background: color-mix(in srgb, var(--mf-success) 18%, var(--mf-surface-0));
    border-color: color-mix(in srgb, var(--mf-success) 35%, var(--mf-border));
    color: var(--mf-success);
}
html[data-theme="dark"] body.mf-app button.mf-ent-toggle.mf-ent-toggle--deny,
html[data-theme="dark"] .mf-ent-toggle--deny {
    background: color-mix(in srgb, var(--mf-danger) 14%, var(--mf-surface-0));
    border-color: color-mix(in srgb, var(--mf-danger) 28%, var(--mf-border));
    color: var(--mf-danger);
}
html[data-theme="dark"] .mf-ent-toggle:hover {
    background: var(--mf-surface-2);
    border-color: var(--mf-border-strong);
}
html[data-theme="dark"] .mf-date-wheels__fade {
    background:
        linear-gradient(var(--mf-field-bg), transparent) top / 100% 2.85rem no-repeat,
        linear-gradient(transparent, var(--mf-field-bg)) bottom / 100% 2.85rem no-repeat;
}
html[data-theme="dark"] .mf-birthdate__clear:hover {
    background: var(--mf-surface-2);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-table--orders tbody tr.mf-table__row-link:hover,
html[data-theme="dark"] .mf-table--orders tbody tr.mf-table__row-link:focus-visible,
html[data-theme="dark"] .mf-table--blog-admin tbody tr.mf-table__row-link:hover,
html[data-theme="dark"] .mf-table--blog-admin tbody tr.mf-table__row-link:focus-visible {
    background: var(--mf-surface-2);
}
html[data-theme="dark"] .mf-field__hint,
html[data-theme="dark"] .mf-tool-hero__lede,
html[data-theme="dark"] .mf-audio-player__time {
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] .mf-table th,
html[data-theme="dark"] .mf-table td,
html[data-theme="dark"] .mf-profile__menu a,
html[data-theme="dark"] .mf-dd__option,
html[data-theme="dark"] .mf-speech-voice__item,
html[data-theme="dark"] .mf-profile__photo,
html[data-theme="dark"] .mf-phone-row__value,
html[data-theme="dark"] .mf-date-wheels__item {
    color: var(--mf-text-secondary);
    border-color: var(--mf-border);
}
html[data-theme="dark"] .mf-table th,
html[data-theme="dark"] .mf-table tbody tr:nth-child(odd),
html[data-theme="dark"] .mf-table tbody tr:hover,
html[data-theme="dark"] .mf-tool-hero__box,
html[data-theme="dark"] .mf-modal__header,
html[data-theme="dark"] .mf-modal__footer {
    background: var(--mf-surface-1);
}
html[data-theme="dark"] .mf-table th:first-child,
html[data-theme="dark"] .mf-table td:first-child {
    background: var(--mf-surface-0);
}
html[data-theme="dark"] .mf-table tbody tr:nth-child(odd) td:first-child {
    background: var(--mf-surface-1);
}
html[data-theme="dark"] .mf-speech-composer__bar {
    background: transparent;
    border-color: transparent;
}
html[data-theme="dark"] .mf-dd__list {
    box-shadow: var(--mf-shadow-elevated);
}
html[data-theme="dark"] .mf-input,
html[data-theme="dark"] .mf-textarea,
html[data-theme="dark"] .mf-select,
html[data-theme="dark"] .mf-dd__trigger,
html[data-theme="dark"] .mf-dd__list,
html[data-theme="dark"] .mf-speech-voice__menu,
html[data-theme="dark"] .mf-speech-voice__trigger,
html[data-theme="dark"] .mf-phone-row,
html[data-theme="dark"] .mf-birthdate__trigger,
html[data-theme="dark"] .mf-date-wheels__col,
html[data-theme="dark"] .mf-studio-chip,
html[data-theme="dark"] .mf-studio-composer,
html[data-theme="dark"] .mf-app-header__menu-btn,
html[data-theme="dark"] .mf-otp__cell {
    background-color: var(--mf-field-bg);
    border-color: var(--mf-field-border);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-dd__option:hover,
html[data-theme="dark"] .mf-dd__option[aria-selected="true"],
html[data-theme="dark"] .mf-date-wheels__item[aria-selected="true"],
html[data-theme="dark"] .mf-studio-chip:hover {
    background: var(--mf-surface-2);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-speech-voice__item:hover,
html[data-theme="dark"] .mf-speech-voice__item[aria-selected="true"]:hover {
    background: #3e3e3e !important;
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-speech-voice__item[aria-selected="true"] {
    background: transparent;
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-dd__list,
html[data-theme="dark"] .mf-speech-voice__menu,
html[data-theme="dark"] .mf-speech-voice__trigger,
html[data-theme="dark"] .mf-phone-row,
html[data-theme="dark"] .mf-birthdate__trigger,
html[data-theme="dark"] .mf-date-wheels__col,
html[data-theme="dark"] .mf-studio-chip,
html[data-theme="dark"] .mf-studio-composer,
html[data-theme="dark"] .mf-otp__cell {
    background: var(--mf-field-bg);
}
html[data-theme="dark"] .mf-speech-composer,
html[data-theme="dark"] .mf-tool-panel label > textarea,
html[data-theme="dark"] .mf-tool-panel label > input[type="text"],
html[data-theme="dark"] .mf-tool-panel label > input:not([type]),
html[data-theme="dark"] .mf-tool-panel .mf-textarea {
    background: var(--mf-field-bg);
    border-color: var(--mf-field-border);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-speech-composer__text {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-speech-composer__count {
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] .mf-speech-voice__desc {
    background-color: #3e3e3e !important;
    color: #d4d4d8;
}
html[data-theme="dark"] .mf-speech-voice__check.is-on {
    color: var(--mf-chrome);
}
html[data-theme="dark"] .mf-speech-voice__play.is-empty {
    background: var(--mf-surface-2);
    color: transparent;
    box-shadow: none;
}
html[data-theme="dark"] .mf-speech-voice__play,
html[data-theme="dark"] .mf-speech-voice__play.is-playing {
    background: #fff;
    color: #111;
    box-shadow: none;
}
html[data-theme="dark"] .mf-studio-composer__send,
html[data-theme="dark"] .mf-studio-composer__send:hover:not(:disabled),
html[data-theme="dark"] .mf-studio-composer__send:focus-visible:not(:disabled) {
    background: var(--mf-chrome);
    color: #17131F;
}
html[data-theme="dark"] .mf-studio-composer__input {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-studio-composer__input::placeholder {
    color: var(--mf-field-placeholder);
}
html[data-theme="dark"] .mf-profile-photo__fallback {
    background: var(--mf-chrome-soft);
    color: var(--mf-chrome);
}
html[data-theme="dark"] .mf-mkt .mf-studio-chip {
    background: var(--mf-surface-0);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-uploader__zone {
    background: color-mix(in srgb, var(--mf-chrome-soft) 60%, var(--mf-surface-0));
}
html[data-theme="dark"] .mf-uploader.is-filled .mf-uploader__zone {
    background: #1C3A32;
}
html[data-theme="dark"] .mf-icon-well--success {
    background: #1C3A32;
}
html[data-theme="dark"] .mf-icon-well--danger {
    background: #43252B;
}
html[data-theme="dark"] body.mf-app input:not([type="hidden"]):not(.mf-input),
html[data-theme="dark"] body.mf-app textarea:not(.mf-textarea),
html[data-theme="dark"] body.mf-app select {
    background-color: var(--mf-field-bg);
    border-color: var(--mf-field-border);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-input {
    background: transparent;
    border-color: transparent;
}
html[data-theme="dark"] .mf-input-shell {
    background: var(--mf-field-bg);
    border-color: var(--mf-field-border);
}
html[data-theme="dark"] .mf-field__label,
html[data-theme="dark"] .mf-profile__name,
html[data-theme="dark"] .mf-modal__title,
html[data-theme="dark"] .mf-tool-hero__title,
html[data-theme="dark"] .mf-mkt h1,
html[data-theme="dark"] .mf-mkt h2,
html[data-theme="dark"] .mf-mkt h3 {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-field__hint,
html[data-theme="dark"] .mf-profile__plan,
html[data-theme="dark"] .mf-modal__description,
html[data-theme="dark"] .mf-mkt .mf-mkt-hero__lede,
html[data-theme="dark"] .mf-mkt .mf-mkt-section__lede,
html[data-theme="dark"] .mf-mkt .mf-faq__a {
    color: var(--mf-text-secondary);
}
html[data-theme="dark"] .mf-toast,
html[data-theme="dark"] .mf-tool-busy__card,
html[data-theme="dark"] .mf-record__panel,
html[data-theme="dark"] .mf-audio-uploader__panel {
    border-color: var(--mf-border);
    background: var(--mf-surface-0);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-tool-busy__hint,
html[data-theme="dark"] .mf-toast__message,
html[data-theme="dark"] .mf-tool-lock__prompt {
    color: var(--mf-text-secondary);
}
html[data-theme="dark"] .mf-music-card {
    border-color: var(--mf-border);
    background: var(--mf-field-bg);
    box-shadow: none;
    overflow: hidden;
}
html[data-theme="dark"] .mf-music-card__title {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-music-card__text {
    color: var(--mf-text) !important;
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0;
    padding: 0.35rem 1rem 0.2rem !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .mf-music-card__text::placeholder {
    color: var(--mf-field-placeholder);
}
html[data-theme="dark"] .mf-music-card__count {
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] .mf-music-copy {
    border-color: var(--mf-border-strong);
    background: #3a3a3a;
    color: var(--mf-text-secondary);
}
html[data-theme="dark"] .mf-music-copy:hover {
    background: var(--mf-voice-soft);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-toggle__label {
    color: var(--mf-text-secondary);
}
html[data-theme="dark"] .mf-toggle__track {
    background: #3e3e3e;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}
html[data-theme="dark"] .mf-toggle__thumb,
html[data-theme="dark"] .mf-toggle:hover .mf-toggle__thumb {
    background: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}
html[data-theme="dark"] .mf-toggle__input:checked + .mf-toggle__track {
    background: var(--mf-brand-red, #e91752);
}
html[data-theme="dark"] .mf-tool-clear {
    border-color: var(--mf-border-strong);
    background: var(--mf-surface-2);
    color: var(--mf-text-secondary);
    box-shadow: none;
}
html[data-theme="dark"] .mf-tool-clear:hover:not(:disabled) {
    background: var(--mf-voice-soft);
    border-color: var(--mf-chrome-border);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-tool-clear svg {
    color: var(--mf-chrome);
}
html[data-theme="dark"] .mf-speech__add {
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--mf-text-secondary);
    background: transparent;
}
html[data-theme="dark"] .mf-speech__add:hover {
    border-color: rgba(255, 255, 255, 0.38);
    color: var(--mf-text);
    background: var(--mf-surface-2);
}
html[data-theme="dark"] .mf-speech-composer__text {
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-speech-composer__count {
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] .mf-speech-block__remove:hover {
    background: rgba(233, 23, 82, 0.14);
    color: var(--mf-brand-red, #e91752);
}
html[data-theme="dark"] .mf-speech-composer {
    background: #2a2a2a;
    border-color: #3e3e3e;
}
html[data-theme="dark"] .mf-speech-voice__trigger,
html[data-theme="dark"] .mf-speech-voice__trigger--rich {
    background: #343434;
    border: 1px solid #4e4e52;
    color: var(--mf-text);
    box-shadow: none;
}
html[data-theme="dark"] .mf-speech-voice__trigger:hover,
html[data-theme="dark"] .mf-speech-voice.is-open .mf-speech-voice__trigger {
    background: #3e3e3e;
    border-color: #5c5c60;
}
html[data-theme="dark"] .mf-tool-produce__bolt {
    color: #facc15;
    background: #18181b;
    border-radius: 0.35rem;
    padding: 0.12rem;
    box-sizing: content-box;
    filter: none;
}
html[data-theme="dark"] .mf-record__stop,
html[data-theme="dark"] .mf-intake__stop {
    background: var(--mf-brand-red, #e91752);
    color: #fff;
}
html[data-theme="dark"] .mf-record__stop:hover,
html[data-theme="dark"] .mf-intake__stop:hover {
    background: var(--mf-brand-red-hover, #d01548);
}
html[data-theme="dark"] .mf-record__start:hover,
html[data-theme="dark"] .mf-intake__record-btn:hover {
    background: var(--mf-brand-red, #e91752) !important;
    border-color: transparent !important;
    color: #fff !important;
}
html[data-theme="dark"] .mf-tool-produce__hint {
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] body.mf-app form.panel.mf-tool-panel {
    border-color: var(--mf-border);
    background: var(--mf-surface-0);
    box-shadow: none;
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-tool-lock__icon {
    background: rgba(167, 139, 250, 0.14);
    color: #c4b5fd;
}
html[data-theme="dark"] .mf-auth-card__lede,
html[data-theme="dark"] .mf-auth-card__legal,
html[data-theme="dark"] .mf-auth-resend,
html[data-theme="dark"] .mf-auth-resend-form {
    color: var(--mf-text-tertiary);
}
html[data-theme="dark"] .mf-btn--primary {
    background: var(--mf-accent);
    border-color: var(--mf-accent);
    color: #101216 !important;
    border-radius: 10px;
}
html[data-theme="dark"] .mf-btn--primary:hover:not(:disabled) {
    background: #D6DAE0;
    border-color: #D6DAE0;
    color: #101216 !important;
}
html[data-theme="dark"] .mf-auth-card .mf-btn--primary {
    background: var(--mf-accent);
    border-color: var(--mf-accent);
    color: #101216 !important;
}
html[data-theme="dark"] .mf-btn--secondary,
html[data-theme="dark"] .mf-btn--outline {
    background: var(--mf-surface-2);
    border-color: var(--mf-border-strong);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-btn--secondary:hover:not(:disabled),
html[data-theme="dark"] .mf-btn--outline:hover:not(:disabled) {
    background: #3e3e3e;
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-audio-player__card {
    border-color: var(--mf-border);
    background: var(--mf-surface-0);
    box-shadow: none;
}
html[data-theme="dark"] .mf-audio-player__play,
html[data-theme="dark"] .mf-audio-player.is-playing .mf-audio-player__play {
    border-radius: var(--mf-btn-radius, 10px);
    background: #fff;
    color: #111;
    box-shadow: none;
}
html[data-theme="dark"] .mf-audio-player__track {
    background: var(--mf-surface-2);
}
html[data-theme="dark"] .mf-audio-player__dl {
    background: var(--mf-surface-2);
    color: var(--mf-text-secondary);
}
html[data-theme="dark"] .mf-audio-player__fill {
    background: var(--mf-chrome);
}
html[data-theme="dark"] .mf-app-sidebar__collapse,
html[data-theme="dark"] .mf-app-sidebar__close,
html[data-theme="dark"] .mf-profile__trigger {
    color: var(--mf-text);
    background: transparent;
}
html[data-theme="dark"] .mf-app-sidebar__collapse .mf-app-sidebar__icon,
html[data-theme="dark"] .mf-app-sidebar__close {
    background: transparent;
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-profile__menu a:hover,
html[data-theme="dark"] .mf-dd__option:hover,
html[data-theme="dark"] .mf-dd__option[aria-selected="true"] {
    background: var(--mf-surface-2);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-mkt-header__nav a,
html[data-theme="dark"] .mf-mkt-nav-drop__trigger,
html[data-theme="dark"] .mf-mkt-drawer__nav a,
html[data-theme="dark"] .mf-mkt-drawer-acc__toggle {
    color: #a3a3a3;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-drawer__cta {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.16);
    color: #f4f4f5 !important;
}
html[data-theme="dark"] body.mf-mkt a.mf-btn--primary {
    color: #101216 !important;
}
html[data-theme="dark"] .mf-mkt-header__nav a:hover,
html[data-theme="dark"] .mf-mkt-header__nav a[aria-current="page"],
html[data-theme="dark"] .mf-mkt-nav-drop__trigger:hover,
html[data-theme="dark"] .mf-mkt-nav-drop__trigger[aria-current="page"],
html[data-theme="dark"] .mf-mkt-nav-drop:hover > .mf-mkt-nav-drop__trigger,
html[data-theme="dark"] .mf-mkt-nav-drop:focus-within > .mf-mkt-nav-drop__trigger,
html[data-theme="dark"] .mf-mkt-drawer__nav a:hover,
html[data-theme="dark"] .mf-mkt-drawer__nav a[aria-current="page"] {
    background: transparent;
    color: #f4f4f5;
}
html[data-theme="dark"] .mf-mkt-header {
    border-color: transparent;
    background: transparent;
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-mkt-header.is-scrolled {
    background: var(--mf-glass);
    border-color: var(--mf-border);
}
html[data-theme="dark"] .mf-mkt-drawer__panel {
    border-color: var(--mf-border);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-mkt-drawer {
    background: transparent;
    border: 0;
}
html[data-theme="dark"] .mf-mkt-drawer__backdrop {
    background: rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .mf-mkt-drawer__panel {
    background: #242424;
}
html[data-theme="dark"] .mf-mkt-drawer__close {
    border-color: rgba(255, 255, 255, 0.14);
    background: #242424;
    color: #e5e5e5;
}
html[data-theme="dark"] .mf-mkt-drawer__theme.mf-theme-control--labeled {
    background: #2a2a2a;
}
html[data-theme="dark"] .mf-mkt-drawer__theme .mf-theme-control__thumb {
    background: #3a3a3a;
}
html[data-theme="dark"] .mf-mkt-drawer__theme .mf-theme-control__option {
    color: #a3a3a3;
}
html[data-theme="dark"] .mf-mkt-drawer__theme .mf-theme-control__option[aria-pressed="true"] {
    color: #f4f4f5;
}
/* Drawer accordion: must NOT live under min-width 1024px — drawer is mobile-only */
html[data-theme="dark"] .mf-mkt-drawer-acc__panel {
    background: var(--mf-surface-1);
    border-color: var(--mf-border);
}
html[data-theme="dark"] .mf-mkt-drawer__nav .mf-mkt-drawer-acc__item {
    background: var(--mf-surface-1);
    color: var(--mf-text);
    box-shadow: none;
}
html[data-theme="dark"] .mf-mkt-drawer__nav .mf-mkt-drawer-acc__item:hover,
html[data-theme="dark"] .mf-mkt-drawer__nav .mf-mkt-drawer-acc__item:active {
    background: rgba(163, 131, 82, 0.18);
}
html[data-theme="dark"] .mf-mkt-drawer__nav .mf-mkt-drawer-acc__item--hub {
    background: transparent;
    border-top-color: var(--mf-border-strong);
}
html[data-theme="dark"] .mf-mkt-drawer-acc__glyph {
    background: rgba(163, 131, 82, 0.2);
    color: #d4b483;
}
html[data-theme="dark"] .mf-mkt-drawer__nav .mf-mkt-drawer-acc__item--hub .mf-mkt-drawer-acc__glyph {
    background: rgba(255, 255, 255, 0.08);
    color: #d4d4d4;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-header .mf-btn--primary,
html[data-theme="dark"] body.mf-mkt .mf-mkt-header .mf-btn--primary:hover {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.16);
    color: #f4f4f5 !important;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-header .mf-btn--primary:hover {
    background: rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .mf-mkt-header__menu-btn {
    border-color: var(--mf-border-strong);
    background: var(--mf-surface-0);
    color: var(--mf-text);
}
@media (min-width: 1024px) {
    html[data-theme="dark"] .mf-mkt-header {
        background: transparent;
        border-color: transparent;
    }
    html[data-theme="dark"] .mf-mkt-header.is-scrolled {
        background: transparent;
        backdrop-filter: none;
    }
    html[data-theme="dark"] .mf-mkt-header__inner {
        background: #242424;
        border-color: rgba(255, 255, 255, 0.1);
        box-shadow: none;
        color: var(--mf-text);
    }
    html[data-theme="dark"] .mf-mkt-header.is-scrolled .mf-mkt-header__inner {
        background: rgba(29, 29, 29, 0.78);
        border-color: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(16px) saturate(140%);
    }
    html[data-theme="dark"] body.mf-mkt .mf-mkt-header__nav a,
    html[data-theme="dark"] body.mf-mkt .mf-mkt-header__nav a:hover,
    html[data-theme="dark"] body.mf-mkt .mf-mkt-header__nav a[aria-current="page"],
    html[data-theme="dark"] body.mf-mkt .mf-mkt-nav-drop__trigger,
    html[data-theme="dark"] body.mf-mkt .mf-mkt-nav-drop__trigger:hover,
    html[data-theme="dark"] body.mf-mkt .mf-mkt-nav-drop__trigger[aria-current="page"] {
        background: transparent;
        color: #ebebeb;
    }
    html[data-theme="dark"] .mf-mkt-nav-drop__card {
        background: rgba(36, 36, 36, 0.94);
        border-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
    }
    html[data-theme="dark"] .mf-mkt-nav-drop__item {
        color: #f4f4f5;
    }
    html[data-theme="dark"] .mf-mkt-nav-drop__glyph {
        background: rgba(163, 131, 82, 0.2);
        color: #d4b483;
    }
    html[data-theme="dark"] .mf-mkt-nav-drop__item:hover {
        background: rgba(163, 131, 82, 0.18);
    }
    html[data-theme="dark"] .mf-mkt-nav-drop__item--hub {
        border-top-color: rgba(255, 255, 255, 0.1);
    }
    html[data-theme="dark"] .mf-mkt-nav-drop__item--hub .mf-mkt-nav-drop__glyph {
        background: rgba(255, 255, 255, 0.08);
        color: #d4d4d4;
    }
    html[data-theme="dark"] .mf-mkt-header .mf-theme-control {
        background: #242424;
        border-color: rgba(255, 255, 255, 0.14);
    }
    html[data-theme="dark"] .mf-mkt-header .mf-theme-control__option,
    html[data-theme="dark"] .mf-mkt-header .mf-theme-control__option[aria-pressed="true"] {
        color: #f4f4f5;
    }
    html[data-theme="dark"] .mf-mkt-header .mf-theme-control__option:hover {
        background: rgba(255, 255, 255, 0.06);
    }
}
html[data-theme="dark"] .mf-mkt-section .mf-card,
html[data-theme="dark"] .mf-mkt-section__card {
    border-color: var(--mf-border);
    background: var(--mf-surface-0);
    color: var(--mf-text);
}
html[data-theme="dark"] .mf-mkt-showcase {
    background-color: var(--mf-void);
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-showcase__title {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-showcase__lede {
    color: rgba(235, 235, 235, 0.78);
}
html[data-theme="dark"] .mf-mkt-showcase__cta .mf-btn--outline,
html[data-theme="dark"] .mf-mkt-demo__cta .mf-btn--outline,
html[data-theme="dark"] .mf-mkt-vocal__cta .mf-btn--outline {
    border-color: rgba(255, 255, 255, 0.45);
    background: transparent;
    color: #fff !important;
}
html[data-theme="dark"] .mf-mkt-showcase__cta .mf-btn--outline:hover,
html[data-theme="dark"] .mf-mkt-demo__cta .mf-btn--outline:hover,
html[data-theme="dark"] .mf-mkt-vocal__cta .mf-btn--outline:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.08);
    color: #fff !important;
}
html[data-theme="dark"] .mf-mkt-showcase__cta .mf-btn--primary,
html[data-theme="dark"] .mf-mkt-demo__cta .mf-btn--primary {
    background: #ececec;
    color: #111 !important;
}
html[data-theme="dark"] .mf-mkt-showcase__cta .mf-btn--primary:hover,
html[data-theme="dark"] .mf-mkt-demo__cta .mf-btn--primary:hover {
    background: #fff;
    color: #111 !important;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-demo {
    --mf-demo-line: rgba(255, 255, 255, 0.08);
    color: var(--mf-text);
    background: radial-gradient(36% 40% at 50% 100%, rgba(92, 138, 108, 0.2), rgba(120, 115, 58, 0.1) 36%, #ababab00 72%);
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-demo--voice {
    background: none;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-demo h2 {
    color: var(--mf-text);
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-demo .mf-mkt-demo__panel {
    border-color: rgba(255, 255, 255, 0.06);
    background: #242424;
    box-shadow: none;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-demo .mf-asw-title {
    color: #fff;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-demo .mf-asw-subtitle {
    color: rgba(235, 235, 235, 0.55);
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-showcase__play,
html[data-theme="dark"] body.mf-mkt .mf-asw-play {
    background: #fff;
    color: #111;
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-showcase__play {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}
html[data-theme="dark"] body.mf-mkt .mf-mkt-showcase__play .mf-asw-play__icon--play,
html[data-theme="dark"] body.mf-mkt .mf-mkt-showcase__play .mf-asw-play__icon--pause,
html[data-theme="dark"] body.mf-mkt .mf-asw-play .mf-asw-play__icon--play,
html[data-theme="dark"] body.mf-mkt .mf-asw-play .mf-asw-play__icon--pause {
    filter: none;
}
html[data-theme="dark"] body.mf-mkt .mf-asw-play .mf-asw-play__icon--load {
    border-color: rgba(0, 0, 0, 0.2);
    border-top-color: #111;
}
html[data-theme="dark"] .mf-mkt-showcase__card {
    background: #1a1a1a;
    box-shadow: none;
}
html[data-theme="dark"] .mf-mkt-hero {
    background: radial-gradient(36% 40% at 50% 100%, #a3835233, rgba(163, 131, 82, 0.1) 36%, #ababab00 72%);
}
html[data-theme="dark"] .mf-mkt-tools,
html[data-theme="dark"] .mf-mkt-audience,
html[data-theme="dark"] body.mf-mkt .mf-mkt-vocal {
    background: radial-gradient(28% 33% at 51.5% 58.4%, #a3835233, #ababab00);
}
html[data-theme="dark"] .mf-mkt-vocal__tab {
    border-color: rgba(255, 255, 255, 0.08);
    background: #242424;
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-vocal__tab:hover {
    background: #2e2e2e;
}
html[data-theme="dark"] .mf-mkt-vocal__tab[aria-selected="true"] {
    border-color: #fff;
    background: #fff;
    color: #111;
}
html[data-theme="dark"] .mf-mkt-vocal .mf-asw-player {
    border-color: rgba(255, 255, 255, 0.06);
    background: #242424;
    box-shadow: none;
}
html[data-theme="dark"] .mf-mkt-audience__title {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-audience__desc {
    color: rgba(235, 235, 235, 0.72);
}
html[data-theme="dark"] .mf-mkt-audience__card {
    border: 1px solid rgba(255, 255, 255, 0.03);
    background: linear-gradient(180deg, #ffffff0d, #ffffff03);
    box-shadow: none;
}
html[data-theme="dark"] .mf-mkt-audience__avatar {
    background: #303030;
}
html[data-theme="dark"] .mf-mkt-home-faq {
    background: radial-gradient(28% 33% at 51.5% 48%, #a3835233, #ababab00);
}
html[data-theme="dark"] .mf-faq--home .mf-faq__item {
    border: 1px solid rgba(255, 255, 255, 0.03);
    background: linear-gradient(180deg, #ffffff0d, #ffffff03);
    box-shadow: none;
}
html[data-theme="dark"] .mf-faq--home .mf-faq__q {
    color: #fff;
}
html[data-theme="dark"] .mf-faq--home .mf-faq__a,
html[data-theme="dark"] .mf-faq--home .mf-faq__chev {
    color: rgba(235, 235, 235, 0.72);
}
html[data-theme="dark"] .mf-mkt-tools__head h1,
html[data-theme="dark"] .mf-mkt-tools__head h2,
html[data-theme="dark"] .mf-mkt-tool__title {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-tools__lede,
html[data-theme="dark"] .mf-mkt-tool__desc {
    color: rgba(235, 235, 235, 0.72);
}
html[data-theme="dark"] .mf-mkt-tools__all {
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-tools__all:hover,
html[data-theme="dark"] .mf-mkt-tools__all:focus-visible {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-tool {
    /* Same wash as the reference card, lifted slightly so it reads on #1D1D1D. */
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));
    box-shadow: none;
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-tool:hover {
    border-color: rgba(255, 255, 255, 0.12);
    background: linear-gradient(180deg, #ffffff14, #ffffff06);
    box-shadow: none;
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-tool__cta {
    color: #ff5a8a;
}
html[data-theme="dark"] .mf-mkt-compare {
    border-color: rgba(255, 255, 255, 0.08);
    background: #2a2a2a;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}
html[data-theme="dark"] .mf-mkt-compare__table th,
html[data-theme="dark"] .mf-mkt-compare__table td {
    border-color: #444;
    color: #e0e0e0;
}
html[data-theme="dark"] .mf-mkt-compare__plan,
html[data-theme="dark"] .mf-mkt-compare__axis {
    background: #323232;
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-compare__table tbody tr:nth-child(even) {
    background: #323232;
}
html[data-theme="dark"] .mf-mkt-compare__label--section {
    background: #222;
    color: #bbb;
}
html[data-theme="dark"] .mf-mkt-compare__label--feature {
    background: #2a2a2a;
    color: #e0e0e0;
}
html[data-theme="dark"] .mf-mkt-compare__pill {
    background: #444;
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-compare__check {
    color: #4caf50;
}
html[data-theme="dark"] .mf-mkt-compare__times {
    color: #e91752;
}
html[data-theme="dark"] .mf-mkt-notes {
    border-color: rgba(255, 255, 255, 0.08);
    background: #242424;
}
html[data-theme="dark"] .mf-mkt-pricing {
    background: radial-gradient(28% 33% at 51.5% 48%, #a3835233, #ababab00);
}
html[data-theme="dark"] .mf-mkt-pricing__head h1 {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-pricing .mf-mkt-section__lede {
    color: rgba(235, 235, 235, 0.72);
}
html[data-theme="dark"] .mf-mkt-live {
    border-color: rgba(255, 255, 255, 0.08);
    background: rgba(36, 36, 36, 0.88);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-live__dot {
    background: #34d399;
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.4);
    animation-name: mf-mkt-live-pulse-dark;
}
html[data-theme="dark"] .mf-mkt-live__count {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-live__count.is-pop {
    color: #34d399;
}
html[data-theme="dark"] .mf-mkt-live__label {
    color: rgba(235, 235, 235, 0.72);
}
@keyframes mf-mkt-live-pulse-dark {
    0% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.42); }
    70% { box-shadow: 0 0 0 0.35rem rgba(52, 211, 153, 0); }
    100% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0); }
}
html[data-theme="dark"] .mf-mkt-pricing__nav {
    border-color: rgba(255, 255, 255, 0.12);
    background: #242424;
    color: #ebebeb;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}
html[data-theme="dark"] .mf-mkt-pricing__nav:hover,
html[data-theme="dark"] .mf-mkt-pricing__nav:focus-visible {
    border-color: #e91752;
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-pricing__card {
    border: 1px solid #333;
    background: linear-gradient(180deg, #ffffff0d, #ffffff03);
    box-shadow: none;
    color: #eee;
    backdrop-filter: blur(10px);
}
html[data-theme="dark"] .mf-mkt-pricing__card:hover {
    border-color: #3a3a3a;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}
html[data-theme="dark"] .mf-mkt-pricing__card--featured {
    border-color: #e91752;
    box-shadow: 0 0 35px rgba(233, 23, 82, 0.15);
}
html[data-theme="dark"] .mf-mkt-pricing__card--featured:hover {
    box-shadow: 0 0 45px rgba(233, 23, 82, 0.35);
}
html[data-theme="dark"] .mf-mkt-pricing__title,
html[data-theme="dark"] .mf-mkt-pricing__price,
html[data-theme="dark"] .mf-mkt-pricing__coins {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-pricing__subtitle,
html[data-theme="dark"] .mf-mkt-pricing__unit,
html[data-theme="dark"] .mf-mkt-pricing__features {
    color: #bbb;
}
html[data-theme="dark"] .mf-mkt-pricing__old {
    color: #a3a3a3;
}
html[data-theme="dark"] .mf-mkt-pricing__buy {
    background: #fff;
    color: #111;
}
html[data-theme="dark"] .mf-mkt-pricing__buy:hover,
html[data-theme="dark"] .mf-mkt-pricing__buy:focus-visible {
    background: #eaeaea;
    color: #111;
}
html[data-theme="dark"] .mf-mkt-pricing__card--featured .mf-mkt-pricing__buy {
    background: #e91752;
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-pricing__card--featured .mf-mkt-pricing__buy:hover,
html[data-theme="dark"] .mf-mkt-pricing__card--featured .mf-mkt-pricing__buy:focus-visible {
    background: #d01548;
    color: #fff;
}
html[data-theme="dark"] body.mf-app .mf-upgrade-modal button.mf-mkt-pricing__buy {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body.mf-app .mf-upgrade-modal__cta-btn,
html[data-theme="dark"] .mf-upgrade-modal__cta-btn {
    background: #fff !important;
    color: #111 !important;
}
html[data-theme="dark"] body.mf-app .mf-upgrade-modal__cta-btn.is-pro,
html[data-theme="dark"] .mf-upgrade-modal__cta-btn.is-pro {
    background: #e91752 !important;
    color: #fff !important;
    box-shadow: none !important;
}
html[data-theme="dark"] .mf-mkt-pricing__more {
    color: #ccc;
}
html[data-theme="dark"] .mf-mkt-pricing__more:hover,
html[data-theme="dark"] .mf-mkt-pricing__more:focus-visible {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-pricing__features {
    border-top-color: #333;
}
html[data-theme="dark"] .mf-mkt-pricing__icon {
    color: #eee;
}
html[data-theme="dark"] .mf-upgrade-pick {
    border-color: rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, #ffffff12, #ffffff06);
    box-shadow: none;
}
html[data-theme="dark"] .mf-upgrade-pick--featured {
    border-color: rgba(233, 23, 82, 0.5);
}
html[data-theme="dark"] .mf-upgrade-pick.is-selected {
    border: 1.5px solid #e91752;
    box-shadow: 0 8px 20px rgba(233, 23, 82, 0.2);
    background: linear-gradient(180deg, rgba(233, 23, 82, 0.18), #ffffff0a 48%);
}
html[data-theme="dark"] .mf-upgrade-pick__row {
    background: transparent !important;
    color: inherit !important;
}
html[data-theme="dark"] .mf-mkt-pricing__ribbon.mf-mkt-pricing__ribbon--current,
html[data-theme="dark"] .mf-upgrade-pick__badge--current {
    background: #64748b !important;
}
html[data-theme="dark"] .mf-upgrade-pick__coins,
html[data-theme="dark"] .mf-upgrade-pick__price {
    color: #fff;
}
html[data-theme="dark"] .mf-upgrade-pick__title,
html[data-theme="dark"] .mf-upgrade-pick__old,
html[data-theme="dark"] .mf-upgrade-modal__foot-hint {
    color: #bbb;
}
html[data-theme="dark"] .mf-upgrade-modal__wallet-pill {
    background: color-mix(in srgb, #facc15 22%, #303030);
    color: #fde68a;
}
html[data-theme="dark"] .mf-upgrade-pick__radio {
    border-color: #a3a3a3;
    background: transparent;
}
html[data-theme="dark"] .mf-upgrade-pick.is-selected .mf-upgrade-pick__radio {
    border-color: #fff;
    background:
        radial-gradient(circle at center, #fff 0 42%, transparent 43%),
        transparent;
}
html[data-theme="dark"] .mf-upgrade-compare__toggle {
    border-color: rgba(255, 255, 255, 0.12);
    background: #242424 !important;
    color: #eee !important;
}
html[data-theme="dark"] .mf-upgrade-compare__toggle[aria-expanded="true"] {
    border-color: #e91752;
}
html[data-theme="dark"] .mf-upgrade-compare__panel {
    border-color: #e91752;
    background: #1d1d1d;
}
html[data-theme="dark"] .mf-upgrade-modal__cta {
    border-top-color: rgba(255, 255, 255, 0.1);
    background: #1d1d1d;
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .mf-mkt-notes__title {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-notes__list,
html[data-theme="dark"] .mf-mkt-notes__body {
    color: rgba(235, 235, 235, 0.78);
}
html[data-theme="dark"] .mf-mkt-quotes,
html[data-theme="dark"] .mf-mkt-steps {
    background: radial-gradient(28% 33% at 51.5% 58.4%, #a3835233, #ababab00);
}
html[data-theme="dark"] .mf-mkt-quotes__card,
html[data-theme="dark"] .mf-mkt-steps__card {
    border: 1px solid rgba(255, 255, 255, 0.03);
    background: linear-gradient(180deg, #ffffff0d, #ffffff03);
    box-shadow: none;
}
html[data-theme="dark"] .mf-mkt-quotes__name,
html[data-theme="dark"] .mf-mkt-steps__name {
    color: #fff;
}
html[data-theme="dark"] .mf-mkt-quotes__text,
html[data-theme="dark"] .mf-mkt-steps__text {
    color: rgba(235, 235, 235, 0.72);
}
html[data-theme="dark"] .mf-mkt-steps__num {
    border-color: rgba(233, 23, 82, 0.45);
    background: #242424;
    color: #fff;
    box-shadow: 0 0 0 6px #1d1d1d;
}
html[data-theme="dark"] .mf-mkt-steps__icon {
    background: rgba(233, 23, 82, 0.16);
}
html[data-theme="dark"] .mf-mkt-notes__mark {
    background: rgba(251, 191, 36, 0.14);
    color: #fbbf24;
}
html[data-theme="dark"] .mf-mkt-page__crumb,
html[data-theme="dark"] .mf-mkt-page__card {
    border-color: rgba(255, 255, 255, 0.08);
    background: #242424;
    box-shadow: none;
    color: #ebebeb;
}
html[data-theme="dark"] .mf-mkt-page__crumb,
html[data-theme="dark"] .mf-mkt-page__crumb a {
    color: rgba(235, 235, 235, 0.72) !important;
}
html[data-theme="dark"] .mf-mkt-page__crumb a:hover,
html[data-theme="dark"] .mf-mkt-page__crumb a:focus-visible,
html[data-theme="dark"] .mf-mkt-page__crumb [aria-current="page"] {
    color: #ffffff !important;
}
html[data-theme="dark"] .mf-mkt-page__title,
html[data-theme="dark"] .mf-mkt-page__social-title,
html[data-theme="dark"] .mf-mkt-page__details,
html[data-theme="dark"] .mf-mkt-page__id,
html[data-theme="dark"] .mf-mkt-page__phone,
html[data-theme="dark"] .mf-mkt-page__prose h2 {
    color: #ffffff !important;
}
html[data-theme="dark"] .mf-mkt-page__lede,
html[data-theme="dark"] .mf-mkt-page__prose,
html[data-theme="dark"] .mf-mkt-page__list {
    color: rgba(235, 235, 235, 0.78);
}
html[data-theme="dark"] .mf-mkt-page__faq-link {
    color: #fb923c !important;
}
html[data-theme="dark"] .mf-mkt-page__faq-link:hover,
html[data-theme="dark"] .mf-mkt-page__faq-link:focus-visible {
    color: #fdba74 !important;
}
html[data-theme="dark"] .mf-mkt-page__id:hover,
html[data-theme="dark"] .mf-mkt-page__id:focus-visible,
html[data-theme="dark"] .mf-mkt-page__phone:hover,
html[data-theme="dark"] .mf-mkt-page__phone:focus-visible {
    color: #fb923c !important;
}
html[data-theme="dark"] .mf-mkt-page__divider {
    background: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .mf-mkt-page__social-link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .mf-mkt-page__social-link:hover,
html[data-theme="dark"] .mf-mkt-page__social-link:focus-visible {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .mf-mkt-footer {
    background: #181818;
    border-top-color: rgba(255, 255, 255, 0.06);
    color: #ebebeb;
}
html[data-theme="dark"] .mf-mkt-footer .mf-mkt-footer__title {
    color: #ffffff;
}
html[data-theme="dark"] .mf-mkt-footer__text {
    color: rgba(235, 235, 235, 0.88); /* ≥4.5:1 on #181818 */
}
html[data-theme="dark"] .mf-mkt-footer__social-link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .mf-mkt-footer__social-link:hover,
html[data-theme="dark"] .mf-mkt-footer__social-link:focus-visible {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .mf-mkt-footer__nav {
    border-top-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .mf-mkt-footer__nav a {
    color: rgba(235, 235, 235, 0.78) !important;
}
html[data-theme="dark"] .mf-mkt-footer__nav a:hover,
html[data-theme="dark"] .mf-mkt-footer__nav a:focus-visible,
html[data-theme="dark"] .mf-mkt-footer__nav a[aria-current="page"] {
    color: #ffffff !important;
}
html[data-theme="dark"] .mf-mkt-footer__copy {
    color: rgba(235, 235, 235, 0.78); /* ≥4.5:1 on #181818 */
}
html[data-theme="dark"] .mf-auth-gate {
    background:
        radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--mf-chrome-soft) 85%, #101216) 0%, transparent 55%),
        var(--mf-void);
}

html:not([data-theme="dark"]) .mf-audio-player__card {
    border-radius: 1rem;
    border-color: #E7E5E4;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
html:not([data-theme="dark"]) .mf-audio-player__play {
    border-radius: var(--mf-btn-radius, 10px);
    background: #0a0a0a;
    box-shadow: none;
}
html:not([data-theme="dark"]) .mf-audio-player__play:hover:not(:disabled) {
    background: #0C0A09;
}
html:not([data-theme="dark"]) .mf-audio-player.is-playing .mf-audio-player__play {
    background: #0C0A09;
}
html:not([data-theme="dark"]) .mf-audio-player__label { color: #0C0A09; }
html:not([data-theme="dark"]) .mf-audio-player__time { color: #777169; }
html:not([data-theme="dark"]) .mf-audio-player__track { background: #E7E5E4; }
html:not([data-theme="dark"]) .mf-audio-player__fill { background: #292524; }
html:not([data-theme="dark"]) .mf-btn--primary,
html:not([data-theme="dark"]) .mf-btn--secondary,
html:not([data-theme="dark"]) .mf-btn--outline {
    border-radius: 10px;
}

@media (max-width: 640px) {
    .mf-theme-control {
        width: 4.5rem;
        height: 2.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mf-theme-control *,
    .mf-audio-player__play,
    .mf-audio-player__dl {
        scroll-behavior: auto;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}