.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border: 1px solid #eeedf5;
  border-radius: 50%;
  background: #fff;
  color: #3a3f55;
  cursor: pointer;
  flex: 0 0 auto;
  box-sizing: border-box;
  line-height: 0;
  font-size: 0;
  overflow: visible;
}
.theme-toggle svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  position: static;
  margin: 0;
}
.theme-toggle .theme-moon { display: block; }
.theme-toggle .theme-sun { display: none; }
.theme-toggle:hover { background: #f4f2fb; color: #6d4aff; }
html[data-theme="dark"] .theme-toggle .theme-moon { display: none; }
html[data-theme="dark"] .theme-toggle .theme-sun { display: block; }

/* Keep sun/moon centered in open mobile drawer + dash tools */
.site-header.open .theme-toggle,
.nav-menu-tools .theme-toggle,
.dash-tools .theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border-radius: 50%;
  box-sizing: border-box;
  line-height: 0;
  font-size: 0;
  flex: 0 0 auto;
}
.site-header.open .theme-toggle svg,
.nav-menu-tools .theme-toggle svg,
.dash-tools .theme-toggle svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  position: static;
  margin: 0;
}
.site-header.open .theme-toggle .theme-moon,
.nav-menu-tools .theme-toggle .theme-moon,
.dash-tools .theme-toggle .theme-moon {
  display: block;
}
.site-header.open .theme-toggle .theme-sun,
.nav-menu-tools .theme-toggle .theme-sun,
.dash-tools .theme-toggle .theme-sun {
  display: none;
}
html[data-theme="dark"] .site-header.open .theme-toggle .theme-moon,
html[data-theme="dark"] .nav-menu-tools .theme-toggle .theme-moon,
html[data-theme="dark"] .dash-tools .theme-toggle .theme-moon {
  display: none;
}
html[data-theme="dark"] .site-header.open .theme-toggle .theme-sun,
html[data-theme="dark"] .nav-menu-tools .theme-toggle .theme-sun,
html[data-theme="dark"] .dash-tools .theme-toggle .theme-sun {
  display: block;
}

.dash-side-theme { margin: 14px 0 4px; }
.dash aside .theme-toggle {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border-radius: 50%;
}
.dash-tools { display: none; }

html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #f4f1fb;
  --text: #c4bed6;
  --muted: #9d97b0;
  --line: #332d44;
  --bg: #100e16;
  --soft: #241f33;
  --lav: #2a2340;
  --card: #1b1726;
  --shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

html[data-theme="dark"] body {
  background: #100e16;
  color: #f4f1fb;
}

