.theme-picker{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:120;
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px;
  border:1px solid rgba(255,255,255,.56);
  border-radius:999px;
  background:color-mix(in srgb,var(--paper) 86%,transparent);
  box-shadow:0 18px 44px -22px rgba(15,30,48,.55), inset 0 1px 0 rgba(255,255,255,.7);
  backdrop-filter:blur(14px) saturate(1.3);
}
.theme-picker__label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.theme-picker__swatch{
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 28%,rgba(255,255,255,.86) 0 13%,transparent 14%),
    linear-gradient(135deg,var(--swatch-a),var(--swatch-b));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.52), 0 8px 18px -10px rgba(15,30,48,.8);
  cursor:pointer;
  transition:transform .16s ease, box-shadow .18s ease;
}
.theme-picker__swatch:hover{transform:translateY(-2px) scale(1.04)}
.theme-picker__swatch:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 72%,#fff); outline-offset:3px}
.theme-picker__swatch.is-active{
  box-shadow:inset 0 0 0 3px var(--paper), 0 0 0 3px var(--navy), 0 12px 24px -12px rgba(15,30,48,.85);
}

body[data-theme="sunset"]{
  --cream:#fff4ec; --cream-2:#ffd8c7; --paper:#fffaf6;
  --gold:#ffb020; --gold-lt:#ffd27a;
  --coral:#ff5a3d; --coral-dk:#d83a24;
  --teal:#008f7a; --teal-dk:#006b5e; --teal-lt:rgba(0,143,122,.1);
  --navy:#26324a; --navy-soft:#5d6680;
  --ring:rgba(38,50,74,.1);
}
body[data-theme="lagoon"]{
  --cream:#edfdf9; --cream-2:#c8f3ea; --paper:#f9fffd;
  --gold:#ffc857; --gold-lt:#ffe199;
  --coral:#ff6b6b; --coral-dk:#d94b4b;
  --teal:#0077b6; --teal-dk:#005f8f; --teal-lt:rgba(0,119,182,.11);
  --navy:#123047; --navy-soft:#49677c;
  --ring:rgba(18,48,71,.1);
}
body[data-theme="orchid"]{
  --cream:#fbf4ff; --cream-2:#ead8ff; --paper:#fffaff;
  --gold:#f7c948; --gold-lt:#ffe08a;
  --coral:#e85d9e; --coral-dk:#bd3d7d;
  --teal:#6d5dfc; --teal-dk:#5447d6; --teal-lt:rgba(109,93,252,.1);
  --navy:#2c2548; --navy-soft:#665f83;
  --ring:rgba(44,37,72,.1);
}
body[data-theme="mint"]{
  --cream:#f3fff8; --cream-2:#d3f8df; --paper:#fcfffd;
  --gold:#f4b942; --gold-lt:#ffdd84;
  --coral:#ff7a59; --coral-dk:#d95739;
  --teal:#10a37f; --teal-dk:#08785f; --teal-lt:rgba(16,163,127,.11);
  --navy:#153b3a; --navy-soft:#52706f;
  --ring:rgba(21,59,58,.1);
}
body[data-theme="slate"]{
  --cream:#f3f6fb; --cream-2:#dce6f5; --paper:#ffffff;
  --gold:#f6bd60; --gold-lt:#f9d895;
  --coral:#ef476f; --coral-dk:#c92f55;
  --teal:#118ab2; --teal-dk:#0b6b8d; --teal-lt:rgba(17,138,178,.1);
  --navy:#1f2937; --navy-soft:#5b6676;
  --ring:rgba(31,41,55,.1);
}
body[data-theme="midnight"]{
  --cream:#0b1120; --cream-2:#172033; --paper:#111827;
  --gold:#fbbf24; --gold-lt:#fde68a;
  --coral:#fb7185; --coral-dk:#f43f5e;
  --teal:#38bdf8; --teal-dk:#0ea5e9; --teal-lt:rgba(56,189,248,.14);
  --navy:#f8fafc; --navy-soft:#b7c3d5;
  --ring:rgba(226,232,240,.14);
  --shadow:0 22px 46px -26px rgba(0,0,0,.8);
  --shadow-sm:0 10px 24px -16px rgba(0,0,0,.75);
}

body[data-theme] header{background:color-mix(in srgb,var(--cream) 84%,transparent)}
body[data-theme] .browse-hero,
body[data-theme] .boost-hero,
body[data-theme] .page-hero,
body[data-theme] .noi-head,
body[data-theme] .submit-area{
  background:linear-gradient(135deg,var(--navy),var(--teal-dk) 58%,var(--teal));
}
body[data-theme] .btn-boost,
body[data-theme] .boost-badge,
body[data-theme] .boost-promo .ico,
body[data-theme] .tier .pop-tag{
  background:linear-gradient(135deg,var(--gold),var(--coral));
}
body[data-theme="midnight"] .theme-picker{
  border-color:rgba(226,232,240,.16);
  background:rgba(15,23,42,.86);
  box-shadow:0 18px 44px -22px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.08);
}
body[data-theme="midnight"] .theme-picker__swatch{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2), 0 8px 18px -10px rgba(0,0,0,.9);
}
body[data-theme="midnight"] .theme-picker__swatch.is-active{
  box-shadow:inset 0 0 0 3px var(--paper), 0 0 0 3px var(--teal), 0 12px 24px -12px rgba(0,0,0,.95);
}
body[data-theme="midnight"] .browse-hero,
body[data-theme="midnight"] .boost-hero,
body[data-theme="midnight"] .page-hero,
body[data-theme="midnight"] .noi-head,
body[data-theme="midnight"] .submit-area{
  background:linear-gradient(135deg,#050816,#0f172a 56%,#075985);
}
body[data-theme="midnight"] .btn-white,
body[data-theme="midnight"] .tabs button.on,
body[data-theme="midnight"] .seg button.on,
body[data-theme="midnight"] .filters button.on{
  background:#1e293b;
  color:var(--navy);
}
body[data-theme="midnight"] input,
body[data-theme="midnight"] select,
body[data-theme="midnight"] textarea,
body[data-theme="midnight"] .check-item,
body[data-theme="midnight"] .type-opt .label-inner,
body[data-theme="midnight"] .fchip,
body[data-theme="midnight"] .convlist,
body[data-theme="midnight"] .thread{
  background:#0f172a !important;
  border-color:rgba(226,232,240,.18) !important;
  color:var(--navy) !important;
}
body[data-theme="midnight"] input::placeholder,
body[data-theme="midnight"] textarea::placeholder{
  color:#7f8da3;
}
body[data-theme="midnight"] .boost-promo,
body[data-theme="midnight"] .listings-note{
  background:linear-gradient(135deg,rgba(251,191,36,.14),rgba(251,113,133,.12));
  color:var(--gold-lt);
}
body[data-theme="midnight"] .boost-promo b,
body[data-theme="midnight"] .listings-note b{
  color:var(--navy);
}
body[data-theme="midnight"] .meta,
body[data-theme="midnight"] .chip{
  background:rgba(226,232,240,.08);
}
body[data-theme="midnight"] .skeleton::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
}
body[data-theme="midnight"] footer{
  background:#050816;
}

@media(max-width:640px){
  .theme-picker{
    right:12px;
    bottom:12px;
    gap:6px;
    padding:8px;
  }
  .theme-picker__swatch{width:26px;height:26px}
}