#theme-switcher{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;flex-direction:column;align-items:center;gap:.5rem}#theme-switcher-toggle{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--dark3);border:1px solid rgb(255 255 255 / 12%);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 20px rgb(0 0 0 / 50%);transition:border-color .2s,box-shadow .2s}#theme-switcher-toggle:hover{border-color:var(--green);box-shadow:0 4px 20px rgb(var(--green-rgb) / 30%)}#theme-switcher-panel{display:flex;flex-direction:column;gap:.4rem;background:var(--dark2);border:1px solid rgb(255 255 255 / 10%);border-radius:12px;padding:.6rem;box-shadow:0 8px 32px rgb(0 0 0 / 50%);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s,transform .2s}#theme-switcher-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.palette-btn{display:flex;align-items:center;gap:.65rem;background:none;border:1px solid transparent;border-radius:8px;padding:.4rem .65rem;cursor:pointer;color:var(--white);font-size:.8rem;font-family:inherit;white-space:nowrap;transition:background .15s,border-color .15s}.palette-btn:hover{background:rgb(255 255 255 / 6%)}.palette-btn.active{border-color:rgb(255 255 255 / 20%);background:rgb(255 255 255 / 8%)}.palette-swatch{width:1rem;height:1rem;border-radius:50%;flex-shrink:0}.palette-btn[data-palette="croc"] .palette-swatch{background:#5cb85c}.palette-btn[data-palette="ember"] .palette-swatch{background:#e8541a}.palette-btn[data-palette="frost"] .palette-swatch{background:#38bdf8}.palette-btn[data-palette="dusk"] .palette-swatch{background:#a855f7}