html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-header.open .nav-links {
  background: rgba(16, 14, 22, .92);
  border-color: #2c2738;
  box-shadow: none;
}
html[data-theme="dark"] .nav-links,
html[data-theme="dark"] .nav-links a,
html[data-theme="dark"] .nav-actions .btn-link,
html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer a,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] .section-title {
  color: #f4f1fb;
}
/* Soft underline wash — opaque light pink from .brush washes out white text */
html[data-theme="dark"] .brush {
  background-image: linear-gradient(
    transparent 82%,
    rgba(255, 79, 163, .28) 82%,
    rgba(255, 79, 163, .28) 100%
  );
}
html[data-theme="dark"] .nav-links a:hover,
html[data-theme="dark"] .nav-links a.active,
html[data-theme="dark"] .nav-actions .btn-link:hover {
  background: #2a2340;
  color: #c9bfff;
}
html[data-theme="dark"] .nav-actions .menu,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .btn-secondary {
  background: #1c1828;
  border-color: #3a3450;
  color: #f4f1fb;
}
html[data-theme="dark"] .nav-actions .menu span { background: #f4f1fb; }
html[data-theme="dark"] .brand img:not(.header-brand-logo):not(.footer-brand-logo) {
  filter: invert(1) hue-rotate(180deg) saturate(1.15);
}

/* Header / dash wordmarks: light asset in light mode, onboarding (light) asset in dark — never invert */
.site-header .brand,
.dash aside .brand,
#dash-nav .brand,
.creator-chrome__brand {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}
.site-header .brand img,
.site-header .header-brand-logo,
.dash aside .brand img,
.dash aside .header-brand-logo,
#dash-nav .brand img,
#dash-nav .header-brand-logo,
.creator-chrome__brand .header-brand-logo {
  height: 36px;
  width: auto;
  max-width: min(168px, 100%);
  object-fit: contain;
  object-position: left center;
  filter: none;
}
.creator-chrome__brand .header-brand-logo {
  height: 28px;
}
html:not([data-theme="dark"]) .site-header .brand .header-brand-logo--dark,
html:not([data-theme="dark"]) .dash aside .brand .header-brand-logo--dark,
html:not([data-theme="dark"]) #dash-nav .brand .header-brand-logo--dark,
html:not([data-theme="dark"]) .creator-chrome__brand .header-brand-logo--dark {
  display: none !important;
}
html:not([data-theme="dark"]) .site-header .brand .header-brand-logo--light,
html:not([data-theme="dark"]) .dash aside .brand .header-brand-logo--light,
html:not([data-theme="dark"]) #dash-nav .brand .header-brand-logo--light,
html:not([data-theme="dark"]) .creator-chrome__brand .header-brand-logo--light {
  display: block !important;
  filter: none;
}
html[data-theme="dark"] .site-header .brand .header-brand-logo--light,
html[data-theme="dark"] .dash aside .brand .header-brand-logo--light,
html[data-theme="dark"] #dash-nav .brand .header-brand-logo--light,
html[data-theme="dark"] .creator-chrome__brand .header-brand-logo--light {
  display: none !important;
}
html[data-theme="dark"] .site-header .brand .header-brand-logo--dark,
html[data-theme="dark"] .dash aside .brand .header-brand-logo--dark,
html[data-theme="dark"] #dash-nav .brand .header-brand-logo--dark,
html[data-theme="dark"] .creator-chrome__brand .header-brand-logo--dark {
  display: block !important;
  filter: none;
}
@media (max-width: 640px) {
  .site-header .brand img,
  .site-header .header-brand-logo {
    height: 30px;
    max-width: min(145px, 100%);
  }
}

/* Footer wordmarks: light asset in light mode, onboarding (light) asset in dark — never invert */
.footer .brand {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-width: 0;
}
.footer .brand img,
.footer .footer-brand-logo {
  height: 32px;
  width: auto;
  max-width: min(168px, 100%);
  object-fit: contain;
  object-position: left center;
  filter: none;
}
/* Beat .footer .brand img { display } — hide the inactive wordmark completely */
html:not([data-theme="dark"]) .footer .brand .footer-brand-logo--dark {
  display: none !important;
}
html:not([data-theme="dark"]) .footer .brand .footer-brand-logo--light {
  display: block !important;
  filter: none;
}
html[data-theme="dark"] .footer .brand .footer-brand-logo--light {
  display: none !important;
}
html[data-theme="dark"] .footer .brand .footer-brand-logo--dark {
  display: block !important;
  filter: none;
}

.footer-socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  max-width: 100%;
}
.footer-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background: #eceaf2;
  color: #2c3148;
  opacity: 1;
  transition: background .15s ease, color .15s ease;
}
.footer-socials a:hover {
  background: #e0dde8;
  color: #16141f;
}
.footer-socials svg {
  width: 18px;
  height: 18px;
  display: block;
  flex-shrink: 0;
}
html[data-theme="dark"] .footer-socials a {
  background: #2a2540;
  color: #f4f1fb;
  opacity: 1;
}
html[data-theme="dark"] .footer-socials a:hover {
  background: #342e4d;
  color: #fff;
}

