:root{--background-primary:#000;--background-secondary:#c6c4bd;--background-tertiary:#e9e7de;--foreground-primary:#ff0040;--foreground-secondary:#e9e7de}body,html{margin:0;padding:0}*{box-sizing:border-box;touch-action:manipulation}body{background-color:var(--background-primary);font-family:Noto Sans JP,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.container{display:grid;grid-template-rows:15dvh 70dvh 15dvh;height:100dvh;overflow:hidden}.container,.container>div{align-items:center;justify-content:center}.container>div{display:flex;height:100%}.container .main{position:relative}.container .window__header{flex-direction:column;max-width:360px;position:relative;width:100vw;z-index:1}.container .window__header img{transition:all .5s}.container .window__header .star{bottom:10px;left:0;margin:auto;position:absolute;right:0;scale:.8}.container .window__header .logo{transform:scale(.5)}.container .window__header.show-logo .star{bottom:-50px;transform:scale(.5)}.container.result-container{grid-template-rows:20dvh 75dvh 5dvh}.window{background-color:var(--background-secondary);border-radius:300px 300px 0 0;height:100%;max-width:360px;overflow:hidden;position:absolute;width:100%}.window__footer img{left:0;margin:-200px auto auto;position:fixed;right:0}.window img{bottom:0;height:90%;left:-50%;margin:auto;position:absolute;right:-50%}.table{height:100%;position:absolute;transform:scale(.9);width:100%}.table .card{--margin-top:40px;bottom:0;cursor:pointer;left:0;margin:auto;position:absolute;right:0;top:auto;transition:all 1s}.table .card:first-child{bottom:auto;left:0;margin:auto;right:0;top:calc(var(--margin-top));transform:rotate(-2deg)}.table .card:nth-child(2){bottom:auto;left:10px;right:auto;top:calc(190px + var(--margin-top))}.table .card:nth-child(3){bottom:auto;left:0;margin:auto;right:0;top:calc(190px + var(--margin-top))}.table .card:nth-child(4){bottom:auto;left:auto;right:10px;top:calc(190px + var(--margin-top));transform:rotate(-5deg)}.table .card:nth-child(5){bottom:auto;left:65px;right:auto;top:calc(380px + var(--margin-top));transform:rotate(2deg)}.table .card:nth-child(6){bottom:auto;left:auto;right:65px;top:calc(380px + var(--margin-top))}.card-container{height:100dvh;overflow:hidden;pointer-events:none;position:fixed;width:100vw}.card-container .card{background-color:var(--background-tertiary);height:150px;position:absolute;width:100px;z-index:1}.card-container .card:first-child{--rotate-angle:10deg;right:-50px;top:-20px;zoom:2;animation:slowFloat 5s ease-in-out infinite;animation-delay:0s;filter:blur(4px)}.card-container .card:nth-child(2){--rotate-angle:-10deg;left:-30px;top:25vh;zoom:1.6;animation:slowFloat 5s ease-in-out infinite;animation-delay:-1s;filter:blur(3px)}.card-container .card:nth-child(3){--rotate-angle:10deg;bottom:-110px;right:0;zoom:3;animation:slowFloat 5s ease-in-out infinite;animation-delay:-2s;filter:blur(5px)}.result{color:var(--foreground-secondary);display:grid;grid-template-rows:10% 60% 30%;height:100%;text-align:center;width:100%}.result__image{height:100%;max-width:360px;overflow:hidden;width:100%}.result__image img{height:auto;max-height:100%;min-width:auto}.result__text,.result__text a{align-items:center;display:flex;flex-direction:column;justify-content:center}.result__text a{color:var(--foreground-primary);cursor:pointer;text-decoration:none}.result__text pre{font-size:1.1em;line-height:180%;margin:20px 0}.result__text p{color:var(--foreground-primary);font-size:.7em;margin:10px 0 0}.dot{background-color:var(--foreground-primary);border-radius:10px;display:block;height:10px;width:10px}@keyframes slowFloat{0%{transform:translateY(0) rotate(var(--rotate-angle))}50%{transform:translateY(-10px) rotate(var(--rotate-angle))}to{transform:translateY(0) rotate(var(--rotate-angle))}}.slide-in-enter-active,.slide-in-leave-active{transition:transform .5s ease}.slide-in-enter-from,.slide-in-leave-to{transform:translateY(-100%)}.slide-out-enter-active,.slide-out-leave-active{opacity:1;transition:all 1s ease}.slide-out-enter-from,.slide-out-leave-to{opacity:0;transform:translateY(150%)}.blur-out-enter-active,.blur-out-leave-active{opacity:1;transition:all 1s ease}.blur-out-enter-from,.blur-out-leave-to{filter:blur(50px);opacity:0;transform:scale(1.2)}.blur-in-enter-active,.blur-in-leave-active{opacity:1;transition:all 1s ease}.blur-in-enter-from,.blur-in-leave-to{opacity:0}