@font-face{font-family:DOSSaemmul;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/DOSSaemmul.woff) format("woff");font-weight:400;font-style:normal}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}html,body{width:100%;height:100%;font-size:25px;margin:0}#root{position:fixed;overflow:hidden;font-family:DOSSaemmul}button,input,textarea,select{font-family:inherit}a{text-decoration:none}.pointer:hover{cursor:pointer}.accent{color:#0d99ff;font-style:normal}.neon-text{text-shadow:#0D99FF 0 1px 5px}.wrapper{display:flex;width:100%;height:calc(var(--vh, 1vh) * 100)}.overlay-layer{width:100%;height:100%;z-index:30;position:absolute;top:0;left:0;background-color:#00000080}.alert{width:280px;height:180px;text-align:center;padding:20px;line-height:1.5;background-color:#fff;display:flex;font-size:18px;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 4px 20px #0000001a;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.alert:hover{box-shadow:0 6px 25px #0003}.layer-close{position:fixed;top:5px;right:13px}input[type=text],textarea,select{font-size:16px}.language-selector{position:fixed;right:10px;top:10px;border:none;z-index:10}.container{display:flex;width:100%;height:calc(var(--vh, 1vh) * 100);align-items:center;justify-content:space-evenly;text-align:center;line-height:25px}.column{flex-direction:column}.row{flex-direction:row}.main-item{display:flex;height:100px;align-items:center;justify-content:center;gap:40px}.left-btn,.right-btn{height:100vh;background:none;border:none;outline:none;box-shadow:none;color:#b9e1ff;text-decoration:none;display:block;position:absolute;padding:20px;top:50%;transform:translateY(-50%)}.right-btn{right:0}.left-btn{left:0}.left-btn.neon-text,.right-btn.neon-text{text-shadow:#B9E1FF 0 1px 5px;font-size:medium}.carousel-track-container{display:flex;width:100%;justify-content:space-evenly}.main-item.hide{display:none}.floating{width:100px;height:100px;position:absolute;border-radius:10%;top:50%;left:50%;transform:translate(-50%,-50%);animation:float 3s ease-in-out infinite}.goodbye{margin-top:10px;width:300px;height:200px;resize:none}.location-wrapper{display:flex;height:calc(var(--vh, 1vh) * 100);flex-direction:column}.location-image-wrapper{padding:0 30px;display:flex;flex-direction:column;height:500px}.location-wrapper-label{padding-top:20px;line-height:40px;text-align:center}.location-div{flex-grow:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.location-text{color:#fff;left:10px;top:0;position:absolute;z-index:10}.location-image{width:100%;height:100%;object-fit:cover}.upper-margin{margin-top:35px}textarea.goodbye{box-sizing:border-box;padding:10px;width:100%;max-width:100%;min-width:100%;display:block;margin:0 auto;font-family:inherit}.goodbye.nickname{height:40px;margin:10px auto;line-height:34px;padding:0 10px;width:100%;max-width:300px;display:block}.cloud{width:200px;height:100px}.cloud.upload{cursor:pointer}.text-counter{display:flex;margin:0;align-self:end}.text-counter-wrap{width:300px;display:flex;flex-direction:column}.left{text-align:left}.deleted-quota-info{opacity:0;height:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.deleted-quota-info.fade-out{opacity:0;height:0;transform:translateY(20px)}.deleted-quota-text{font-size:25px}.deleted-quota-info.fade-in{opacity:1;height:250px}.shade{color:#898989;font-size:15px}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.button-area{width:100%;display:flex;position:fixed;bottom:0;justify-content:center}.deleted-photo-input{width:200px;height:40px;--width: 2px;--color: black;--bgcolor: #b9e1ff00;background-color:var(--bgcolor);box-sizing:border-box;font-size:20px;border:0;box-shadow:var(--width) 0 var(--bgcolor),calc(-1 * var(--width)) 0 var(--bgcolor),0 calc(-1 * var(--width)) var(--bgcolor),0 var(--width) var(--bgcolor),calc(2 * var(--width)) 0 var(--color),calc(-2 * var(--width)) 0 var(--color),0 calc(-2 * var(--width)) var(--color),0 calc(2 * var(--width)) var(--color),0 0 0 var(--width) var(--color)}.deleted-photo-input.with-error{--color: red}.error{color:red;margin:3px 0 0;font-size:15px;text-align:left}.pixel-button{--width: 4px;--color: black;--bgcolor: #B9E1FF;background-color:var(--bgcolor);box-sizing:border-box;font-size:20px;width:100%;margin:30px 30px 20px;height:30px;box-shadow:var(--width) 0 var(--bgcolor),calc(-1 * var(--width)) 0 var(--bgcolor),0 calc(-1 * var(--width)) var(--bgcolor),0 var(--width) var(--bgcolor),calc(2 * var(--width)) 0 var(--color),calc(-2 * var(--width)) 0 var(--color),0 calc(-2 * var(--width)) var(--color),0 calc(2 * var(--width)) var(--color),0 0 0 var(--width) var(--color)}.pixel-button.disabled{--width: 3px;--color: rgba(118, 118, 118, .1);color:gray;--bgcolor: rgb(237, 237, 237)}.to-main{font-size:16px;margin:50px 0 0}.logo-wrapper{position:relative;display:flex}.logo-big{width:100px;z-index:10}.logo-small{height:10px;width:15px;position:absolute}.logo-first{top:60px;left:80px}.logo-second{top:50px;left:60px}.black-dot-wrapper{position:absolute;width:100%;display:flex;align-items:center;justify-content:center;top:50%;gap:15px}.black-dot{z-index:10;width:3px;height:3px;background-color:#636363;border-radius:50%}.logo-wrapper-memory:hover .black-dot{animation:blink 3s steps(1) infinite;animation-delay:calc(var(--index) * .5s);animation-fill-mode:forwards}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.black-dot:nth-child(1){--index: 1}.black-dot:nth-child(2){--index: 2}.black-dot:nth-child(3){--index: 3}.logo-star{width:20px;top:100%;left:20%;position:absolute}@keyframes bounce-star{0%{top:100%;left:20%}to{rotate:-20deg}}.logo-wrapper:hover .logo-star{animation:bounce-star 1s steps(2) infinite}.logo-button{width:20px;top:130%;left:40%;position:absolute}@keyframes bounce-button{0%{top:130%;left:40%}to{rotate:-50deg}}.logo-wrapper:hover .logo-button{animation:bounce-button 1s steps(2) infinite}.logo-narutomaki{width:20px;top:80%;left:50%;position:absolute}@keyframes bounce-narutomaki{0%{top:80%;left:50%}to{rotate:40deg}}.logo-wrapper:hover .logo-narutomaki{animation:bounce-narutomaki 1s steps(2) infinite}.logo-tamagotchi{width:20px;top:100%;left:70%;position:absolute;rotate:20deg}@keyframes bounce-tamagotchi{0%{top:100%;left:70%}to{rotate:40deg}}.logo-wrapper:hover .logo-tamagotchi{animation:bounce-tamagotchi 1s steps(2) infinite}@keyframes float{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-20px)}to{transform:translate(-50%,-50%) translateY(0)}}.confetti{position:absolute;top:-50px;width:10px;height:10px;background-color:hsl(calc(360 * var(--hue)),80%,60%);animation:fall linear infinite;--hue: 0}.confetti:nth-child(1){left:10%;animation-duration:3s;--hue: .1}.confetti:nth-child(2){left:30%;animation-duration:4s;--hue: .4}.confetti:nth-child(3){left:50%;animation-duration:2.5s;--hue: .6}.confetti:nth-child(4){left:70%;animation-duration:3.5s;--hue: .8}.confetti:nth-child(5){left:90%;animation-duration:4.2s;--hue: 1}.confetti:nth-child(6){left:80%;animation-duration:2s;--hue: .1}.confetti:nth-child(7){left:10%;animation-duration:3s;--hue: .3}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media (min-width: 768px){.main-item{flex:0 0 auto}.main-item.hide{display:flex}.left-btn,.right-btn{display:none}.memory-wrap{display:flex}}@media (max-width: 768px){.logo-button{animation:bounce-button 1s steps(2) infinite}.logo-narutomaki{animation:bounce-narutomaki 1s steps(2) infinite}.logo-tamagotchi{animation:bounce-tamagotchi 1s steps(2) infinite}.logo-star{animation:bounce-star 1s steps(2) infinite}.black-dot{animation:blink 3s steps(1) infinite;animation-delay:calc(var(--index) * .5s)}}.tutorial-alert{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;padding:20px;z-index:1000;text-align:center;animation:fadeIn .3s ease-in-out}.tutorial-content{display:flex;flex-direction:column;align-items:center}.tutorial-title{font-size:23px;margin-bottom:10px;color:#000}.tutorial-description{font-size:16px;margin-bottom:20px;color:#666;line-height:1.5}.tutorial-button{width:100px;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.introduce-wrapper{background-color:#fff;display:flex;height:100vh;overflow:auto;padding:13px}.introduce-close-button{margin-left:auto}a{text-decoration:inherit;color:inherit}.introduce-detail{font-family:"";line-height:25px;font-size:16px}.introduce-margin{margin:10px 0}.tutorial-progress{padding-top:15px;display:flex;justify-content:center;gap:10px;align-items:center;margin-bottom:16px}.progress-dot{width:5px;height:5px;background-color:#ddd;border-radius:50%;transition:transform .3s}.progress-dot.active{background:url(/assets/cloud-pixel.svg);transform:scale(1.5);width:10px;height:10px}.animation-image-wrapper{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100vh}.drowning-image{width:200px;height:200px;animation:drowning 10s ease-in-out infinite,sideWays 2s ease-in-out infinite alternate}@keyframes flying{0%{transform:translate(0)}to{transform:translateY(calc(-100vh - 300px))}}@keyframes drowning{0%{transform:translate(0)}to{transform:translate(-50vw,calc(100vh + 300px))}}.ocean{position:relative;width:100vw;height:100vh;background-image:linear-gradient(0deg,#182848,#2980b9)}.bubble{width:30px;height:30px;border-radius:100%;position:absolute;background-color:#fff;bottom:-30px;opacity:.2;animation:bubble 15s ease-in-out infinite,sideWays 4s ease-in-out infinite alternate}.farewell-text{font-size:20px}@keyframes bubble{0%{transform:translateY(0);opacity:.06}to{transform:translateY(-120vh)}}@keyframes sideWays{0%{margin-left:0}to{margin-left:200px}}.bubble--1{left:10%;animation-delay:.5s;animation-duration:16s;opacity:.2}.bubble--2{width:15px;height:15px;left:40%;animation-delay:1s;animation-duration:10s;opacity:.1}.bubble--3{width:10px;height:10px;left:30%;animation-delay:5s;animation-duration:20s;opacity:.3}.bubble--4{width:25px;height:25px;left:40%;animation-delay:8s;animation-duration:17s;opacity:.2}.bubble--5{width:30px;height:30px;left:60%;animation-delay:10s;animation-duration:15s;opacity:.1}.bubble--6{width:10px;height:10px;left:80%;animation-delay:3s;animation-duration:30s;opacity:.4}.bubble--7{width:15px;height:15px;left:90%;animation-delay:-7s;animation-duration:25s;opacity:.3}.bubble--9{width:20px;height:20px;left:50%;bottom:30px;animation-delay:-5s;animation-duration:19s;opacity:.2}.bubble--10{width:40px;height:40px;left:30%;bottom:30px;animation-delay:-21s;animation-duration:16s;opacity:.3}.bubble--11{width:30px;height:30px;left:60%;bottom:30px;animation-delay:-13.75s;animation-duration:20s;opacity:.3}.bubble--11{width:25px;height:25px;left:90%;bottom:30px;animation-delay:-10.5s;animation-duration:19s;opacity:.3}.flame-background{background:radial-gradient(ellipse at top,#000,#f000),radial-gradient(ellipse at bottom,#ff9925,#000);display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.flame-text{z-index:3;color:orange;text-shadow:red 0 1px 5px,red 2px 2px 5px,red -1px 1px 5px;position:absolute;top:20%}.flame-wrapper{position:relative}.flame-image{width:200px;height:200px;z-index:-1;animation:fade-out 5s infinite}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.flame{z-index:3;top:30%;width:150px;height:150px;background:linear-gradient(-45deg,red,orange);border-radius:150px 150px 0;transform:rotate(-135deg) translate(-50%,-50%);animation:.3s flame infinite;filter:blur(10px);position:absolute;box-shadow:17px 20px 90px #700;border:45px solid black;border-left-width:25px;border-top-width:25px}.flame:after,.flame:before{content:"";width:100px;height:100px;display:block;position:absolute;background:linear-gradient(-45deg,red,orange);animation:.2s flame infinite;transform:scale(.8) rotate(20deg);border-radius:100px 100px 0;top:20px}.flame:before{top:0;animation-duration:.2s;transform:scale(.9) rotate(-15deg) translate(10px)}@keyframes flame{0%{height:150px;width:150px}50%{height:140px;width:140px}to{height:150px;width:150px}}.fly-background{width:100vh;height:100vh;z-index:-1}.sky-text{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.fly-image{width:200px;height:200px}.fly-wrapper{animation:fly 4s cubic-bezier(.6,-.28,.74,.05) infinite;display:flex;align-items:center;position:absolute;justify-content:space-around;width:250px}.wing{width:30px;height:30px;position:absolute;z-index:3}.wing.left{left:0;margin:10}.wing.right{transform:scaleX(-1);right:0}@keyframes fly{0%{top:50%}to{top:-50%;opacity:0}}#root{width:100%;height:100vh}.memory_root{display:flex;height:100vh;width:100vw;flex-direction:column;overflow:scroll;margin:0}.empty-gallery-root{align-items:center;justify-content:space-evenly;display:flex;height:100vh}.empty-image-wrapper{width:100%;height:150px;position:relative}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-desc{text-align:center}.question-mark{color:#747474;font-size:80px}.empty-gallery-button{width:150px}.gallery{margin:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-content:center;align-content:center;justify-items:center;padding-bottom:50px;row-gap:8vh;column-gap:3vw}.gallery-item{position:relative;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;height:100px;width:100px;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.detail-wrap{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.detail-image-wrap{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:90vh;overflow:hidden}.detail-image{max-height:50vh;max-width:90%;width:auto;height:auto;object-fit:contain}.detail-content{margin-top:30px;max-width:90%;width:100%;max-height:30vh;overflow-y:auto;padding-right:10px;box-sizing:border-box}.detail-nickname{margin-top:15px;font-size:15px;max-width:90%;width:100%}.ocean{box-shadow:#0d11ff 1px 1px 20px 5px}.mountain{box-shadow:green 1px 1px 20px 5px}.sky{box-shadow:#0d99ff 1px 1px 20px 5px}.date-cover{margin-left:3vh;margin-top:3vh;display:flex}.dropdown{position:relative;display:inline-block}.dropdown-button{margin-top:30px;display:inline-block;height:40px;line-height:40px}.dropdown-font{font-size:35px}.dropdown-items{position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-items a{color:#000;padding:12px 16px;text-decoration:none;display:block}.timer-text{line-height:30px}.back-button{top:10px;left:10px;width:20px;height:20px;position:fixed;z-index:10}.gallery-cursor{width:100%;height:1px;background-color:#fff}.spinner{position:absolute;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);line-height:30px;color:#fff}.loading-text{font-size:24px;letter-spacing:2px;display:inline-block;position:relative}.loading-text:after{content:"loading";animation:dots 2s steps(4) infinite}@keyframes dots{0%{content:"LOADING"}33%{content:"LOADING."}66%{content:"LOADING.."}to{content:"LOADING..."}}@media (max-width: 768px){.dropdown-font{font-size:30px}.timer-text{font-size:20px}}.summary-container{display:flex;width:100%;height:calc(var(--vh, 1vh) * 100);align-items:center;text-align:center;line-height:25px}.deleted-wrapper{display:flex;width:100%;margin-bottom:50px;position:relative}.gradient{height:170px;width:100%;position:absolute;background:linear-gradient(to bottom,#0d99ff80,#fff)}.deleted-title-label{text-align:left;padding:30px 0 0 20px;z-index:1}.deleted-quota-wrapper{white-space:nowrap;height:300px;position:relative}.deleted-quota-image{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:330px}.deleted-quota{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:50px}.deleted-quota-label{font-size:16px;position:absolute;top:80%;left:50%}.label-right-down{z-index:3;position:absolute;font-size:16px;top:100px;line-height:20px;right:0;margin:0}.oval-wrapper{display:flex;align-items:center;gap:20px;justify-content:space-between}.oval{position:relative;width:300px;height:80px;border-radius:50%}.oval.first{background-color:#baffc5}.oval.second{background-color:#fffcba}.oval.third{background-color:#fbceff}.oval-text{white-space:nowrap;width:100%;margin:0;position:absolute;font-size:16px;top:50%;left:50%;transform:translate(-50%,-50%)}.accent-oval-text{font-size:20px;font-style:normal}.accent-oval-text.first{color:#009962}.accent-oval-text.second{color:#c8c000}.accent-oval-text.third{color:#d400e6}.carbon-text{margin-top:-20px;margin-bottom:20px;font-size:16px}.carbon-text-last{font-size:16px;margin:30}.grid-container{margin:15px;display:grid;grid-template-columns:repeat(2,100px);grid-gap:70px;justify-content:center;align-content:center;padding-top:50px;padding-bottom:50px;background-color:#fafafa}.grid-item-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.grid-item{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;height:100px;width:100px;overflow:hidden}.label{padding-top:5px;text-align:center;font-size:16px;white-space:nowrap}.grid-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:scale-down;width:70px;height:70px}.summary-main-button{width:100px;margin-bottom:50px}