[data-mode=dark]{--sw-track-bg: rgba(255, 255, 255, .08);--sw-track-border: rgba(255, 255, 255, .12);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .3);--sw-knob-highlight: rgba(255, 255, 255, .9);--sw-glow-color: rgba(var(--accent-rgb, 155, 123, 255), .45);--sw-icon-inactive: rgba(255, 255, 255, .25);--sw-icon-active: rgba(255, 255, 255, .8)}[data-mode=light]{--sw-track-bg: rgba(0, 0, 0, .1);--sw-track-border: rgba(0, 0, 0, .18);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .15);--sw-knob-highlight: rgba(255, 255, 255, 1);--sw-glow-color: rgba(var(--accent-rgb, 123, 95, 199), .4);--sw-icon-inactive: rgba(0, 0, 0, .35);--sw-icon-active: rgba(0, 0, 0, .8)}.theme-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:36px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;overflow:hidden;flex-shrink:0}.theme-switch[hidden]{display:none}.theme-switch__track{position:relative;width:72px;height:36px;border-radius:999px;background:var(--sw-track-bg);border:1px solid var(--sw-track-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 2px 4px #00000026;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.theme-switch:hover .theme-switch__track{border-color:rgba(var(--accent-rgb, 240, 147, 251),.3);box-shadow:inset 0 2px 4px #00000026,0 0 12px rgba(var(--accent-rgb, 240, 147, 251),.15)}.theme-switch:focus-visible .theme-switch__track{outline:2px solid var(--primary-color, #f093fb);outline-offset:2px}.theme-switch__icons{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none;z-index:1}.theme-switch__icon{width:14px;height:14px;transition:opacity .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.theme-switch__icon--sun{color:#0000008c}.theme-switch__icon--moon,[data-mode=light] .theme-switch__icon--sun{color:var(--sw-icon-active)}[data-mode=light] .theme-switch__icon--moon{color:#00000073}.theme-switch__knob{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--sw-knob-bg);box-shadow:0 2px 8px var(--sw-knob-shadow),inset 0 1px 0 var(--sw-knob-highlight);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}[data-mode=light] .theme-switch__knob{transform:translate(36px) translateY(-50%)}.theme-switch:active .theme-switch__knob{width:32px;border-radius:14px;transform:translateY(-50%)}[data-mode=light] .theme-switch:active .theme-switch__knob{transform:translate(36px) translateY(-50%)}.theme-switch__knob-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:8px;border-radius:50%;background:var(--sw-glow-color);filter:blur(6px);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.theme-switch:hover .theme-switch__knob-glow{opacity:1}.theme-swatch-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--pnav-border, var(--sw-track-border));border-radius:8px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;flex-shrink:0;transition:border-color .2s ease,background .2s ease,transform .15s ease-out,box-shadow .15s ease-out}.theme-swatch-btn[hidden]{display:none}.theme-swatch-btn:hover{background:var(--pnav-hover, var(--sw-track-bg));transform:translateY(-1px);box-shadow:var(--pnav-hover-shadow, 0 1px 4px rgba(0, 0, 0, .12))}.theme-swatch-btn:focus-visible{outline:2px solid var(--pnav-accent, var(--accent, #9b7bff));outline-offset:2px}.theme-swatch-btn[aria-expanded=true]{border-color:var(--pnav-accent, var(--accent, #9b7bff));background:var(--pnav-active-bg, transparent)}.theme-swatch-btn__swatch{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--color-accent, var(--accent, #9b7bff)),var(--color-accent-strong, var(--accent, #9b7bff)))}@media(prefers-reduced-motion:reduce){.theme-switch,.theme-switch__track,.theme-switch__icon,.theme-switch__knob,.theme-switch__knob-glow,.theme-swatch-btn{transition-duration:.01ms!important}}@media(prefers-contrast:high){.theme-switch__track{border-width:2px}}