html[data-theme="dark"] .board-hero,
html[data-theme="dark"] .page-head,
html[data-theme="dark"] .section,
html[data-theme="dark"] .section.soft,
html[data-theme="dark"] .auth,
html[data-theme="dark"] .profile-page,
html[data-theme="dark"] .dash,
html[data-theme="dark"] .system {
  background: #100e16;
  color: #f4f1fb;
}
html[data-theme="dark"] .page-head {
  background: radial-gradient(ellipse 70% 100% at 50% 0%, #2a2144 0%, #100e16 70%);
}
html[data-theme="dark"] p,
html[data-theme="dark"] .section-lead,
html[data-theme="dark"] .handle,
html[data-theme="dark"] .bio,
html[data-theme="dark"] .footer-bottom,
html[data-theme="dark"] .secure,
html[data-theme="dark"] .legal-meta {
  color: #b7b1c7;
}

html[data-theme="dark"] .footer {
  background: #16131f;
  border-top: 1px solid #2c2738;
}
html[data-theme="dark"] .footer h5,
html[data-theme="dark"] .footer-bottom { color: #9d97b0; }
html[data-theme="dark"] .footer-grid > div:not(:first-child),
html[data-theme="dark"] .footer-bottom { border-color: #2c2738; }

html[data-theme="dark"] .statbar,
html[data-theme="dark"] .kind,
html[data-theme="dark"] .quote,
html[data-theme="dark"] .feature-grid article,
html[data-theme="dark"] .creator-card,
html[data-theme="dark"] .step-col,
html[data-theme="dark"] .article-grid article,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .sheet,
html[data-theme="dark"] .support-card,
html[data-theme="dark"] .about-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .stat-grid article,
html[data-theme="dark"] .cookie-card,
html[data-theme="dark"] .faq details,
html[data-theme="dark"] .profile-stats,
html[data-theme="dark"] .profile-page .mini-socials.dark a,
html[data-theme="dark"] .legal-box,
html[data-theme="dark"] .job,
html[data-theme="dark"] .perk-row span,
html[data-theme="dark"] .trust-bar span,
html[data-theme="dark"] .logo-strip span,
html[data-theme="dark"] .sheet-block {
  background: #1c1828;
  color: #f4f1fb;
  border-color: #332d44;
  box-shadow: none;
}
html[data-theme="dark"] .kind .ico,
html[data-theme="dark"] .eyebrow {
  background: #2a2340;
  color: #c9bfff;
}
html[data-theme="dark"] .quote::before { color: #2a2340; }
html[data-theme="dark"] .quote p,
html[data-theme="dark"] .kind b,
html[data-theme="dark"] .statbar strong { color: #f4f1fb; }
html[data-theme="dark"] .statbar span,
html[data-theme="dark"] .quote-who small { color: #9d97b0; }

html[data-theme="dark"] table.rank th {
  color: #b7b1c7;
  border-color: #3a3450;
}
html[data-theme="dark"] table.rank td {
  border-color: #332d44;
}
html[data-theme="dark"] .input,
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .sheet input,
html[data-theme="dark"] .sheet textarea,
html[data-theme="dark"] .sheet-block input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .sheet-block textarea,
html[data-theme="dark"] .support-card input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] .support-card textarea,
html[data-theme="dark"] .page-head .search-bar input,
html[data-theme="dark"] .newsletter input {
  background: #16131f;
  color: #f4f1fb;
  border-color: #4a4460;
}
html[data-theme="dark"] .input:focus-within,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus {
  background: #1c1828;
  border-color: #8b74ff;
}
html[data-theme="dark"] .input .ico,
html[data-theme="dark"] .prefix-text,
html[data-theme="dark"] .field-hint { color: #9d97b0; }
html[data-theme="dark"] .input-state {
  color: #9d97b0;
  background: rgba(255, 255, 255, .06);
  border: 0;
}
html[data-theme="dark"] .input-state:empty { background: transparent; }
html[data-theme="dark"] .input-state.ok {
  color: #5dcea0;
  background: rgba(93, 206, 160, .14);
  border: 0;
  border-color: transparent;
}
html[data-theme="dark"] .input-state.bad {
  color: #ff7a9a;
  background: rgba(255, 122, 154, .14);
  border: 0;
  border-color: transparent;
}
html[data-theme="dark"] .toggle-pass { color: #c4bed6; }
html[data-theme="dark"] .toggle-pass:hover { background: #2a2340; color: #c9bfff; }

html[data-theme="dark"] .faq details summary,
html[data-theme="dark"] .faq-side h3,
html[data-theme="dark"] .faq-side .side-list li { color: #f4f1fb; }
html[data-theme="dark"] .faq.faq-list summary::after { border-color: #f4f1fb; }
html[data-theme="dark"] .faq-side {
  background: linear-gradient(160deg, #241c3a, #2a1c2e);
  border-color: #3a3450;
}
html[data-theme="dark"] .faq-side .side-list { background: rgba(16, 14, 22, .45); }

/* FAQ: pink "For fans" eyebrow + help-center split-card (inline light styles) */
html[data-theme="dark"] .step-board .eyebrow[style*="ffe6f2"],
html[data-theme="dark"] .step-board .eyebrow[style*="ff4fa3"] {
  background: #2a2340 !important;
  color: #c9bfff !important;
}
html[data-theme="dark"] .section .card.split-card[style*="f4efff"],
html[data-theme="dark"] .section .card.split-card[style*="ffeaf4"] {
  background: #1c1828 !important;
  border: 1px solid #332d44 !important;
  color: #f4f1fb;
  box-shadow: none;
}
html[data-theme="dark"] .section .card.split-card[style*="f4efff"] h3,
html[data-theme="dark"] .section .card.split-card[style*="ffeaf4"] h3 {
  color: #f4f1fb;
}
html[data-theme="dark"] .section .card.split-card[style*="f4efff"] p,
html[data-theme="dark"] .section .card.split-card[style*="ffeaf4"] p {
  color: #b7b1c7;
}

html[data-theme="dark"] .dash aside {
  background: #16131f;
  border-color: #2c2738;
}
html[data-theme="dark"] .dash aside a,
html[data-theme="dark"] .dash aside button {
  color: #d9d3e8;
}
html[data-theme="dark"] .dash aside a.on,
html[data-theme="dark"] .dash aside a:hover,
html[data-theme="dark"] .dash aside button:hover {
  background: #2a2340;
  color: #c9bfff;
}
html[data-theme="dark"] .dash-who small { color: #9d97b0; }
html[data-theme="dark"] .menu-btn span,
html[data-theme="dark"] .nav-actions .menu span { background: #f4f1fb; }
html[data-theme="dark"] .amounts label {
  background: #16131f;
  border-color: #3a3450;
  color: #f4f1fb;
}
html[data-theme="dark"] .amounts label:has(input:checked) {
  background: #6d4aff;
  border-color: #6d4aff;
  color: #fff;
}
html[data-theme="dark"] .supporters li,
html[data-theme="dark"] .tx li,
html[data-theme="dark"] .link-list a,
html[data-theme="dark"] .rich-text h2 { border-color: #332d44; }
html[data-theme="dark"] .dot-avatar { background: #2a2340; color: #c9bfff; }
html[data-theme="dark"] .cookie-copy p,
html[data-theme="dark"] .cookie-opt small { color: #b7b1c7; }
html[data-theme="dark"] .cookie-opt { background: #16131f; border-color: #332d44; }
html[data-theme="dark"] .cookie-btn-ghost { background: #2a2340; color: #f4f1fb; }
html[data-theme="dark"] .cookie-btn-text { color: #f4f1fb; }
html[data-theme="dark"] .tabs a { background: #1c1828; color: #f4f1fb; border-color: #332d44; }
html[data-theme="dark"] .check,
html[data-theme="dark"] .auth-form label,
html[data-theme="dark"] .sheet label,
html[data-theme="dark"] .sheet-block label,
html[data-theme="dark"] .field { color: #d9d3e8; }

html[data-theme="dark"] .card,
html[data-theme="dark"] .link-card,
html[data-theme="dark"] .mockup,
html[data-theme="dark"] .phone-screen,
html[data-theme="dark"] .iphone-screen,
html[data-theme="dark"] .heart-float,
html[data-theme="dark"] .support-float,
html[data-theme="dark"] .hero-card,
html[data-theme="dark"] .fee-card,
html[data-theme="dark"] .pay-chip,
html[data-theme="dark"] .press-logo,
html[data-theme="dark"] .auth-card {
  background: #1c1828;
  border-color: #332d44;
  color: #f4f1fb;
  box-shadow: none;
}
html[data-theme="dark"] .fee-card {
  border: 1px solid #332d44;
}
html[data-theme="dark"] .fee-card h3 { color: #6d4aff; }
html[data-theme="dark"] .fee-card p,
html[data-theme="dark"] .fee-card .checks div {
  color: #f4f1fb;
}
html[data-theme="dark"] .fee-note { color: #b7b1c7; }
html[data-theme="dark"] .pay-chip {
  background: #241f33;
  border-color: #3a3450;
}
html[data-theme="dark"] .pay-word { color: #f4f1fb; }
html[data-theme="dark"] .pay-word.pp { color: #6b8ae8; }
html[data-theme="dark"] .pay-word.pp b { color: #3db4e6; }
html[data-theme="dark"] .pay-chip[title="Apple Pay"] svg path { fill: #f4f1fb; }
html[data-theme="dark"] .pay-chip[title="Visa"] svg text { fill: #8fa0ff; }
html[data-theme="dark"] .auth-card h1,
html[data-theme="dark"] .dash-top h1,
html[data-theme="dark"] .dash-who b,
html[data-theme="dark"] .iphone-profile h4 { color: #f4f1fb; }
html[data-theme="dark"] .auth-role-tabs {
  background: #1a1624;
  border-color: #332d44;
}
html[data-theme="dark"] .auth-role-tab {
  color: #9d97b0;
}
html[data-theme="dark"] .auth-role-tab:hover {
  color: #f4f1fb;
  background: rgba(42, 35, 64, .85);
}
html[data-theme="dark"] .auth-role-tab.is-active,
html[data-theme="dark"] .auth-role-tab[aria-current="page"] {
  color: #fff;
  background: linear-gradient(135deg, #6d4aff 0%, #ff4fa3 100%);
  box-shadow: 0 8px 18px rgba(109, 74, 255, .35);
}
html[data-theme="dark"] .btn-google {
  background: #fff;
  border: 1px solid #dadce0;
  color: #1f1f1f;
  box-shadow: none;
}
html[data-theme="dark"] .btn-google:hover {
  background: #fafafa;
  border-color: #c6c6c6;
  color: #1f1f1f;
  opacity: 1;
}
html[data-theme="dark"] .btn-google-label {
  color: #1f1f1f;
}
html[data-theme="dark"] .auth-or,
html[data-theme="dark"] .auth-divider { color: #9d97b0; }
html[data-theme="dark"] .auth-or::before,
html[data-theme="dark"] .auth-or::after,
html[data-theme="dark"] .auth-divider::before,
html[data-theme="dark"] .auth-divider::after { background: #3a3548; }
html[data-theme="dark"] .input.prefix .prefix-text { color: #9eb6ff; border-color: #4a4460; }
html[data-theme="dark"] .input.is-locked { background: #1a1624; }
html[data-theme="dark"] .quick-answer {
  background: #241c3a;
  color: #c4bed6;
  border-left-color: #8b74ff;
}
html[data-theme="dark"] .icon,
html[data-theme="dark"] .trust-dot,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .tag,
html[data-theme="dark"] .iphone-socials span,
html[data-theme="dark"] .iphone-wish-item span {
  background: #2a2340;
  color: #c9bfff;
}
html[data-theme="dark"] .comparison th { background: #241c3a; color: #f4f1fb; }
html[data-theme="dark"] .comparison td { border-color: #332d44; color: #c4bed6; }
html[data-theme="dark"] .comparison tr:last-child td {
  background: #1a2a22;
  color: #5dcea0;
}
html[data-theme="dark"] .iphone-amounts span {
  border-color: #332d44;
  color: #f4f1fb;
}
html[data-theme="dark"] .iphone-wish-item { border-color: #332d44; }
html[data-theme="dark"] .iphone-bio,
html[data-theme="dark"] .dash-top p { color: #b7b1c7; }
html[data-theme="dark"] .cta .btn { background: #fff; color: #1b1f33; }
html[data-theme="dark"] .cta p { color: #f4f1fb; }
html[data-theme="dark"] .dash {
  background:
    radial-gradient(ellipse 70% 40% at 100% 0%, #2a2144 0%, transparent 58%),
    #100e16;
}
html[data-theme="dark"] .dash-who { border-color: #2c2738; }
html[data-theme="dark"] .bars span,
html[data-theme="dark"] .profile-page .mini-socials a {
  background: #2a2340;
}
html[data-theme="dark"] .bars .bar-amount,
html[data-theme="dark"] .panel .chart-total strong {
  color: #f4f1fb;
}
html[data-theme="dark"] .chart-total em {
  color: #5dcea0;
}
html[data-theme="dark"] .profile-page { background: #100e16; }
html[data-theme="dark"] .site-header.open .nav-links {
  background: #16131f;
  border-color: #2c2738;
}

@media (max-width: 640px) {
  html[data-theme="dark"] .footer {
    background: #16131f;
  }
  html[data-theme="dark"] .footer ul a { color: #f4f1fb; }
  html[data-theme="dark"] .footer h5 { color: #9d97b0; }
  html[data-theme="dark"] .footer-bottom { border-color: #2c2738; }
}

@media (max-width: 860px) {
  .dash-tools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 8px;
  }
}

/* Language switcher styles live in board.css */
.nav-menu-tools {
  display: none;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #eeedf5;
}
.site-header.open .nav-menu-tools { display: flex; }
@media (max-width: 980px) {
  /* board.css owns the open mobile sheet grid (lang + theme); don't force flex */
  .site-header.open .nav-menu-tools { display: grid; }
}
.dash-side-theme {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 4px;
}

html[data-theme="dark"] .nav-menu-tools { border-color: #332d44; }
@media (min-width: 981px) {
  html[data-theme="dark"] .site-header.open .nav-links {
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  html[data-theme="dark"] .site-header.open .nav-menu-cta {
    background: #16131f;
    border-color: #2c2738;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
  }
  html[data-theme="dark"] .site-header.open .nav-menu-tools { border-color: transparent; }
}

/* Dashboard chrome + subpages: hard-coded light colors lose to these */
html[data-theme="dark"] .dash-main,
html[data-theme="dark"] .dash-stack {
  color: #f4f1fb;
}
html[data-theme="dark"] .stat-grid span {
  color: #9d97b0;
}
html[data-theme="dark"] .stat-grid strong,
html[data-theme="dark"] .panel h2,
html[data-theme="dark"] .sheet h2,
html[data-theme="dark"] .sheet-block h2,
html[data-theme="dark"] .dash-section-head h2,
html[data-theme="dark"] .tx strong,
html[data-theme="dark"] .tx b,
html[data-theme="dark"] table.rank a,
html[data-theme="dark"] table.rank td {
  color: #f4f1fb;
}
html[data-theme="dark"] .stat-grid article,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .sheet,
html[data-theme="dark"] .sheet-block {
  background: #1c1828;
  border-color: #332d44;
  box-shadow: none;
}
html[data-theme="dark"] .dash-top a { color: #c9bfff; }
html[data-theme="dark"] .hint,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .dash-empty,
html[data-theme="dark"] .tx time,
html[data-theme="dark"] .tx p,
html[data-theme="dark"] .bars small,
html[data-theme="dark"] .sheet-block > p,
html[data-theme="dark"] .dash-section-head p {
  color: #9d97b0;
}
html[data-theme="dark"] .ok {
  color: #5dcea0;
  background: rgba(93, 206, 160, .1);
  border-color: rgba(93, 206, 160, .28);
}
html[data-theme="dark"] .form-error { color: #ff7a9a; }
html[data-theme="dark"] .btn-ghost {
  background: #16131f;
  color: #f4f1fb;
  border-color: #3a3450;
}
html[data-theme="dark"] .btn-ghost:hover {
  background: #2a2340;
  color: #c9bfff;
  border-color: #4a4460;
}
html[data-theme="dark"] .tabs a {
  background: #16131f;
  color: #d9d3e8;
  border-color: #332d44;
}
html[data-theme="dark"] .tabs a.on {
  background: #6d4aff;
  color: #fff;
  border-color: #6d4aff;
}
html[data-theme="dark"] table.rank th,
html[data-theme="dark"] table.rank td {
  border-color: #332d44;
}
html[data-theme="dark"] .link-preview {
  background: #16131f;
  border-color: #332d44;
}
html[data-theme="dark"] .link-preview a { color: #c9bfff; }
html[data-theme="dark"] .sheet .check,
html[data-theme="dark"] label.check {
  color: #d9d3e8;
}
html[data-theme="dark"] .toggle-list {
  background: #16131f;
  border-color: #332d44;
}
html[data-theme="dark"] .toggle-list .check {
  border-color: #2c2738;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #7a748c;
  opacity: 1;
}
html[data-theme="dark"] .sheet input[type="file"],
html[data-theme="dark"] input[type="file"] {
  background: #16131f;
  color: #c4bed6;
  border-color: #3a3450;
}
html[data-theme="dark"] .sheet input[type="file"]::file-selector-button,
html[data-theme="dark"] input[type="file"]::file-selector-button {
  background: #2a2340;
  color: #f4f1fb;
  border: 1px solid #3a3450;
}
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .cover-preview {
  border-color: #332d44;
  background: #16131f;
}
html[data-theme="dark"] .dash-empty {
  background: #16131f;
  border-color: #332d44;
  color: #b7b1c7;
}
html[data-theme="dark"] .dash-empty strong { color: #f4f1fb; }
html[data-theme="dark"] .search-row label { color: #d9d3e8; }
.menu-btn.dash-menu {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid #eeedf5;
  border-radius: 999px;
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.menu-btn.dash-menu span {
  width: 16px;
  height: 2px;
  margin: 0;
  background: #1b1f33;
  border-radius: 2px;
}
html[data-theme="dark"] .menu-btn.dash-menu {
  background: #1c1828;
  border: 1px solid #3a3450;
}
html[data-theme="dark"] .menu-btn.dash-menu span {
  background: #f4f1fb;
}
html[data-theme="dark"] .nav-backdrop {
  background: rgba(8, 6, 14, .62);
}

html[data-theme="dark"] .newsletter-card,
html[data-theme="dark"] .card.newsletter-card,
html[data-theme="dark"] .card.split-card.newsletter-card {
  background: #1c1828;
  border: 1px solid #332d44;
  color: #f4f1fb;
  box-shadow: none;
}
html[data-theme="dark"] .newsletter-card h3 {
  color: #f4f1fb;
}
html[data-theme="dark"] .newsletter-card p {
  color: #b7b1c7;
}
html[data-theme="dark"] .newsletter-card .newsletter input {
  background: #16131f;
  color: #f4f1fb;
  border-color: #4a4460;
}
html[data-theme="dark"] .newsletter-card .newsletter input::placeholder {
  color: #7a748c;
}

@media (max-width: 1180px) {
  .nav { gap: 12px; }
  .nav-links a { padding: 8px 10px; }
}

@media (max-width: 980px) {
  .nav-menu-tools { display: flex; }
}

/* ---- 404 error page ---- */
.error-404 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 72px);
  padding: 64px 20px 96px;
  text-align: center;
  background:
    radial-gradient(ellipse 60% 50% at 50% 18%, rgba(109, 74, 255, .10), transparent 70%),
    radial-gradient(ellipse 45% 40% at 70% 70%, rgba(255, 79, 163, .08), transparent 65%);
}
.error-404-inner {
  width: min(100%, 440px);
  margin: 0 auto;
}
.error-404-code {
  margin: 0 0 8px;
  font-family: Sora, Inter, system-ui, sans-serif;
  font-size: clamp(4.5rem, 18vw, 7.5rem);
  font-weight: 800;
  line-height: .92;
  letter-spacing: -.06em;
  background: linear-gradient(135deg, #644cff 0%, #8b5cf6 52%, #ff4fa3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.error-404 h1 {
  margin: 0 0 12px;
  font-family: Sora, Inter, system-ui, sans-serif;
  font-size: clamp(1.55rem, 4.5vw, 2rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.2;
  color: #1a1528;
}
.error-404-body {
  margin: 0 auto 28px;
  max-width: 36ch;
  font-size: 16px;
  line-height: 1.55;
  color: #5c5670;
}
.error-404-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.error-404-actions .btn-primary {
  min-width: 200px;
}
.error-404-help {
  font-size: 14px;
  font-weight: 600;
  color: #6d4aff;
  text-decoration: none;
}
.error-404-help:hover {
  text-decoration: underline;
  color: #ff4fa3;
}

html[data-theme="dark"] .error-404 {
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, #2a2040 0%, transparent 62%),
    radial-gradient(ellipse 40% 35% at 80% 80%, rgba(255, 79, 163, .12), transparent 55%),
    #12101a;
}
html[data-theme="dark"] .error-404 h1 {
  color: #f4f1fb;
}
html[data-theme="dark"] .error-404-body {
  color: #a39db8;
}
html[data-theme="dark"] .error-404-help {
  color: #c4b5fd;
}
html[data-theme="dark"] .error-404-help:hover {
  color: #ff7eb8;
}

/* Creator KYC verification badge on public profile avatar */
html[data-theme="dark"] .profile-page .creator-verify__badge {
  background: #1d9bf0;
  color: #1d9bf0;
  border-color: #16131f;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
}
html[data-theme="dark"] .profile-page .creator-verify__badge:focus-visible {
  outline-color: #1d9bf0;
}
html[data-theme="dark"] .profile-page .creator-verify__tip {
  background: #0f0f12;
  color: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .profile-page .creator-verify__tip::after {
  border-top-color: #0f0f12;
}

/* Profile media edit: camera chip + change/remove menu (owner controls) */
html[data-theme="dark"] .profile-page .profile-media-edit__btn {
  background: rgba(16, 14, 22, .78);
  color: #f6f3ff;
  border: 1px solid rgba(244, 241, 251, .38);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .45);
}
html[data-theme="dark"] .profile-page .profile-media-edit--avatar .profile-media-edit__btn {
  border: 2px solid rgba(244, 241, 251, .9);
  background: rgba(16, 14, 22, .88);
}
html[data-theme="dark"] .profile-page .profile-media-edit__btn:hover,
html[data-theme="dark"] .profile-page .profile-media-edit__btn:focus-visible {
  background: rgba(28, 24, 40, .94);
  border-color: rgba(244, 241, 251, .58);
  outline: none;
}
html[data-theme="dark"] .profile-page .profile-media-edit__menu {
  background: #1c1828;
  border: 1px solid #332d44;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .5);
}
html[data-theme="dark"] .profile-page .profile-media-edit__item {
  color: #f4f1fb;
  background: transparent;
}
html[data-theme="dark"] .profile-page .profile-media-edit__item:hover,
html[data-theme="dark"] .profile-page .profile-media-edit__item:focus-visible {
  background: #2a2340;
  outline: none;
}
html[data-theme="dark"] .profile-page .profile-media-edit__item--danger {
  color: #ff8f86;
}
html[data-theme="dark"] .profile-page .profile-media-edit__item--danger:hover,
html[data-theme="dark"] .profile-page .profile-media-edit__item--danger:focus-visible {
  background: rgba(180, 35, 24, .2);
  color: #ffb4ae;
}
html[data-theme="dark"] .profile-page .profile-media-edit__item input[type="file"],
html[data-theme="dark"] .profile-page .profile-media-edit__item input[type="file"]::file-selector-button {
  background: transparent;
  border: 0;
  color: transparent;
  box-shadow: none;
}

html[data-theme="dark"] .support-details-id strong { color: #f4f1fb; }
html[data-theme="dark"] .support-details-handle { color: #ff7ab8; }
html[data-theme="dark"] .support-details-avatar {
  background: #2a2340;
  color: #c9bfff;
}
html[data-theme="dark"] .support-amount-pill {
  background: rgba(255, 79, 163, .16);
  color: #ff7ab8;
}
html[data-theme="dark"] .support-field-label { color: #d9d3e8; }
html[data-theme="dark"] .support-field-help,
html[data-theme="dark"] .support-field-count { color: #9d97b0; }
html[data-theme="dark"] .support-card select {
  background: #16131f;
  color: #f4f1fb;
  border-color: #4a4460;
}
html[data-theme="dark"] .support-card select:focus {
  background: #1c1828;
  border-color: #8b74ff;
  box-shadow: 0 0 0 4px rgba(139, 116, 255, .16);
}
html[data-theme="dark"] .support-back { color: #c9bfff; }
html[data-theme="dark"] .support-back:hover { color: #ff7ab8; }

html[data-theme="dark"] .fan-dash-avatar--initials {
  background: #6d4aff;
  color: #fff;
}
html[data-theme="dark"] .fan-stat-grid em { color: #9d97b0; }
html[data-theme="dark"] .fan-dash-kicker { color: #9d97b0; }
html[data-theme="dark"] .fan-settings-section .input input,
html[data-theme="dark"] .fan-settings-section .input select {
  background: transparent;
  color: #f4f1fb;
  border: 0;
  box-shadow: none;
}
html[data-theme="dark"] .fan-settings-section .input input:focus,
html[data-theme="dark"] .fan-settings-section .input select:focus {
  background: transparent;
  border: 0;
  box-shadow: none;
}
html[data-theme="dark"] .fan-settings-card:hover {
  border-color: #4a4460;
  background: #1c1828;
}
html[data-theme="dark"] .btn-danger {
  background: #c23a50;
  color: #fff;
}
html[data-theme="dark"] .btn-danger:hover {
  background: #d9485f;
}

@media (max-width: 480px) {
  .error-404 {
    padding: 40px 16px 72px;
    min-height: calc(100vh - 66px);
  }
  .error-404-code {
    font-size: clamp(3.75rem, 22vw, 5.5rem);
  }
}

/* Auth login/register: hide marketing footer on mobile; keep HTML for desktop */
@media (max-width: 860px) {
  body.auth-page .footer,
  body.auth-page footer.footer {
    display: none !important;
  }
}