/* Global orange-to-blue Alshival brand spectrum. The sun slides and becomes a crescent moon. */
.theme-switch{--theme-travel:36px;position:relative;display:inline-block;flex:0 0 auto;width:64px;height:40px;padding:0;border:0;border-radius:16px;background:transparent;box-shadow:none;cursor:pointer;vertical-align:middle;isolation:isolate;touch-action:manipulation}
/* The visible track is slim; the surrounding button remains easy to click. */
.theme-switch::before{content:"";position:absolute;inset:8px 0;border:1px solid #2676ff70;border-radius:16px;background:linear-gradient(100deg,#ffb80f 0%,#ff6548 22%,#f23aa9 44%,#7b4dff 62%,#08a9ef 80%,#2676ff 100%);box-shadow:inset 0 1px 3px #0002;pointer-events:none}
.theme-switch:hover{background:transparent;box-shadow:none}.theme-switch:hover::before{border-color:#2676ff}.theme-switch:focus-visible{outline:3px solid #2676ff;outline-offset:2px}.theme-switch:disabled{opacity:.5;cursor:default}
.theme-orbit{position:absolute;left:0;top:6px;width:28px;height:28px;border-radius:50%;transform:translateX(0) rotate(0deg) scale(.714286);transition:transform 440ms cubic-bezier(.22,1,.36,1);pointer-events:none}
.theme-disc{position:absolute;inset:6px;border-radius:50%;background:#612c08;box-shadow:0 0 12px #ffb80f66;transition:inset 400ms,background 400ms,box-shadow 400ms}
.theme-rays{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -3deg,#612c08 0deg 6deg,transparent 6deg 45deg);mask:radial-gradient(transparent 10px,#000 10px,#000 13px,transparent 13px);transition:opacity 220ms,transform 440ms}
.theme-crescent{position:absolute;inset:3px;border-radius:50%;background:#f5f8ff;box-shadow:0 0 10px #fff4;clip-path:path('M 11 0 A 11 11 0 1 0 22 11 A 9 9 0 0 1 11 0 Z');opacity:0;transform:scale(.65);transition:opacity 300ms,transform 440ms}
.theme-switch[aria-checked=true] .theme-orbit{transform:translateX(var(--theme-travel)) rotate(-12deg) scale(.714286)}
.theme-switch[aria-checked=true] .theme-disc{inset:14px;background:transparent;box-shadow:none}
.theme-switch[aria-checked=true] .theme-rays{opacity:0;transform:rotate(90deg) scale(.5)}
.theme-switch[aria-checked=true] .theme-crescent{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.theme-switch *{transition:none!important}}
@media(forced-colors:active){.theme-switch::before{background:Canvas;border-color:ButtonText}.theme-disc,.theme-rays,.theme-crescent{background:ButtonText;forced-color-adjust:none}}

.theme-switch[hidden]{display:none}