:root{font-family:KuaiLe,system-ui;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;background-color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:KuaiLe;src:url(/assets/ZCOOLKuaiLe-Regular.ttf);font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}html,body{line-height:1.5;-webkit-font-smoothing:antialiased;height:100%;min-height:100dvh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate;--anon-color: 255, 136, 153;--saki-color: 119, 153, 204;--combined-color: 186, 145, 204;--white-color: #f2f2f2 }.flex{display:flex}.flex-col{flex-direction:column}.absolute{position:absolute}.page{justify-content:center;width:100vw;overscroll-behavior:none}.non-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu-bar{position:fixed;justify-content:space-between;align-items:center;left:5%;top:1%;width:90vw;height:8vh;min-height:80px;padding:1rem;background-color:#ffffff26;border:2px solid rgba(var(--combined-color),1);opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;border-radius:25px}.menu-bar.hidden{opacity:0;pointer-events:none}.menu-left-side{display:flex;align-items:center;height:100%;gap:20px}.logo{height:100%}.buttons{display:flex;justify-content:space-between;gap:20px}.menu-button{background-color:rgb(var(--combined-color));width:100px}.landing-page{overflow:hidden;position:relative;background-color:rgba(var(--saki-color),.4);height:100dvh;place-items:center}.octo-container{--sx: 1;transform:translateY(0) scaleX(var(--sx))}.z-1{z-index:1}.z-10{z-index:10}.blush{position:absolute;opacity:0;top:55%;left:52%;transform:translate(-50%,-50%) rotate(-4deg);z-index:2;width:60%;pointer-events:none}.octo-image{width:25vw;cursor:move;cursor:grab;display:inline-block;filter:drop-shadow(2px 2px white) drop-shadow(2px -2px white) drop-shadow(-2px 2px white) drop-shadow(-2px -2px white);-webkit-filter:drop-shadow(2px 2px white) drop-shadow(2px -2px white) drop-shadow(-2px 2px white) drop-shadow(-2px -2px white)}.octo-image.dragging{cursor:grabbing}.drag-me-message{font-size:2rem;opacity:0;position:absolute;transition:opacity .5s ease}.dmm--a1,.dmm--s2{left:10%;top:10%;rotate:-45deg}.dmm--a2,.dmm--s1{right:10%;top:10%;rotate:45deg}.mirror-horizontal{transform:scaleX(-1)}.heart-bullet{opacity:0;position:absolute;left:50%;top:50%}.curtain{position:fixed;top:-100%;left:0;width:100%;height:100%;background-color:rgba(var(--anon-color),1);z-index:4;pointer-events:none}.title{font-family:KuaiLe;padding-top:10%;z-index:2;-webkit-text-stroke:1px white;pointer-events:none}.emoji-bubble{--offset: 20%;--animationDuration: 8s;position:fixed;bottom:-100px;width:60px;height:60px;background:radial-gradient(circle at 35% 30%,#ffffffe6,#add8e699,#add8e64d);border-radius:50%;border:2px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;animation:riseEmoji linear infinite;animation-duration:var(--animationDuration);box-shadow:inset 0 0 20px #fff6,0 4px 12px #0000001a;font-size:24px;z-index:0}@keyframes riseEmoji{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:.9}50%{transform:translateY(-50vh) translate(30px) rotate(180deg)}90%{opacity:.8}to{transform:translateY(-110vh) translate(-20px) rotate(360deg);opacity:0}}.emoji-bubble.left{left:var(--offset)}.emoji-bubble.right{right:var(--offset)}@keyframes flipHorizontal{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}.character-page{position:relative;height:100dvh}.character-curtain{top:0;animation:1s fadeIn reverse;opacity:0}.character-section{display:flex;height:100dvh;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.saki-section{background-color:rgba(var(--anon-color),.7)}.anon-section{background-color:rgba(var(--saki-color),.7);position:relative}#explore-button{position:absolute;background-color:rgb(var(--combined-color));font-size:1.2rem;padding:.6em 2em;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 0 rgba(var(--combined-color),.5);z-index:10;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translate(-50%) scale(.9)}70%{transform:translate(-50%) scale(1);box-shadow:0 0 0 25px rgba(var(--combined-color),0)}to{transform:translate(-50%) scale(.9);box-shadow:0 0 rgba(var(--combined-color),0)}}.dialog-box{background:var(--white-color);position:relative;width:80%;height:70%;border-radius:20px;padding:30px}.saki-border{--border-color: rgba(var(--saki-color), 1);animation:fadeIn 1s ease-in-out forwards;background-image:url(/assets/Ave_Mujica_logo.png);background-repeat:no-repeat;background-position:bottom 5% left 5%}.anon-border{--border-color: rgba(var(--anon-color), 1);z-index:2;background-image:url(/assets/MyGO!!!!!_logo.png);background-repeat:no-repeat;background-position:bottom 5% left 5%}.dialog-box:before{content:"";position:absolute;inset:20px;border:2px solid var(--border-color);border-radius:20px;pointer-events:none}.animation-container{background:linear-gradient(rgba(var(--anon-color),.7),rgba(var(--saki-color),.7))}.animation-canvas{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:75vw;height:auto;aspect-ratio:16/9;z-index:1;pointer-events:none;opacity:1;transition:opacity .5s ease-out}.animation-canvas.hidden{opacity:0}.danmaku{--size: 16px;--color: white;--top: 0;position:absolute;right:-300px;font-size:var(--size);font-weight:700;color:var(--color);text-shadow:2px 2px 4px rgba(0,0,0,.3);white-space:nowrap;top:var(--top);z-index:0;opacity:0}.danmaku-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}#gl_canvas{position:absolute;z-index:3;right:calc(10vw + 10px);aspect-ratio:3/4;height:45vh;min-height:280px}.relays-page{height:auto;overflow:scroll;height:100dvh;width:100vw;justify-items:center;background-color:rgba(var(--combined-color),.5);display:flex;justify-content:center}.relay-grid{overflow:scroll;width:100vw;min-height:100dvh;padding:12% 2.5% 2%;gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.spinner-container{position:fixed;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{width:50px;height:50px;border:5px solid rgb(var(--anon-color));border-top:5px solid rgb(var(--saki-color));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.polaroid-container{height:420px;width:350px;border:1px solid darkgrey;background-color:#fff;padding:15px 15px 60px;box-shadow:5px 10px 10px #a9a9a9;display:flex;flex-direction:column;align-items:center;cursor:pointer}.tape{position:absolute;z-index:1;background-color:#f1d761d9;width:200px;height:40px;top:-20px;--m: conic-gradient(from 45deg at left, #0000,#000 1deg 89deg,#0000 90deg) left /51% 20px repeat-y, conic-gradient(from -135deg at right, #0000,#000 1deg 89deg,#0000 90deg) right/51% 20px repeat-y;-webkit-mask:var(--m);mask:var(--m)}.polaroid-container img{width:315px;height:350px;border:1px solid rgba(169,169,169,.5);object-fit:cover;flex-shrink:0;pointer-events:none}.polaroids-text-container{place-items:center}.polaroids-text-container div{gap:10px}.details-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1) rotate(0);display:flex;flex-direction:column;visibility:hidden;cursor:pointer;pointer-events:none}.details-background{position:fixed;pointer-events:auto;width:100vw;height:100dvh;top:0;left:0}.memory-button{background-color:rgb(var(--combined-color));position:fixed;height:45px;bottom:-50px;left:50vw;z-index:99;translate:-50% 0;animation:glow 1.5s infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px rgb(var(--anon-color))}to{box-shadow:0 0 20px rgb(var(--saki-color))}}@media screen and (max-width: 769px){.octo-image{width:45vw}.saki-border,.anon-border{background-image:none}}.relay-details-grid{column-count:3;column-gap:1rem}.post-card{display:inline-block;width:100%;margin-bottom:1rem;padding:1rem;background:#f8f8f8;border:1px solid #ddd;border-radius:8px;break-inside:avoid}.invitation-page{height:100dvh;width:100vw}.text-scroll-container{height:26000px;background-color:rgba(var(--anon-color),.6)}.arrow{border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);width:20px;aspect-ratio:1}.scroll-indicator{--top-start: 45%;--top-end: 55%;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;place-items:center;animation:bounce 2.5s infinite}@keyframes bounce{0%,to{top:var(--top-start)}75%{top:var(--top-end)}}.scroll-indicator-mini{--top-start: 85%;--top-end: 87%;position:fixed;text-align:center;place-content:center;border-radius:25px;border:2px solid rgba(255,255,255,.7);left:50%;top:85%;transform:translate(-50%,250%);z-index:100;opacity:0;transition:transform .5s ease,opacity .5s ease;height:50px;width:120px;background-color:rgb(var(--combined-color))}.scroll-indicator-mini.show{opacity:1;transform:translate(-50%);transition:transform 1s ease,opacity 1s ease;animation:bounce 1.5s infinite 1.5s}.scroll-text{position:fixed}.scroll-text--0,.scroll-text--10{top:20%;left:50%;transform:translate(-50%);white-space:nowrap}.scroll-text--1{top:30%;right:10%}.scroll-text--2{bottom:20%;left:10%;width:50%}.scroll-text--3{top:30%;right:15%;width:75%}.scroll-text--4{bottom:30%;right:5%;width:50%}.scroll-text--5{top:20%;left:10%}.scroll-text--6{bottom:10%;left:10%}.scroll-text--7{top:20%;left:15%;width:35%}.scroll-text--8{top:50%;right:20%;width:35%}.scroll-text--9{bottom:20%;left:25%;width:40%}.word{opacity:0}.word .word{opacity:inherit}.qr-code-container{width:25%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;display:flex;flex-direction:column;place-items:center;gap:20px}.qr-code-image{pointer-events:none}.octo-image.invitation-easter-egg{position:fixed;bottom:-15vw;width:15vw;cursor:default}@media screen and (min-width: 1920px){.relay-grid{grid-template-columns:1fr 1fr 1fr 1fr;padding:7% 15% 2%}}.polaroid-container{z-index:1}@media screen and (max-width: 1240px){.relay-grid{grid-template-columns:1fr 1fr}.drag-me-message{font-size:1.5rem}}@media screen and (max-width: 768px) and (orientation: portrait){.landing-page{height:100dvh}.menu-bar{overflow:scroll;left:auto;right:10px;flex-direction:column;padding-top:40px;height:500px;width:150px;transform:translate(0);transition:transform 1s ease,opacity 1s ease;align-items:center}.menu-left-side{flex-direction:column;margin-bottom:10px;gap:10px}.buttons{gap:10px}.menu-bar.toggled{transform:translate(100%);transition:transform 1s ease,opacity 1s ease;opacity:0}.hamburger-button{opacity:1;position:fixed;z-index:100;cursor:pointer;top:25px;right:20px}.hamburger-button span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#000;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.hamburger-button span:first-child{transform-origin:0% 0%}.hamburger-button span:nth-last-child(2){transform-origin:0% 100%}.hamburger-button.toggled span{opacity:1;transform:translate(-1px,-14px) rotate(45deg);background:#232323}.hamburger-button.toggled span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}.hamburger-button.toggled span:nth-last-child(2){transform:rotate(-45deg) translate(-10px,10px)}.menu-bar img{height:80px}.buttons{flex-direction:column}.drag-me-message{font-size:1rem}.relay-grid{grid-template-columns:1fr 1fr;gap:5px;overflow-x:hidden}.polaroid-container{height:210px;width:175px;border:1px solid darkgrey;background-color:#fff;padding:7px 7px 30px;box-shadow:5px 10px 10px #a9a9a9;display:flex;flex-direction:column;align-items:center;cursor:pointer;font-size:.5rem}.tape{position:absolute;z-index:1;background-color:#f1d761d9;width:100px;height:20px;top:-10px;--m: conic-gradient(from 45deg at left, #0000,#000 1deg 89deg,#0000 90deg) left /51% 10px repeat-y, conic-gradient(from -135deg at right, #0000,#000 1deg 89deg,#0000 90deg) right/51% 10px repeat-y;-webkit-mask:var(--m);mask:var(--m)}.polaroid-container img{width:157.5px;height:175px;border:1px solid rgba(169,169,169,.5);object-fit:cover;flex-shrink:0;pointer-events:none}.qr-code-container{width:75%}}.music-player{position:fixed}.music-player-minimized{position:relative;height:120%;aspect-ratio:1;background-color:rgba(var(--saki-color),.5);border-radius:10px;right:0;bottom:0;cursor:pointer;border:1px solid rgba(var(--combined-color));color:rgba(var(--anon-color),.7)}.music-player-minimized:hover{color:rgb(var(--anon-color))}.vinyl{position:absolute;height:80%;bottom:5%;left:5%}.vinyl-arm{position:absolute;top:0%;right:0%;height:80%}.play-pause-icon{position:absolute;height:30%;bottom:0%;right:0%}@media screen and (max-width: 768px){.music-player-minimized{height:100px}}