/* QIYUAN H13 — 30-day TOP100 ranking + true light themes */

/* --------------------------------------------------------------------------
 * TOP100 hot-search ranking
 * -------------------------------------------------------------------------- */
.dream-hot-ranking-section { min-width: 0; }
.dream-hot-rank-list {
  display: grid;
  gap: 7px;
  max-height: min(66dvh, 720px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 2px 3px 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--v8-c-rgb), .38) transparent;
}
.dream-hot-rank-list::-webkit-scrollbar { width: 6px; }
.dream-hot-rank-list::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(var(--v8-c-rgb), .34); }
.dream-hot-rank-row {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 17px;
  color: var(--dream-ink);
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease;
}
.dream-hot-rank-row:hover { transform: translateY(-1px); filter: brightness(1.04); }
.dream-hot-rank-row:active { transform: scale(.99); }
.dream-hot-rank-row:disabled { cursor: wait; opacity: .78; }
.dream-hot-rank-number {
  width: 36px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #e8e5ff;
  background: rgba(var(--v8-b-rgb), .24);
  border: 1px solid rgba(var(--v8-c-rgb), .18);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .04em;
}
.dream-hot-rank-row:nth-child(1) .dream-hot-rank-number {
  color: #16141d;
  background: linear-gradient(135deg, #FFE588, #FFC870);
  border-color: rgba(255,229,136,.56);
  box-shadow: 0 6px 18px rgba(255,200,112,.2);
}
.dream-hot-rank-row:nth-child(2) .dream-hot-rank-number {
  color: #152033;
  background: linear-gradient(135deg, #E9F1FF, #9EC6FF);
  border-color: rgba(180,210,255,.6);
}
.dream-hot-rank-row:nth-child(3) .dream-hot-rank-number {
  color: #352219;
  background: linear-gradient(135deg, #F5C6A4, #D9946C);
  border-color: rgba(239,180,142,.5);
}
.dream-hot-rank-copy { min-width: 0; display: block; }
.dream-hot-rank-copy > strong {
  display: block;
  overflow: hidden;
  color: #f5f5fc;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 850;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dream-hot-rank-copy > small {
  min-width: 0;
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #858ba2;
  font-size: 9px;
  white-space: nowrap;
}
.dream-hot-rank-copy > small em {
  max-width: 90px;
  overflow: hidden;
  padding: 3px 7px;
  border-radius: 99px;
  color: var(--v8-c);
  background: rgba(var(--v8-c-rgb), .09);
  font-style: normal;
  text-overflow: ellipsis;
}
.dream-hot-rank-copy > small span { overflow: hidden; text-overflow: ellipsis; }
.dream-hot-rank-action {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--v8-c);
  background: rgba(var(--v8-c-rgb), .07);
}
.dream-hot-rank-action .dream-button-spinner,
.dream-hot-rank-empty .dream-button-spinner { width: 14px; height: 14px; margin: 0; }
.dream-hot-rank-empty {
  min-height: 94px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  padding: 18px;
  border-radius: 20px;
  color: var(--v8-c);
  text-align: center;
}
.dream-hot-rank-empty p { margin: 0; color: #8f95ab; font-size: 10px; line-height: 1.65; }
.dream-section-heading > button:disabled { opacity: .56; cursor: wait; }

/* --------------------------------------------------------------------------
 * Theme selector rows in the top-right panel
 * -------------------------------------------------------------------------- */
.dream-theme-mode-options { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.dream-theme-mode-options > button {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) 18px;
  align-items: center;
  gap: 9px;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 17px;
  color: #e8e9f3;
  background: rgba(255,255,255,.035);
  text-align: left;
}
.dream-theme-mode-options > button.is-active {
  border-color: rgba(var(--v8-c-rgb), .52);
  background: linear-gradient(125deg, rgba(var(--v8-b-rgb),.18), rgba(var(--v8-a-rgb),.08));
}
.dream-theme-mode-swatch {
  width: 46px;
  height: 46px;
  display: flex;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.1);
}
.dream-theme-mode-swatch i { flex: 1; }
.dream-theme-mode-options strong { display: block; overflow: hidden; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.dream-theme-mode-options small { display: block; margin-top: 4px; overflow: hidden; color: #7f859b; font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }
.dream-theme-mode-options svg { color: var(--v8-c); }
.dream-palette-divider { margin: 15px 0 9px; display: flex; align-items: center; gap: 9px; color: #777d98; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.dream-palette-divider::before,
.dream-palette-divider::after { content: ''; height: 1px; flex: 1; background: rgba(255,255,255,.07); }

/* --------------------------------------------------------------------------
 * New true-light themes. V7/V8 intentionally force dark cards globally, so
 * the selectors below are loaded last and only override the two new modes.
 * -------------------------------------------------------------------------- */
html[data-dream-theme="blue-white"] {
  color-scheme: light;
  --dream-ink: #22364f;
  --dream-muted: #73859b;
  --dream-surface: rgba(255,255,255,.86);
  --dream-surface-strong: rgba(255,255,255,.96);
  --dream-border: rgba(91,145,211,.2);
  --dream-shadow: 0 15px 38px rgba(71,121,176,.12), inset 0 1px 0 rgba(255,255,255,.96);
}
html[data-dream-theme="lavender-light"] {
  color-scheme: light;
  --dream-ink: #3a3154;
  --dream-muted: #80758f;
  --dream-surface: rgba(255,255,255,.86);
  --dream-surface-strong: rgba(255,255,255,.96);
  --dream-border: rgba(150,122,211,.2);
  --dream-shadow: 0 15px 38px rgba(127,91,183,.12), inset 0 1px 0 rgba(255,255,255,.96);
}

html[data-dream-theme="blue-white"] body { background: #eef7ff; color: var(--dream-ink); }
html[data-dream-theme="lavender-light"] body { background: #f8f2ff; color: var(--dream-ink); }
html[data-dream-theme="blue-white"] .dream-app-root {
  background:
    radial-gradient(circle at 8% 9%, rgba(139,194,255,.34), transparent 30%),
    radial-gradient(circle at 92% 14%, rgba(210,232,255,.54), transparent 29%),
    linear-gradient(145deg, #eaf6ff 0%, #f9fcff 50%, #edf5ff 100%) !important;
}
html[data-dream-theme="lavender-light"] .dream-app-root {
  background:
    radial-gradient(circle at 8% 9%, rgba(202,183,255,.38), transparent 30%),
    radial-gradient(circle at 92% 14%, rgba(251,213,255,.44), transparent 29%),
    linear-gradient(145deg, #f2ebff 0%, #fffaff 50%, #f3edff 100%) !important;
}

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-phone-frame {
  background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18)) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-topbar {
  background: linear-gradient(180deg, rgba(250,252,255,.95), rgba(250,252,255,.72) 70%, transparent) !important;
}
html[data-dream-theme="lavender-light"] .dream-topbar {
  background: linear-gradient(180deg, rgba(255,250,255,.96), rgba(255,250,255,.74) 70%, transparent) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-brand-block h1 { color: var(--dream-ink) !important; text-shadow: none; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-brand-block p,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-brand-kicker { color: var(--dream-muted) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-top-action {
  color: var(--v8-b) !important;
  border-color: var(--dream-border) !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 8px 22px rgba(var(--v8-b-rgb),.08), inset 0 1px 0 #fff !important;
}

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(
  .dream-flow-surface,
  .dream-search-card,
  .dream-recommend-card,
  .dream-download-card,
  .dream-result-card,
  .dream-popup-card
) {
  border: 1px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(248,251,255,.9)) padding-box,
    linear-gradient(105deg, transparent 0%, rgba(var(--v8-a-rgb),.2) 15%, var(--v8-c) 42%, rgba(var(--v8-b-rgb),.4) 60%, transparent 88%) border-box !important;
  background-size: 100% 100%, 240% 100% !important;
  box-shadow: var(--dream-shadow) !important;
  color: var(--dream-ink) !important;
}
html[data-dream-theme="lavender-light"] :is(
  .dream-flow-surface,
  .dream-search-card,
  .dream-recommend-card,
  .dream-download-card,
  .dream-result-card,
  .dream-popup-card
) {
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(253,248,255,.91)) padding-box,
    linear-gradient(105deg, transparent 0%, rgba(var(--v8-a-rgb),.18) 15%, var(--v8-c) 42%, rgba(var(--v8-b-rgb),.38) 60%, transparent 88%) border-box !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-announcement-card {
  border: 1px solid transparent !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.93), rgba(249,252,255,.9)) padding-box,
    linear-gradient(100deg, transparent, rgba(var(--v8-c-rgb),.55), rgba(var(--v8-a-rgb),.35), transparent) border-box !important;
  background-size: 100% 100%, 260% 100% !important;
  box-shadow: var(--dream-shadow) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-announcement-text { color: var(--dream-ink) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-announcement-icon {
  color: var(--v8-b) !important;
  background: rgba(var(--v8-c-rgb),.13) !important;
}

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-hero-logo {
  color: var(--v8-b) !important;
  background:
    radial-gradient(circle at 34% 22%, rgba(var(--v8-a-rgb),.14), transparent 28%) padding-box,
    radial-gradient(circle at 78% 28%, rgba(var(--v8-c-rgb),.2), transparent 30%) padding-box,
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,246,255,.94)) padding-box,
    linear-gradient(135deg, var(--v8-a), var(--v8-b), var(--v8-c)) border-box !important;
  box-shadow: 0 22px 52px rgba(var(--v8-b-rgb),.14), inset 0 1px 0 #fff !important;
}
html[data-dream-theme="lavender-light"] .dream-hero-logo {
  background:
    radial-gradient(circle at 34% 22%, rgba(var(--v8-a-rgb),.14), transparent 28%) padding-box,
    radial-gradient(circle at 78% 28%, rgba(var(--v8-c-rgb),.2), transparent 30%) padding-box,
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,240,255,.94)) padding-box,
    linear-gradient(135deg, var(--v8-a), var(--v8-b), var(--v8-c)) border-box !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-hero-logo svg:not(.dream-hero-star) { color: var(--v8-b) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-home-hero h2 {
  background: linear-gradient(100deg, var(--v8-b), var(--v8-c) 38%, #4f79b7 54%, var(--v8-a) 78%, var(--v8-b)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-home-hero > p { color: var(--dream-muted) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-hero-feature-line { color: var(--v8-b) !important; }

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-search-card-head strong,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-section-heading h2,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-recommend-title-row strong,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-hot-rank-copy > strong,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-result-title-row h3,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-download-title-row h3,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-download-stats h3,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-profile-name-row strong,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-menu-copy strong,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-modal-header h2,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-key-profile-card h2 { color: var(--dream-ink) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(
  .dream-search-card-head span:first-child,
  .dream-search-ready,
  .dream-ranking-title p,
  .dream-recommend-copy small,
  .dream-recommend-copy p,
  .dream-hot-rank-copy > small,
  .dream-hot-rank-empty p,
  .dream-results-toolbar > p,
  .dream-result-meta,
  .dream-result-latest,
  .dream-result-footer small,
  .dream-download-copy > p,
  .dream-download-meta,
  .dream-download-extract > span,
  .dream-profile-copy p,
  .dream-menu-copy span,
  .dream-storage-row span,
  .dream-guide-item p,
  .dream-search-loading p,
  .dream-empty-state p,
  .dream-empty-downloads p
) { color: var(--dream-muted) !important; }

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-search-input-wrap {
  border-color: rgba(var(--v8-b-rgb),.12) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: inset 0 2px 10px rgba(var(--v8-b-rgb),.035), 0 8px 20px rgba(var(--v8-b-rgb),.05) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-search-input-wrap input { color: var(--dream-ink) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-search-input-wrap input::-moz-placeholder { color: #9aa9ba !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-search-input-wrap input::placeholder { color: #9aa9ba !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-search-leading { color: var(--v8-b) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-search-clear { color: var(--v8-b) !important; background: rgba(var(--v8-b-rgb),.07) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-history-row { border-top-color: rgba(var(--v8-b-rgb),.1) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-history-chips button {
  color: var(--dream-muted) !important;
  border-color: rgba(var(--v8-b-rgb),.12) !important;
  background: rgba(255,255,255,.74) !important;
}

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-source-compact-grid > button {
  color: #657b93;
  border-color: rgba(var(--v8-b-rgb),.11);
  background: rgba(255,255,255,.64);
  box-shadow: inset 0 1px 0 #fff;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-source-compact-grid > button.is-active {
  color: #23364d;
  background: linear-gradient(120deg, rgba(var(--v8-b-rgb),.12), rgba(255,255,255,.8));
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-source-more-button {
  color: var(--v8-b);
  border-color: rgba(var(--v8-b-rgb),.19);
  background: rgba(255,255,255,.64);
}

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(
  .dream-download-stats,
  .dream-profile-card,
  .dream-key-profile-card,
  .dream-inspiration-card,
  .dream-search-loading,
  .dream-empty-state,
  .dream-empty-downloads
) {
  color: var(--dream-ink) !important;
  border-color: var(--dream-border) !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: var(--dream-shadow) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(.dream-profile-menu, .dream-guide-item) {
  color: var(--dream-ink) !important;
  border-color: var(--dream-border) !important;
  background: rgba(255,255,255,.72) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-profile-menu button { color: var(--dream-ink) !important; border-color: rgba(var(--v8-b-rgb),.07) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-result-cover,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-download-cover {
  color: var(--v8-b) !important;
  background: linear-gradient(145deg, rgba(var(--v8-b-rgb),.15), rgba(var(--v8-a-rgb),.1)) !important;
  box-shadow: 0 8px 20px rgba(var(--v8-b-rgb),.1) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-progress-track { background: rgba(var(--v8-b-rgb),.08) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(.dream-sort-pills button, .dream-download-tabs button, .dream-filter-button) {
  color: #6e8095 !important;
  border-color: rgba(var(--v8-b-rgb),.1) !important;
  background: rgba(255,255,255,.72) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(.dream-sort-pills button.is-active, .dream-download-tabs button.is-active) { color: #fff !important; }

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-bottom-nav {
  border: 1px solid rgba(var(--v8-b-rgb),.12) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: 0 16px 38px rgba(var(--v8-b-rgb),.13), inset 0 1px 0 #fff !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-bottom-nav a { color: #7d8da1 !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-bottom-nav a.is-active { color: var(--v8-b) !important; }

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-modal-backdrop,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-popup-backdrop,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-palette-backdrop {
  background: rgba(78,94,122,.26) !important;
  backdrop-filter: blur(10px);
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-modal-card {
  color: var(--dream-ink) !important;
  border-color: var(--dream-border) !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 28px 78px rgba(64,82,112,.2) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-icon-button {
  color: var(--dream-muted) !important;
  background: rgba(var(--v8-b-rgb),.06) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-appeal-form :is(input, textarea, select) {
  color: var(--dream-ink) !important;
  border-color: rgba(var(--v8-b-rgb),.12) !important;
  background: rgba(248,251,255,.92) !important;
}

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-palette-panel {
  color: var(--dream-ink) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,249,255,.98)) padding-box,
              linear-gradient(125deg, var(--v8-a), var(--v8-b), var(--v8-c)) border-box !important;
  box-shadow: 0 28px 78px rgba(64,82,112,.23), 0 0 30px rgba(var(--v8-b-rgb),.08) !important;
}
html[data-dream-theme="lavender-light"] .dream-palette-panel {
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(252,246,255,.98)) padding-box,
              linear-gradient(125deg, var(--v8-a), var(--v8-b), var(--v8-c)) border-box !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-palette-panel-head h2,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-palette-copy strong,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-theme-mode-options strong { color: var(--dream-ink) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(.dream-palette-panel-head span, .dream-palette-tip, .dream-palette-copy small, .dream-theme-mode-options small, .dream-palette-divider) { color: var(--dream-muted) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-palette-panel-head button {
  color: var(--dream-muted) !important;
  border-color: rgba(var(--v8-b-rgb),.1) !important;
  background: rgba(var(--v8-b-rgb),.05) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(.dream-palette-options > button, .dream-theme-mode-options > button) {
  color: var(--dream-ink) !important;
  border-color: rgba(var(--v8-b-rgb),.1) !important;
  background: rgba(255,255,255,.72) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) :is(.dream-palette-options > button.is-active, .dream-theme-mode-options > button.is-active) {
  border-color: rgba(var(--v8-b-rgb),.34) !important;
  background: linear-gradient(120deg, rgba(var(--v8-b-rgb),.1), rgba(var(--v8-a-rgb),.06)) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-palette-divider::before,
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-palette-divider::after { background: rgba(var(--v8-b-rgb),.1); }

:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-popup-card h2 { color: var(--dream-ink) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-popup-copy { color: var(--dream-muted) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-popup-close {
  color: var(--dream-ink) !important;
  border-color: rgba(var(--v8-b-rgb),.12) !important;
  background: rgba(255,255,255,.86) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .dream-download-card.is-share-link {
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,249,255,.91)) padding-box,
              linear-gradient(105deg, transparent, var(--v8-c), var(--v8-a), transparent) border-box !important;
}

/* Tailwind utility compatibility: V7 forces these dark globally in .alpine-spa. */
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .alpine-spa :where(.bg-white,.bg-gray-50,.bg-gray-100,[class*="bg-white/"],[class*="bg-gray-50/"]):not(button):not(input):not(textarea):not(select) {
  color: var(--dream-ink) !important;
  background-color: rgba(255,255,255,.8) !important;
  border-color: var(--dream-border) !important;
}
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .alpine-spa :where(.text-gray-900,.text-gray-800,.text-slate-900,.text-slate-800) { color: var(--dream-ink) !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .alpine-spa :where(.text-gray-700,.text-gray-600,.text-slate-700,.text-slate-600) { color: #5f7187 !important; }
:is(html[data-dream-theme="blue-white"], html[data-dream-theme="lavender-light"]) .alpine-spa :where(.text-gray-500,.text-gray-400,.text-slate-500,.text-slate-400) { color: #8291a4 !important; }

@media (max-width: 390px) {
  .dream-hot-rank-row { grid-template-columns: 35px minmax(0,1fr) 25px; gap: 8px; padding-inline: 8px; }
  .dream-hot-rank-number { width: 33px; height: 36px; }
  .dream-theme-mode-options { grid-template-columns: 1fr; }
}