@layer components{@keyframes sh-letter-pop{0%{opacity:0;transform:translateY(.45em)scale(.4)rotate(-8deg)}60%{opacity:1;transform:translateY(-.06em)scale(1.12)rotate(2deg)}to{opacity:1;transform:none}}@keyframes sh-count{0%{opacity:0;transform:scale(2.1)}22%{opacity:1;transform:scale(.94)}34%{transform:scale(1.04)}46%{transform:scale(1)}82%{opacity:1}to{opacity:0;transform:scale(.86)}}@keyframes sh-go{0%{opacity:0;transform:scale(.6)rotate(-6deg)}25%{opacity:1;transform:scale(1.08)rotate(-3deg)}70%{opacity:1;transform:scale(1)rotate(-3deg)}to{opacity:0;transform:scale(1.5)rotate(-3deg)}}@keyframes sh-overlay-out{to{opacity:0;visibility:hidden}}@keyframes sh-stamp{0%{opacity:0;transform:scale(2.6)rotate(-18deg)}55%{opacity:1;transform:scale(.92)rotate(-7deg)}72%{transform:scale(1.04)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes sh-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}}@keyframes sh-fly{0%{opacity:0;transform:translate(var(--fx,0), var(--fy,60px)) rotate(var(--fr,0deg)) scale(.35)}65%{opacity:1;transform:translate(0, 0) rotate(calc(var(--tilt,0deg) * -.6)) scale(1.06)}to{opacity:1;transform:rotate(var(--tilt,0deg)) scale(1)}}@keyframes sh-drop{0%{opacity:0;transform:translateY(-26px)scale(.9)}60%{opacity:1;transform:translateY(4px)scale(1.02)}to{opacity:1;transform:none}}@keyframes sh-pulse-coral{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes sh-bar-warn{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.025,1.18)}}@keyframes sh-fall{0%{opacity:0;transform:translateY(-12vh)rotate(0)}8%{opacity:1}to{transform:translate3d(var(--sway,30px), 108vh, 0) rotate(var(--spin,540deg));opacity:1}}@keyframes sh-sheen-once{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(260%)skew(-18deg)}}@keyframes sh-wobble{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(8deg)translateY(-3px)}}@keyframes sh-hang{0%{opacity:0;transform:translateY(-40px) rotate(var(--tilt,0deg))}60%{opacity:1;transform:translateY(4px) rotate(calc(var(--tilt,0deg) * -1))}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg))}}@keyframes sh-ring{0%{stroke-dashoffset:0}}@keyframes sh-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes sh-spot{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes sh-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sh-float-y{0%,to{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-8px) rotate(var(--tilt,0deg))}}.sh-reveal{z-index:60;background-color:var(--color-paper);background-image:var(--paper-noise), radial-gradient(60% 50% at 18% 12%, #b8a6ff57, transparent 70%), radial-gradient(55% 45% at 86% 82%, #7cc6ff4d, transparent 70%), radial-gradient(40% 40% at 82% 8%, #7fe3bd3d, transparent 70%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.sh-reveal.sh-reveal-inline{z-index:auto;border-radius:28px;min-height:min(78vh,760px);position:relative;inset:auto}.sh-reveal-out{pointer-events:none;animation:.52s .26s forwards sh-overlay-out}.sh-letter{animation:.56s cubic-bezier(.2,1.5,.4,1) both sh-letter-pop;animation-delay:calc(var(--i,0) * 42ms + .26s);display:inline-block}.sh-word{white-space:nowrap;display:inline-block}.sh-count{animation:1s cubic-bezier(.2,1.2,.3,1) both sh-count}.sh-go{animation:.9s cubic-bezier(.2,1.2,.3,1) both sh-go}.sh-bar{transition:background-color .4s,border-color .4s;position:relative}.sh-bar[data-stage=warn],.sh-bar[data-stage=final]{background:var(--color-coral-soft);border-color:#ffc9c2}.sh-bar[data-stage=warn]:after,.sh-bar[data-stage=final]:after{content:"";border-radius:inherit;pointer-events:none;animation:1.4s ease-out infinite sh-bar-warn;position:absolute;inset:-1px;box-shadow:0 0 0 4px #ff6b5b73}.sh-timer-pulse{animation:1s ease-in-out infinite sh-pulse-coral}.sh-final-digit{animation:1s cubic-bezier(.2,1.2,.3,1) both sh-count}.sh-stamp{color:var(--color-coral-deep);font-family:var(--font-display);letter-spacing:-.04em;background:#ffffffdb;border:.09em solid;border-radius:.16em;padding:.08em .32em .02em;font-weight:800;line-height:1;animation:.56s cubic-bezier(.2,1.6,.4,1) both sh-stamp;display:inline-block;transform:rotate(-8deg);box-shadow:0 18px 50px -20px #e84a3a99;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='60'><filter id='r'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 -2.2 1.7'/></filter><rect width='100%' height='100%' filter='url(%23r)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='60'><filter id='r'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 -2.2 1.7'/></filter><rect width='100%' height='100%' filter='url(%23r)'/></svg>");-webkit-mask-size:240px 120px;mask-size:240px 120px}.sh-shake{animation:.32s .42s both sh-shake}.sh-progress{transform-origin:0;animation:linear both sh-progress}.sh-art-stamp{z-index:3;font-family:var(--font-display);letter-spacing:.02em;background:#ffffffeb;border:3px solid;border-radius:10px;padding:.35rem .8rem .3rem;font-weight:800;line-height:1;animation:.52s cubic-bezier(.2,1.6,.4,1) both sh-stamp;position:absolute;transform:rotate(-8deg);box-shadow:0 12px 30px -14px #1d1c2273}.sh-drop{animation:.64s cubic-bezier(.2,1.5,.4,1) both sh-drop}.sh-fly{animation:.76s cubic-bezier(.2,1.1,.3,1) both sh-fly;animation-delay:var(--d,0s)}.sh-hang{animation:.7s cubic-bezier(.2,1.3,.3,1) both sh-hang;animation-delay:var(--d,0s)}.sh-backside{background:repeating-linear-gradient(135deg,#b8a6ff1a 0 10px,#0000 10px 20px),linear-gradient(#fff,#f8f5ff)}.sh-pencil{transform-origin:30% 80%;animation:1.6s ease-in-out infinite sh-wobble;display:inline-block}.sh-spotlight{pointer-events:none;z-index:0;background:radial-gradient(42% 52% at 50% 38%,#ffd66b61,#0000 70%),radial-gradient(30% 35% at 25% 60%,#b8a6ff38,#0000 70%),radial-gradient(30% 35% at 75% 60%,#7cc6ff38,#0000 70%);height:120%;animation:4s ease-in-out infinite sh-spot;position:absolute;inset:-10% -10% auto}.sh-confetti{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.sh-confetti-bit{will-change:transform;border-radius:2px;animation:linear both sh-fall;position:absolute;top:0}.sh-sheen{position:relative;overflow:hidden}.sh-sheen:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:40%;animation:1.6s .6s both sh-sheen-once;position:absolute;inset:0 auto 0 0}.sh-float{animation:6s ease-in-out infinite sh-float-y}.sh-blink{animation:1.2s ease-in-out infinite sh-blink}.sh-vote-frame{transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .3s,filter .3s,box-shadow .22s}.sh-vote-frame[data-pickable=true]{cursor:pointer}.sh-vote-frame[data-pickable=true]:hover{transform:translateY(-4px) rotate(var(--hover-tilt,0deg))}.sh-vote-frame[data-pickable=true]:active{transform:translateY(1px)scale(.985)}.sh-vote-frame[data-state=picked]{box-shadow:0 0 0 4px var(--color-lavender-deep), var(--shadow-float)}.sh-vote-frame[data-state=other]{opacity:.62;filter:saturate(.7)}.sh-vote-frame[data-state=loser]{opacity:.55;filter:grayscale(.35);transform:scale(.97)}.sh-vote-frame[data-state=winner]{box-shadow:0 0 0 4px var(--color-mint), 0 30px 60px -24px #1fa8778c}.sh-vote-frame[data-state=winner][data-final=true]{box-shadow:0 0 0 5px var(--color-sun), 0 34px 70px -24px #f5b30099}.sh-show-grid{grid-template-columns:repeat(var(--c-sm,3), minmax(0, 1fr));display:grid}@media (min-width:768px){.sh-show-grid{grid-template-columns:repeat(var(--c-lg,4), minmax(0, 1fr))}}.sh-kbd{min-width:1.5rem;height:1.5rem;font-family:var(--font-mono);background:#ffffff38;border:1px solid #ffffff59;border-radius:7px;place-items:center;padding:0 .35rem;font-size:.72rem;font-weight:700}.sh-ring-track{stroke:var(--color-line)}.sh-ring-fill{transition:stroke-dashoffset .25s linear,stroke .3s}.sh-scroll-x{scrollbar-width:thin;-webkit-overflow-scrolling:touch;overflow-x:auto}@keyframes sh-phase-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.sh-phase{animation:.52s cubic-bezier(.2,.9,.2,1) backwards sh-phase-in}@keyframes sh-art-in{0%{opacity:0;transform:translateY(18px) rotate(var(--tilt,0deg)) scale(.94)}to{opacity:1;transform:none}}.sh-art-in{animation:.56s cubic-bezier(.2,1.25,.35,1) both sh-art-in;animation-delay:var(--d,0s)}.sh-img{opacity:0;transition:opacity .32s}.sh-img[data-loaded=true]{opacity:1}.sh-picked-flash{animation:.42s cubic-bezier(.2,1.4,.4,1) sh-pick}@keyframes sh-pick{0%{transform:scale(1)}35%{transform:scale(.965)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sh-phase,.sh-art-in,.sh-fly,.sh-hang,.sh-drop,.sh-letter,.sh-count,.sh-go,.sh-stamp,.sh-art-stamp,.sh-shake,.sh-float,.sh-spotlight,.sh-timer-pulse,.sh-pencil{animation:none!important}.sh-img{opacity:1;transition:none}}.sh-kbd-ink{min-width:1.35rem;height:1.35rem;font-family:var(--font-mono);color:var(--color-ink);border:1px solid var(--color-line);box-shadow:0 1px 0 var(--color-line);background:#fff;border-radius:6px;place-items:center;margin:0 .1rem;padding:0 .3rem;font-size:.68rem;font-weight:700;display:inline-grid}@keyframes sh-splash-blob{0%{opacity:.75;transform:translate(-50%,-50%)scale(.15)rotate(-20deg)}55%{opacity:.45}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)rotate(8deg)}}@keyframes sh-splash-ring{0%{opacity:.8;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.sh-splash{z-index:2;aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#7b61ff8c,#b8a6ff59 55%,#0000 72%);border-radius:46% 54% 41% 59%/52% 44% 56% 48%;width:72%;animation:.72s cubic-bezier(.15,.8,.3,1) both sh-splash-blob;position:absolute;top:50%;left:50%}.sh-splash:after{content:"";aspect-ratio:1;border:4px solid #7b61ffb3;border-radius:999px;width:60%;animation:.62s cubic-bezier(.2,.8,.3,1) 40ms both sh-splash-ring;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.sh-splash{display:none}}}
