.saver{z-index:30;color-scheme:dark;cursor:pointer;background:oklch(11.49% 0 0);transition:opacity .9s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.saver.is-out{opacity:0;pointer-events:none}.saver.is-idle{cursor:none}.saver>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.saver.is-shatter{pointer-events:none;background:0 0}.saver.is-shatter>canvas,.saver.is-shatter .saver-full{visibility:hidden}.saver-pieces{perspective:1600px;pointer-events:none;position:absolute;inset:0;overflow:hidden}.saver-piece{backface-visibility:hidden;will-change:transform,opacity;display:block;position:absolute}@media (prefers-reduced-motion:reduce){.saver{transition:none}}.saver-full{z-index:1;color:oklch(93.82% .0103 81.79);backdrop-filter:blur(1.25rem)saturate(1.4);cursor:pointer;background:oklch(17.79% .0116 60.62/.702);border:1px solid oklch(93.82% .0103 81.79/.149);border-radius:50%;place-items:center;width:3rem;height:3rem;padding:0;transition:opacity .4s,background .2s;display:grid;position:absolute;top:.875rem;right:4%;box-shadow:0 .75rem 2.25rem oklch(0% 0 0/.349),inset 0 1px oklch(93.82% .0103 81.79/.078)}.saver-full svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.375rem;height:1.375rem}.saver-full:hover{background:oklch(25.34% .019 52.56/.8)}.saver-full:focus-visible{outline-offset:3px;outline:2px solid oklch(69.71% .2033 43.65)}.saver.is-idle .saver-full,.saver.is-full .saver-full{opacity:0;pointer-events:none}.saver-hint{left:50%;bottom:max(2rem,calc(env(safe-area-inset-bottom) + 1.25rem));z-index:2;color:oklch(100% 0 0);letter-spacing:-.01em;white-space:nowrap;backdrop-filter:blur(1.5rem)saturate(1.8)brightness(1.08);text-shadow:0 1px .5rem oklch(0% 0 0/.4);background:linear-gradient(oklch(100% 0 0/.22),oklch(100% 0 0/.078) 55%,oklch(100% 0 0/.122));border:1px solid oklch(100% 0 0/.302);border-radius:999px;align-items:center;gap:.875rem;padding:.5rem .5rem .5rem 1.375rem;font:500 1rem/1.2 Inter,sans-serif;animation:.7s cubic-bezier(.2,.9,.25,1) both saver-hint-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px oklch(100% 0 0/.651),inset 0 -1px oklch(100% 0 0/.122),inset 0 0 1.5rem oklch(100% 0 0/.078),0 .75rem 2.5rem oklch(0% 0 0/.349)}.saver-hint[hidden]{display:none}.saver-hint:before{content:"";pointer-events:none;background:linear-gradient(oklch(100% 0 0/.239),oklch(100% 0 0/0));border-radius:999px;height:45%;position:absolute;inset:1px 1.5rem auto}.saver-hint-touch{display:none}@media (pointer:coarse){.saver-hint-mouse{display:none}.saver-hint-touch{display:inline}}.saver-hint-next{color:oklch(17.41% .0314 51.98);cursor:pointer;background:oklch(100% 0 0);border:0;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;padding:0;animation:1.8s cubic-bezier(.4,0,.2,1) 1s infinite saver-hint-nudge;display:grid;position:relative;box-shadow:0 .25rem .75rem oklch(0% 0 0/.302)}.saver-hint-next svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.saver-hint-next:focus-visible{outline-offset:3px;outline:2px solid oklch(69.71% .2033 43.65)}@keyframes saver-hint-in{0%{opacity:0;transform:translate(-50%,1.5rem)scale(.96)}to{opacity:1;transform:translate(-50%)}}@keyframes saver-hint-nudge{0%,55%,to{transform:none}25%{transform:translateY(.25rem)}}@media (width<=600px){.saver-hint{gap:.625rem;padding-left:1.125rem;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.saver-hint,.saver-hint-next{animation:none}}