:root{color:#fff7e5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#131021;font-family:Arial,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button{font:inherit}button:focus-visible{outline-offset:6px;outline:2px solid #fff39a}::selection{color:#171223;background:#ff85ab}.scene{--rx:0deg;--ry:0deg;isolation:isolate;background:radial-gradient(at 50% 48%,#29203b 0%,#171224 47%,#100e1a 100%);grid-template-rows:auto 1fr auto;min-height:100svh;padding:30px 42px;display:grid;position:relative;overflow:hidden}.scene:after{content:"";pointer-events:none;z-index:6;border:1px solid #ffffff14;position:absolute;inset:14px}header,footer{z-index:7;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.wordmark{letter-spacing:-1.2px;align-items:center;gap:5px;font-size:25px;font-weight:800;display:flex}.wordmark-star{color:#ffa2c1;font-size:27px;animation:18s linear infinite turn}.edition{color:#c5b8ce;text-transform:uppercase;letter-spacing:2px;font:12px/1.4 monospace}.message{text-align:center;z-index:3;perspective:1000px;place-self:center;padding:40px 0 52px;position:relative}h1{letter-spacing:-.085em;transform:rotate(-7deg) rotateX(var(--rx)) rotateY(var(--ry));flex-direction:column;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(108px,20vw,290px);font-weight:1000;line-height:.78;transition:transform .25s ease-out;display:flex}.line{animation:5s ease-in-out infinite bob;display:block}.line-one{z-index:2;color:#fff39a;text-shadow:1px 1px #dba95c,2px 2px #dba95c,3px 3px #dba95c,4px 4px #dba95c,5px 5px #dba95c,6px 6px #dba95c,7px 7px #dba95c,8px 8px #dba95c,9px 9px #332135,14px 20px #08071055;position:relative}.line-two{color:#ffa2c1;text-shadow:1px 1px #c75b8f,2px 2px #c75b8f,3px 3px #c75b8f,4px 4px #c75b8f,5px 5px #c75b8f,6px 6px #c75b8f,7px 7px #c75b8f,8px 8px #c75b8f,9px 9px #332135,14px 20px #08071055;margin-top:.04em;padding-right:.02em;animation-delay:-.6s}.period{color:#92e8d4;text-shadow:1px 1px #3b9c90,2px 2px #3b9c90,3px 3px #3b9c90,4px 4px #3b9c90,5px 5px #3b9c90,6px 6px #3b9c90,7px 7px #3b9c90,8px 8px #3b9c90}.underline{background:#b8a0f1;border-radius:50%;width:57%;height:12px;animation:5s ease-in-out infinite stretch;position:absolute;bottom:5px;left:26%;transform:rotate(-7deg);box-shadow:0 0 45px #b8a0f144}.tiny-star{color:#fff8d8;font-size:clamp(40px,6vw,85px);animation:3s ease-in-out infinite twinkle;position:absolute;top:20%;right:-17%}.star{z-index:2;-webkit-user-select:none;user-select:none;line-height:1;position:absolute}.star-one{color:#a999ed;font-size:clamp(55px,9vw,120px);animation:7s ease-in-out infinite float;top:23%;left:14%}.star-two{color:#92e8d4;font-size:clamp(60px,9vw,130px);animation:28s linear infinite turn;bottom:22%;right:11%}.star-three{color:#fff39a;font-size:42px;animation:3.5s ease-in-out infinite twinkle;bottom:20%;left:23%}.star-four{color:#ffa2c1;font-size:44px;animation:6s ease-in-out infinite reverse float;top:17%;right:25%}.orbit{z-index:0;pointer-events:none;border:1px solid #c6abd71c;border-radius:50%;width:min(82vw,1100px);height:min(46vw,570px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}.orbit-two{border-style:dashed;border-color:#c6abd713;transform:translate(-50%,-50%)rotate(28deg)}.aurora{pointer-events:none;filter:blur(65px);opacity:.1;border-radius:50%;width:48vw;height:48vw;animation:15s ease-in-out infinite alternate drift;position:absolute}.aurora-one{background:#8a4beb;top:-32%;left:-15%}.aurora-two{background:#fa6091;animation-delay:-8s;bottom:-40%;right:-25%}.grain{z-index:5;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.party-canvas{z-index:4;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.shooting-star{opacity:0;background:linear-gradient(90deg,#0000,#fff39a);width:140px;height:2px;animation:9s linear infinite shoot;position:absolute;top:12%;left:-20%;transform:rotate(30deg);box-shadow:7px 0 12px #fff39a}.shooting-star.second{animation-duration:13s;animation-delay:-4s;top:55%}.hint{color:#b6a9c2;letter-spacing:.25px;font:13px/1.5 monospace}footer button{color:#e5d8ec;cursor:pointer;background:#ffffff05;border:1px solid #ffffff26;border-radius:24px;align-items:center;gap:10px;padding:11px 16px;font-size:14px;transition:background .2s,border-color .2s;display:flex}footer button:hover{background:#ffffff12;border-color:#ffa2c1}footer button span{color:#ffa2c1;width:13px}.is-paused *,.is-paused :before,.is-paused :after{animation-play-state:paused!important}.is-paused h1{transform:rotate(-7deg)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes float{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-20px)rotate(12deg)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.6;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}@keyframes stretch{0%,to{transform:rotate(-7deg)scaleX(1)}50%{transform:rotate(-7deg)scaleX(.88)}}@keyframes drift{to{transform:translate(20vw,15vh)scale(1.3)}}@keyframes shoot{0%,70%{opacity:0;transform:translate(0)rotate(30deg)}72%{opacity:.8}85%,to{opacity:0;transform:translate(120vw,55vh)rotate(30deg)}}@media (width<=600px){.scene{padding:25px}.scene:after{inset:10px}.wordmark{font-size:22px}.edition{letter-spacing:0;font-size:12px}h1{font-size:clamp(108px,28vw,168px)}.message{padding:40px 0}.tiny-star{font-size:38px;top:12%;right:-12%}.star-one{font-size:65px;top:22%;left:9%}.star-two{font-size:65px;bottom:23%;right:8%}.star-three{font-size:25px;bottom:25%;left:14%}.star-four{font-size:30px;top:20%;right:20%}.orbit{width:120vw;height:62vw}footer{flex-direction:column;gap:15px}.hint{font-size:12px}.underline{height:7px}.aurora{width:90vw;height:90vw}}@media (height<=600px) and (width>=601px){h1{font-size:min(24vh,17vw)}.message{padding:15px 0 30px}.tiny-star{top:0}}@media (prefers-reduced-motion:reduce){.scene *{transition:none!important}}