.sn-page{--u:max(1px, calc(100vh / 900));--egg:clamp(240px, 29vw, 420px);isolation:isolate;box-sizing:border-box;background:var(--color-sand);min-height:100svh;color:var(--color-ink);flex-direction:column;padding:0 clamp(16px,4vw,56px);display:flex;position:relative;overflow:clip}.sn-wall{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;perspective:calc(var(--u) * 1500);perspective-origin:50% 20%;position:absolute;inset:0;overflow:clip}.sn-plane{gap:calc(var(--u) * 24);transform-style:preserve-3d;flex-direction:column;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotateX(26deg)rotate(-10deg)}.sn-row{gap:calc(var(--u) * 24);padding-right:calc(var(--u) * 24);width:max-content;animation:120s linear infinite sn-slide;display:flex}.sn-row:nth-child(2n){margin-left:calc(var(--u) * -236)}.sn-wall-card{width:calc(var(--u) * 448);height:calc(var(--u) * 252);border-radius:calc(var(--u) * 20);object-fit:cover;flex:none;display:block}@keyframes sn-slide{0%{transform:translate(16.6667%)}to{transform:translate(-16.6667%)}}.sn-veil{background:linear-gradient(#f5f3f0f7 0%,#f5f3f0e8 24% 74%,#f5f3f0fa 100%);position:absolute;inset:0}.sn-header{z-index:2;position:relative}.sn-main{flex:1;justify-content:center;align-items:center;gap:clamp(28px,7vw,120px);padding:12px 0 40px;display:flex}.sn-stage{z-index:0;flex:none;position:relative}.sn-words{z-index:1;flex-direction:column;flex:0 540px;align-items:flex-start;gap:18px;min-width:0;display:flex;position:relative}.sn-footer{z-index:1;position:relative}.sn-check:empty{display:none}.sn-egg{width:var(--egg);aspect-ratio:400/500;font-size:calc(var(--egg) / 100);margin-bottom:5em;position:relative}.sn-rays{aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#ffd8cab3 0deg 9deg,#0000 9deg 18deg);border-radius:50%;width:520em;animation:140s linear infinite sn-turn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0% 10%,#0000 40%);mask-image:radial-gradient(circle,#000 0% 10%,#0000 40%)}@keyframes sn-turn{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.sn-beams{aspect-ratio:1;pointer-events:none;background:conic-gradient(#0000 6deg,#ffce1f8c 6deg 12deg,#0000 12deg 22deg,#ffce1f66 22deg 26deg,#0000 26deg 38deg,#ffce1f8c 38deg 44deg,#0000 44deg 56deg,#ffce1f66 56deg 60deg,#0000 60deg 72deg,#ffce1f80 72deg 78deg,#0000 78deg);border-radius:50%;width:320em;animation:5s ease-in-out infinite sn-beams;position:absolute;top:38%;left:82%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0% 4%,#0000 22%);mask-image:radial-gradient(circle,#000 0% 4%,#0000 22%)}@keyframes sn-beams{0%,to{opacity:.75;transform:translate(-50%,-50%)rotate(-3deg)}50%{opacity:1;transform:translate(-50%,-50%)rotate(3deg)}}.sn-shadow{background:#e4ddd2;border-radius:50%;height:7%;animation:4s ease-in-out infinite sn-squash;position:absolute;bottom:-3%;left:16%;right:16%}.sn-hatched .sn-shadow{animation:none}.sn-wobble{transform-origin:50% 97%;animation:4s ease-in-out infinite sn-wobble;position:absolute;inset:0}@keyframes sn-wobble{0%,55%,86%,to{transform:rotate(0)}58%,70%{transform:rotate(-3.5deg)}62%{transform:rotate(2deg)}66%{transform:rotate(-.5deg)}74%{transform:rotate(2.5deg)}78%{transform:rotate(-1.5deg)}82%{transform:rotate(.5deg)}}@keyframes sn-squash{0%,55%,86%,to{transform:scaleX(1)}58%,70%{transform:scaleX(.95)}62%,74%{transform:scaleX(1.03)}}.sn-shell{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sn-chip{transform-box:fill-box;transform-origin:50%;opacity:0;animation:4s ease-out infinite sn-chip-1}.sn-chip-2{animation-name:sn-chip-2}@keyframes sn-chip-1{0%,56%{opacity:0;transform:none}57%{opacity:1;transform:none}80%,to{opacity:0;transform:translate(40px,22px)rotate(150deg)}}@keyframes sn-chip-2{0%,68%{opacity:0;transform:none}69%{opacity:1;transform:none}92%,to{opacity:0;transform:translate(34px,44px)rotate(-130deg)}}.sn-sparkle{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite sn-twinkle}.sn-sparkle-2{animation-delay:-1.2s}@keyframes sn-twinkle{0%,to{transform:scale(.55)rotate(0)}50%{transform:scale(1)rotate(45deg)}}.sn-lid{animation:.8s cubic-bezier(.3,.6,.3,1) .1s forwards sn-lid-left}.sn-snip{width:70%;height:auto;animation:.65s cubic-bezier(.2,.8,.2,1) .25s both sn-pop;position:absolute;top:25.5%;left:50%}.sn-fan{aspect-ratio:16/9;box-sizing:border-box;object-fit:cover;border:.7em solid #fff;border-radius:2.2em;width:34em;height:auto;margin:-9.56em 0 0 -17em;animation:.7s cubic-bezier(.2,.8,.2,1) .35s both sn-fan-1;position:absolute;top:50%;left:50%}.sn-fan-2{animation-name:sn-fan-2;animation-delay:.45s}.sn-fan-3{animation-name:sn-fan-3;animation-delay:.55s}.sn-in{animation:.5s .3s both sn-in}@keyframes sn-lid-left{70%{opacity:1}to{opacity:0;transform:translate(-34em,-50em)rotate(-40deg)}}@keyframes sn-lid-right{70%{opacity:1}to{opacity:0;transform:translate(34em,-50em)rotate(40deg)}}@keyframes sn-pop{0%{opacity:0;transform:translate(-50%,40%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes sn-fan-1{0%{opacity:0;transform:translateY(12em)scale(.3)}to{opacity:1;transform:translate(-36em,-60em)rotate(-14deg)}}@keyframes sn-fan-2{0%{opacity:0;transform:translateY(12em)scale(.3)}to{opacity:1;transform:translateY(-78em)}}@keyframes sn-fan-3{0%{opacity:0;transform:translateY(12em)scale(.3)}to{opacity:1;transform:translate(36em,-60em)rotate(14deg)}}@keyframes sn-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:760px){.sn-page{--egg:min(48vw, 30svh)}.sn-main{flex-direction:column;justify-content:flex-start;gap:8px;padding:56px 0 20px}.sn-words{text-align:center;flex:none;align-items:center;width:100%}.sn-lid{animation-name:sn-lid-right}}@media (prefers-reduced-motion:reduce){.sn-lid{display:none}.sn-snip{transform:translate(-50%)}.sn-fan-1{transform:translate(-36em,-60em)rotate(-14deg)}.sn-fan-2{transform:translateY(-78em)}.sn-fan-3{transform:translate(36em,-60em)rotate(14deg)}}
