/* Shared app preference UI and the site-wide light palette. */
.app-settings-card > p { max-width: 620px; }
.appearance-setting,
.setting-toggle {
  min-height: 76px;
  margin-top: 14px;
  padding: 15px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: rgba(255,255,255,.018);
}
.appearance-setting strong,.appearance-setting small,
.setting-toggle strong,.setting-toggle small { display: block; }
.appearance-setting strong,.setting-toggle strong { font-size: 13px; }
.appearance-setting small,.setting-toggle small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.theme-choice { min-width: 0; margin: 0; padding: 4px; display: flex; gap: 3px; border: 1px solid var(--line); border-radius: 11px; background: #09090b; }
.theme-choice label { margin: 0; cursor: pointer; }
.theme-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.theme-choice span { min-height: 36px; padding: 0 12px; display: inline-flex; align-items: center; gap: 7px; border-radius: 7px; color: var(--muted); font-size: 11px; font-weight: 650; transition: color .16s ease,background .16s ease,box-shadow .16s ease; }
.theme-choice .ui-icon { width: 14px; height: 14px; }
.theme-choice input:checked + span { color: #09090a; background: #f3f3f4; box-shadow: 0 1px 5px rgba(0,0,0,.2); }
.theme-choice input:focus-visible + span { outline: 2px solid #8b7cff; outline-offset: 2px; }
.setting-toggle { cursor: pointer; }
.setting-toggle > span { flex: 1; }
.setting-toggle > input { width: 42px; height: 24px; flex: 0 0 42px; margin: 0; appearance: none; border: 1px solid var(--line); border-radius: 999px; background: #1b1b1e; cursor: pointer; transition: background .18s ease,border-color .18s ease; }
.setting-toggle > input::before { content:""; display:block; width:18px; height:18px; margin:2px; border-radius:50%; background:#85858e; transition:transform .18s ease,background .18s ease; }
.setting-toggle > input:checked { border-color:#8b7cff; background:#8b7cff; }
.setting-toggle > input:checked::before { background:#fff; transform:translateX(18px); }

html[data-reduce-motion="true"] *,
html[data-reduce-motion="true"] *::before,
html[data-reduce-motion="true"] *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }

html[data-theme="light"] {
  color-scheme: light;
  --bg:#f4f4f5;
  --panel:#ffffff;
  --panel2:#f8f8f9;
  --line:rgba(15,15,18,.11);
  --text:#111114;
  --muted:#686872;
  --app-bg:#f4f4f5;
  --app-panel:#ffffff;
  --app-panel-raised:#f8f8f9;
  --app-line:rgba(15,15,18,.11);
  --app-line-strong:rgba(15,15,18,.22);
  --app-text:#111114;
  --app-muted:#686872;
  --app-soft:#85858e;
  --pro-panel:#ffffff;
  --pro-raised:#f8f8f9;
  --pro-soft:#eeeeef;
  --pro-line:rgba(15,15,18,.1);
  --pro-line-strong:rgba(15,15,18,.2);
  --pro-text:#111114;
  --pro-muted:#686872;
  --auth-bg:#f4f4f5;
  --auth-panel:#ffffff;
  --auth-raised:#f8f8f9;
  --auth-line:rgba(15,15,18,.11);
  --auth-line-strong:rgba(15,15,18,.22);
  --auth-text:#111114;
  --auth-muted:#686872;
  --auth-accent:#111114;
}

/* Main application */
html[data-theme="light"],html[data-theme="light"] body,
html[data-theme="light"] body:has(.app-shell),html[data-theme="light"] .workspace,
html[data-theme="light"] .workspace main { color:var(--text) !important; background:#f4f4f5 !important; }
html[data-theme="light"] .rail { border-color:var(--line) !important; background:#fafafa !important; }
html[data-theme="light"] .brand img,html[data-theme="light"] .mobile-brand img,
html[data-theme="light"] .auth-wordmark img,html[data-theme="light"] .auth-hero-mark { filter:invert(1); }
html[data-theme="light"] .brand b,html[data-theme="light"] .mobile-brand b,
html[data-theme="light"] .account-link strong,html[data-theme="light"] .topbar h1 { color:#111114 !important; }
html[data-theme="light"] .nav-link,html[data-theme="light"] .account-link { color:#686872 !important; }
html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .nav-link.active,html[data-theme="light"] .account-link:hover { color:#111114 !important; background:#ececee !important; }
html[data-theme="light"] .topbar { border-color:var(--line) !important; background:rgba(244,244,245,.9) !important; }
html[data-theme="light"] .mobile-dock { border-color:var(--line) !important; background:rgba(250,250,250,.94) !important; box-shadow:0 -10px 30px rgba(15,15,18,.08) !important; }
html[data-theme="light"] .mobile-dock button { color:#71717a !important; }
html[data-theme="light"] .mobile-dock button.active { color:#5b4ccc !important; background:rgba(109,90,230,.1) !important; }
html[data-theme="light"] .avatar,html[data-theme="light"] .avatar-button { color:#111114 !important; background:#eeeeef !important; border-color:var(--line) !important; }

html[data-theme="light"] .home-command,html[data-theme="light"] .network-hero,
html[data-theme="light"] .compact-network-hero,html[data-theme="light"] .directory-hero,
html[data-theme="light"] .store-ops-head,html[data-theme="light"] .money-hero,
html[data-theme="light"] .account-intro { border-color:var(--line) !important; background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(245,245,247,.7)),#fff !important; }
html[data-theme="light"] .home-balance,html[data-theme="light"] .home-pulse button,
html[data-theme="light"] .listing-card,html[data-theme="light"] .network-card,
html[data-theme="light"] .storefront-card,html[data-theme="light"] .business-card,
html[data-theme="light"] .settings-card,html[data-theme="light"] .action-card,
html[data-theme="light"] .store-ops-panel,html[data-theme="light"] .store-ops-stats article,
html[data-theme="light"] .store-revenue-strip,html[data-theme="light"] .money-balance-card,
html[data-theme="light"] .money-actions-card,html[data-theme="light"] .store-funds-panel,
html[data-theme="light"] .money-history-panel,html[data-theme="light"] .messenger,
html[data-theme="light"] .network-tools,html[data-theme="light"] .directory-tools,
html[data-theme="light"] .search-bar,html[data-theme="light"] #appDialog { color:#111114 !important; border-color:var(--line) !important; background:#fff !important; box-shadow:0 14px 44px rgba(15,15,18,.06); }
html[data-theme="light"] .home-balance > button,html[data-theme="light"] .business-manage,
html[data-theme="light"] .money-action,html[data-theme="light"] .wallet-metrics > div,
html[data-theme="light"] .subnav,html[data-theme="light"] .inbox-switch,
html[data-theme="light"] .thread-search,html[data-theme="light"] .theme-choice,
html[data-theme="light"] .appearance-setting,html[data-theme="light"] .setting-toggle,
html[data-theme="light"] .profile-contact-fields,html[data-theme="light"] .store-contact-fields,
html[data-theme="light"] .deposit-box { color:#111114 !important; border-color:var(--line) !important; background:#f7f7f8 !important; }
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select,
html[data-theme="light"] .network-tools label,html[data-theme="light"] .directory-tools label { color:#111114 !important; border-color:var(--line) !important; background:#fff !important; }
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder { color:#909099 !important; }
html[data-theme="light"] .thread-column { border-color:var(--line) !important; background:#fafafa !important; }
html[data-theme="light"] .conversation { background:radial-gradient(circle at 50% 15%,rgba(109,90,230,.035),transparent 35%),#fff !important; }
html[data-theme="light"] .bubble { color:#111114; background:#eeeeef; }
html[data-theme="light"] .bubble.mine { color:#fff; background:#6d5ae6; }
html[data-theme="light"] .solid-button,html[data-theme="light"] .light-button { color:#fff !important; border-color:#111114 !important; background:#111114 !important; }
html[data-theme="light"] .outline-button,html[data-theme="light"] .row-action { color:#222228 !important; border-color:var(--line) !important; background:#fff !important; }
html[data-theme="light"] .outline-button:hover,html[data-theme="light"] .row-action:hover { background:#f0f0f1 !important; }
html[data-theme="light"] .filter.active,html[data-theme="light"] .subnav button.active,
html[data-theme="light"] .inbox-switch button.active { color:#fff !important; border-color:#111114 !important; background:#111114 !important; }
html[data-theme="light"] .icon-tile { color:#5443c4; background:#eeebff; }
html[data-theme="light"] .profile-contact-fields legend,html[data-theme="light"] .store-contact-fields legend { color:#111114; }
html[data-theme="light"] .profile-avatar-picker { border-color:var(--line); background:#eeeeef; }
html[data-theme="light"] .setting-toggle > input { background:#d8d8dc; }
html[data-theme="light"] .setting-toggle > input::before { background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.18); }
html[data-theme="light"] .theme-choice input:checked + span { color:#fff; background:#111114; }
html[data-theme="light"] .listing-media,html[data-theme="light"] .network-card-media,
html[data-theme="light"] .business-cover,html[data-theme="light"] .storefront-art { background:linear-gradient(145deg,#eeeeef,#dedee2) !important; }
html[data-theme="light"] #toast { color:#fff; background:#17171a; }

/* Authentication */
html[data-theme="light"] body.auth-page { color:var(--auth-text); background:radial-gradient(720px 420px at 12% 88%,rgba(109,90,230,.07),transparent 68%),var(--auth-bg); }
html[data-theme="light"] body.auth-page::before { background-image:linear-gradient(rgba(15,15,18,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,15,18,.035) 1px,transparent 1px); }
html[data-theme="light"] .auth-wordmark,html[data-theme="light"] .auth-wordmark strong,
html[data-theme="light"] .auth-intro h1,html[data-theme="light"] .auth-panel h2,
html[data-theme="light"] .auth-panel h3 { color:#111114 !important; }
html[data-theme="light"] .auth-panel { border-color:var(--auth-line); background:#fff; box-shadow:0 30px 80px rgba(15,15,18,.09); }
html[data-theme="light"] body.auth-page input:not([type="checkbox"]) { color:#111114 !important; border-color:var(--auth-line) !important; background:#f7f7f8 !important; }
html[data-theme="light"] body.auth-page input:not([type="checkbox"]):focus { border-color:#777780 !important; background:#fff !important; box-shadow:0 0 0 3px rgba(15,15,18,.06); }
html[data-theme="light"] .auth-primary { color:#fff; border-color:#111114; background:#111114; }
html[data-theme="light"] .auth-secondary { color:#222228; border-color:var(--auth-line); background:#f5f5f6; }
html[data-theme="light"] .auth-text-link,html[data-theme="light"] .auth-text-button,
html[data-theme="light"] .auth-switch a,html[data-theme="light"] .auth-terms a { color:#34343a; }

/* Public landing */
html[data-theme="light"] body.ultra-site { color:#111114; background:#f4f4f5 !important; }
html[data-theme="light"] body.ultra-site .ultra-bg { background:radial-gradient(900px 560px at 16% 8%,rgba(109,90,230,.08),transparent 70%),#f4f4f5 !important; }
html[data-theme="light"] .ultra-header { border-color:var(--line); background:rgba(244,244,245,.86); }
html[data-theme="light"] .ultra-brand,html[data-theme="light"] .ultra-nav-link,
html[data-theme="light"] .ultra-hero h1,html[data-theme="light"] .ultra-section-head h2,
html[data-theme="light"] .ultra-final h2 { color:#111114 !important; }
html[data-theme="light"] .ultra-brand img { filter:invert(1); }
html[data-theme="light"] .ultra-workspace,html[data-theme="light"] .bento-card,
html[data-theme="light"] .ultra-final { color:#111114; border-color:var(--line); background:#fff !important; box-shadow:0 30px 80px rgba(15,15,18,.1); }
html[data-theme="light"] .ultra-cta:not(.primary) { color:#33333a; border-color:var(--line); background:#fff; }
html[data-theme="light"] .ultra-cta.primary,html[data-theme="light"] .ultra-nav-cta { color:#fff !important; border-color:#111114 !important; background:#111114 !important; }

@media(max-width:720px) {
  .appearance-setting { align-items:flex-start; flex-direction:column; gap:13px; }
  .theme-choice { width:100%; display:grid; grid-template-columns:repeat(3,1fr); }
  .theme-choice span { justify-content:center; padding-inline:7px; }
  .setting-toggle { gap:14px; }
}