#bg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none}#palettes{position:fixed;left:22px;bottom:22px;z-index:4;display:flex;gap:10px}#palettes button{width:34px;height:34px;padding:0;border:0;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1.5px #ffffff8c,0 2px 10px #3c14282e;transition:transform .25s ease,box-shadow .25s ease}#palettes button:hover{transform:scale(1.08)}#palettes button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4.5px #ffffff59,0 3px 12px #3c142838;transform:scale(1.12)}#palettes button:focus-visible{outline:2px solid #fff;outline-offset:4px}#pal-ponpon{background:radial-gradient(circle at 34% 34%,#f5811f,#f79c42 32%,#ee7fae 68%,#f4adca)}#pal-daylight{background:radial-gradient(circle at 34% 34%,#f8f7f2,#8fc7e8 46%,#eee9a6 82%,#f6f1dc)}#pal-lilac{background:radial-gradient(circle at 34% 34%,#f8f6fa,#a98fd6 48%,#e6a8b0 80%,#f4d9bf)}#pal-cobalt{background:radial-gradient(circle at 34% 34%,#eef5fc,#6398d8 44%,#2266b8 78%,#3f79c4)}@media(prefers-reduced-motion:reduce){#palettes button{transition:none}}