/* Shared light/dark switch. Uses the existing theme handler and tokens. */
.sp-store-mode-switch{position:fixed;left:16px;bottom:20px;z-index:90;display:flex;align-items:center;justify-content:space-around;width:76px;height:44px;padding:6px;border:1px solid var(--vnext-color-border);border-radius:999px;background:var(--vnext-color-surface);box-shadow:var(--vnext-shadow-card);color:var(--vnext-color-muted);cursor:pointer}
.sp-store-mode-switch::before{content:"";position:absolute;left:5px;top:5px;width:32px;height:32px;border-radius:50%;background:var(--vnext-color-action);transition:transform var(--vnext-motion-ui) var(--vnext-motion-ease)}
.sp-store-mode-switch svg{position:relative;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sp-store-mode-switch .sp-mode-sun{color:var(--vnext-color-on-action)}
.sp-store-mode-switch[aria-checked=true]::before{transform:translateX(32px)}
.sp-store-mode-switch[aria-checked=true] .sp-mode-sun{color:var(--vnext-color-muted)}
.sp-store-mode-switch[aria-checked=true] .sp-mode-moon{color:var(--vnext-color-on-action)}
.sp-store-mode-switch:focus-visible{outline:2px solid var(--vnext-color-action);outline-offset:3px}
@media(max-width:760px){.sp-store-mode-switch{bottom:calc(84px + env(safe-area-inset-bottom));left:12px}}
@media(prefers-reduced-motion:reduce){.sp-store-mode-switch::before{transition:none}}