[data-palette="night"] {
  --glow:radial-gradient(80% 55% at 50% 38%,rgba(204,153,85,.055),transparent 72%);
  --bg:var(--glow),radial-gradient(125% 88% at 50% 16%,#1B1B23 0%,#101017 62%,#0B0B10 100%);
  --vignette:inset 0 0 80px 16px rgba(0,0,0,.5);
  --title:rgba(255,252,245,.95); --accent:rgba(220,188,135,.88);
  --sub:rgba(200,170,120,.7); --counter:rgba(200,170,120,.72); --hint:rgba(200,170,120,.54);
  --micro:rgba(200,170,120,.5); --ghost:rgba(200,170,120,.62);
  --in-bg:rgba(255,250,240,.06); --in-border:rgba(200,170,120,.18); --in-focus:rgba(200,170,120,.4); --in-text:rgba(255,250,240,.92);
  --btn-bg:rgba(200,170,120,.14); --btn-border:rgba(200,170,120,.26); --btn-text:rgba(255,250,240,.9);
  --btn-ghost:rgba(200,170,120,.62); --btn-ghost-bdr:rgba(200,170,120,.2);
  --tog-bdr:rgba(200,170,120,.15); --tog-off:rgba(200,170,120,.62);
  --grad:linear-gradient(transparent,rgba(16,16,23,.88) 32px,rgba(16,16,23,.99));
  --flash:rgba(255,250,240,.95); --flash-glow:rgba(200,170,120,.35);
  --cr-bg:rgba(16,16,23,.97); --cr-text:rgba(255,250,240,.9); --cr-sub:rgba(200,170,120,.72); --ab-text:rgba(255,250,240,.85);
  --wk-body:var(--ab-text); --wk-meta:rgba(255,250,240,.55);
  --seg-on-bg:#CC9955; --seg-on-text:#1A1714;
  --ph:rgba(200,170,120,.46); --blur:saturate(120%) blur(18px); --pill-bg:rgba(16,16,23,.45);
  --ring:rgba(200,170,120,.1); --scrim:rgba(11,11,16,.82); --wk-pulse:204,153,85;
  --cr-link-bg:rgba(180,150,100,.08); --cr-link-bdr:rgba(180,150,100,.18);
  --drop-rgb:240,232,218; --glow-rgb:200,170,120; --rise-rgb:204,153,85; --vote-rgb:224,196,152; --born-rgb:242,232,216; --scene-accent-rgb:204,153,85;
  --bg-solid:#101017;
}
[data-palette="day"] {
  --glow:radial-gradient(80% 55% at 50% 38%,rgba(120,140,160,.07),transparent 72%);
  --bg:radial-gradient(80% 55% at 50% 38%,rgba(120,140,160,.06),transparent 72%),radial-gradient(125% 88% at 50% 14%,#EAEEF4 0%,#E2E8F0 58%,#DAE1EA 100%);
  --vignette:inset 0 0 80px 16px rgba(120,130,140,.10);
  --title:rgba(27,30,33,.94); --accent:rgba(160,111,46,.92);
  --sub:rgba(94,100,106,.78); --counter:rgba(94,100,106,.85); --hint:rgba(150,156,161,.95);
  --micro:rgba(150,156,161,.9); --ghost:rgba(94,100,106,.8);
  --in-bg:#FFFFFF; --in-border:#D8DDE0; --in-focus:rgba(160,111,46,.6); --in-text:rgba(27,30,33,.92);
  --btn-bg:rgba(204,153,85,.16); --btn-border:rgba(204,153,85,.4); --btn-text:rgba(27,30,33,.9);
  --btn-ghost:rgba(94,100,106,.82); --btn-ghost-bdr:rgba(94,100,106,.32);
  --tog-bdr:rgba(120,128,135,.3); --tog-off:rgba(94,100,106,.72);
  --grad:linear-gradient(transparent,rgba(226,232,240,.9) 32px,rgba(226,232,240,.99));
  --flash:rgba(27,30,33,.92); --flash-glow:rgba(160,111,46,.2);
  --cr-bg:rgba(230,234,238,.97); --cr-text:rgba(27,30,33,.92); --cr-sub:rgba(94,100,106,.82); --ab-text:rgba(27,30,33,.85);
  --wk-body:var(--cr-sub); --wk-meta:var(--micro);
  --seg-on-bg:#CC9955; --seg-on-text:#1B1E21;
  --ph:rgba(150,156,161,.95); --blur:saturate(110%) blur(16px); --pill-bg:rgba(236,239,242,.62);
  --ring:rgba(160,111,46,.16); --scrim:rgba(20,22,24,.78); --wk-pulse:204,153,85;
  --cr-link-bg:rgba(180,150,100,.08); --cr-link-bdr:rgba(180,150,100,.18);
  --drop-rgb:27,30,33; --glow-rgb:160,111,46; --rise-rgb:110,82,40; --vote-rgb:160,111,46; --scene-accent-rgb:204,153,85;
  --bg-solid:#E2E8F0;
}
[data-palette="black"] {
  --glow:linear-gradient(transparent,transparent);
  --bg:var(--glow),#000000;
  --vignette:none;
  --title:rgba(255,255,255,.92); --accent:rgba(255,255,255,.85);
  --sub:rgba(255,255,255,.7); --counter:rgba(255,255,255,.72); --hint:rgba(255,255,255,.54);
  --micro:rgba(255,255,255,.5); --ghost:rgba(255,255,255,.62);
  --in-bg:rgba(255,255,255,.06); --in-border:rgba(255,255,255,.18); --in-focus:rgba(255,255,255,.4); --in-text:rgba(255,255,255,.92);
  --btn-bg:rgba(255,255,255,.14); --btn-border:rgba(255,255,255,.26); --btn-text:rgba(255,255,255,.9);
  --btn-ghost:rgba(255,255,255,.62); --btn-ghost-bdr:rgba(255,255,255,.2);
  --tog-bdr:rgba(255,255,255,.15); --tog-off:rgba(255,255,255,.62);
  --grad:linear-gradient(transparent,rgba(0,0,0,.88) 32px,rgba(0,0,0,.99));
  --flash:rgba(255,255,255,.95); --flash-glow:rgba(255,255,255,.35);
  --cr-bg:rgba(0,0,0,.97); --cr-text:rgba(255,255,255,.9); --cr-sub:rgba(255,255,255,.72); --ab-text:rgba(255,255,255,.85);
  --wk-body:var(--ab-text); --wk-meta:rgba(255,255,255,.55);
  --seg-on-bg:#FFFFFF; --seg-on-text:#000000;
  --ph:rgba(255,255,255,.46); --blur:saturate(120%) blur(18px); --pill-bg:rgba(0,0,0,.45);
  --ring:rgba(255,255,255,.1); --scrim:rgba(0,0,0,.82); --wk-pulse:255,255,255;
  --cr-link-bg:rgba(255,255,255,.08); --cr-link-bdr:rgba(255,255,255,.18);
  --drop-rgb:255,255,255; --glow-rgb:255,255,255; --rise-rgb:255,255,255; --vote-rgb:255,255,255; --born-rgb:255,255,255; --scene-accent-rgb:255,252,245;
  --bg-solid:#000000;
}
[data-palette="white"] {
  --glow:linear-gradient(transparent,transparent);
  --bg:var(--glow),#FFFFFF;
  --vignette:none;
  --title:rgba(0,0,0,.88); --accent:rgba(0,0,0,.8);
  --sub:rgba(0,0,0,.66); --counter:rgba(0,0,0,.72); --hint:rgba(0,0,0,.5);
  --micro:rgba(0,0,0,.5); --ghost:rgba(0,0,0,.8);
  --in-bg:#FFFFFF; --in-border:rgba(0,0,0,.18); --in-focus:rgba(0,0,0,.6); --in-text:rgba(0,0,0,.92);
  --btn-bg:rgba(0,0,0,.08); --btn-border:rgba(0,0,0,.4); --btn-text:rgba(0,0,0,.9);
  --btn-ghost:rgba(0,0,0,.82); --btn-ghost-bdr:rgba(0,0,0,.32);
  --tog-bdr:rgba(0,0,0,.3); --tog-off:rgba(0,0,0,.72);
  --grad:linear-gradient(transparent,rgba(255,255,255,.9) 32px,rgba(255,255,255,.99));
  --flash:rgba(0,0,0,.92); --flash-glow:rgba(0,0,0,.2);
  --cr-bg:rgba(255,255,255,.97); --cr-text:rgba(0,0,0,.92); --cr-sub:rgba(0,0,0,.82); --ab-text:rgba(0,0,0,.85);
  --wk-body:var(--cr-sub); --wk-meta:var(--micro);
  --seg-on-bg:#000000; --seg-on-text:#FFFFFF;
  --ph:rgba(0,0,0,.5); --blur:saturate(110%) blur(16px); --pill-bg:rgba(255,255,255,.62);
  --ring:rgba(0,0,0,.16); --scrim:rgba(0,0,0,.78); --wk-pulse:0,0,0;
  --cr-link-bg:rgba(0,0,0,.08); --cr-link-bdr:rgba(0,0,0,.18);
  --drop-rgb:0,0,0; --glow-rgb:0,0,0; --rise-rgb:0,0,0; --vote-rgb:0,0,0; --scene-accent-rgb:255,252,245;
  --bg-solid:#FFFFFF;
}

@media (min-width:1100px) {
  [data-palette="night"] { --counter:rgba(200,170,120,.78); }
  [data-palette="day"] { --counter:rgba(94,100,106,.9); }
  [data-palette="black"] { --counter:rgba(255,255,255,.78); }
  [data-palette="white"] { --counter:rgba(0,0,0,.78); }
}

#langMenu { position:relative; }
#langBtn {
  display:inline-flex; align-items:center; gap:5px;
  min-height:42px; padding:0 10px 0 12px;
  background:var(--pill-bg); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid var(--tog-bdr); border-radius:999px; cursor:pointer;
  font-size:11px; font-weight:400; letter-spacing:.08em; font-family:inherit;
  color:var(--tog-off); text-transform:uppercase; transition:color .3s ease;
}
#langBtn:hover, #langBtn:active { color:var(--accent); }
#langBtn .lang-chev { width:12px; height:12px; flex-shrink:0; }
#langList {
  position:absolute; top:calc(100% + 6px); right:0; min-width:190px;
  max-height:calc(100dvh - 130px); overflow-y:auto; padding:5px;
  background:var(--pill-bg); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid var(--tog-bdr); border-radius:14px;
  scrollbar-width:thin; scrollbar-color:var(--in-border) transparent;
}
.lang-row {
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  width:100%; min-height:44px; padding:0 10px;
  background:none; border:none; border-radius:9px; cursor:pointer; font-family:inherit;
  color:var(--tog-off); text-align:left; transition:color .3s ease;
}
.lang-row:hover, .lang-row:active { color:var(--accent); }
.lang-row .lang-name { font-size:13.5px; font-weight:300; }
.lang-row .lang-code { font-size:9.5px; font-weight:400; letter-spacing:.14em; color:var(--micro); }
.lang-row.on { color:var(--accent); }
.lang-row.on .lang-code { color:var(--accent); }
#palMenu { position:relative; }
.pal-tog {
  min-height:42px; padding:0 7px; display:inline-flex; align-items:center; justify-content:center;
  background:var(--pill-bg); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid var(--tog-bdr); border-radius:8px; cursor:pointer;
  color:var(--tog-off); transition:color .3s ease;
}
.pal-tog:hover, .pal-tog:active { color:var(--accent); }
.pal-sw {
  position:relative; display:block;
  background:linear-gradient(135deg,var(--bg-solid) 50%,var(--accent) 50%);
}
.pal-sw::after { content:""; position:absolute; inset:-1px; border-radius:inherit; border:1px solid currentColor; opacity:.55; }
.pal-tog .pal-sw { width:28px; height:28px; border-radius:6px; }
#palList {
  position:absolute; top:calc(100% + 6px); right:0; min-width:190px; padding:5px;
  background:var(--pill-bg); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  border:1px solid var(--tog-bdr); border-radius:14px;
}
#palList .lang-row { justify-content:flex-start; gap:10px; }
#palList .pal-sw { width:16px; height:16px; border-radius:4px; flex-shrink:0; }
.lang-row .lang-code { margin-left:auto; }
.row-ck { width:16px; height:16px; margin-left:auto; flex-shrink:0; visibility:hidden; }
.lang-code + .row-ck { margin-left:0; }
.lang-row[aria-checked="true"] .row-ck { visibility:visible; }
#langBtn:focus-visible, .lang-row:focus-visible, .pal-tog:focus-visible { outline:1px solid var(--in-focus); outline-offset:2px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media (max-width:360px) {
  #langBtn { min-height:38px; }
  .pal-tog { min-height:38px; }
  .pal-tog .pal-sw { width:24px; height:24px; }
}

@media (max-width:430px) {
  #langBtn { padding:0 7px 0 9px; }
}