.replay-header{color:#000;justify-content:space-between;align-items:center;padding:16px;display:flex}.hamburger-menu{cursor:pointer;flex-direction:column;justify-content:space-between;width:20px;height:14px;display:flex}.hamburger-menu div{background-color:#000;width:100%;height:2px}.replay-title,.music-icon{font-size:18px;font-weight:700}.month-selector{margin-bottom:20px;padding:0 16px;display:flex}.month-button{cursor:pointer;color:#999;background:0 0;border:none;border-radius:20px;margin-right:8px;padding:8px 16px;font-size:16px}.month-button.active{color:#000;background-color:#0000001a}.main-content{color:#fff;flex-direction:column;width:100%;display:flex;overflow:hidden}.background-gradient{opacity:.8;z-index:-1;background:linear-gradient(red 0%,#00f 100%);width:100%;height:100%;position:absolute;top:0;left:0}.floating-image-container{border-radius:50%;animation:ease-in-out infinite alternate floatAnimation;position:absolute;overflow:visible;box-shadow:0 4px 8px #0003}.floating-image{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;position:relative}.blur-overlay{-webkit-backdrop-filter:blur(25px);z-index:1;border-radius:45% 55% 60% 40%/65% 60% 40% 35%;width:100%;height:100%;animation:8s ease-in-out infinite morph,12s infinite alternate gradientAnimation;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.5)}.image1{width:10%;min-width:100px;animation-duration:5s;top:20%;left:10%}.image2{width:5%;min-width:70px;animation-duration:7s;animation-delay:1s;top:20%;right:15%}.image3{min-width:75px;min-height:75px;animation-duration:6s;animation-delay:.5s;top:40%;left:60%}.image4{width:7.5%;min-width:75px;animation-duration:6s;animation-delay:.5s;top:30%;left:45%}
.hacker-text-container{text-align:center;z-index:10;color:#3f3;white-space:nowrap;opacity:1;border-right:.15em solid #3f3;font-family:Courier New,Courier,monospace;transition:opacity 1s ease-out;animation:.4s step-end infinite caret;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hacker-text-container.fade-out{opacity:0}.hacker-text{animation:2s steps(40,end) .5s both typing;display:inline-block}@keyframes typing{0%{width:0}to{width:100%}}@keyframes caret{50%{border-color:#0000}}.replay-container{opacity:0;height:100vh;transition:opacity 1s ease-in 1s;position:relative;overflow:hidden}.replay-container.fade-in{opacity:1}.gradient-background{z-index:-1;filter:blur();background-color:#0000;background-image:radial-gradient(at 20% 20%,#ff63c3b3,#0000 60%),radial-gradient(at 80% 30%,#0073ffcc,#0000 60%),radial-gradient(at 50% 80%,#00ff84b3,#0000 60%),linear-gradient(120deg,#5f2cff,#ff6ec4,#00e5ff,#7cffc4);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;padding:5%;animation:8s ease-in-out infinite gradientShift;position:absolute;inset:0}@keyframes gradientShift{0%{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}to{background-position:0%}}.gradient-background:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26,#0000 60%);animation:8s ease-in-out infinite alternate glowFloat;position:absolute;inset:-20%}@keyframes glowFloat{0%{transform:translate(-5%,-5%)}to{transform:translate(5%,5%)}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.content{color:#000;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.content h1{margin-bottom:2rem;font-size:2.5rem}.content button{color:#000;cursor:pointer;background-color:#fff;border:1px solid #fff;border-radius:2rem;padding:1rem 2rem;font-size:1rem;transition:background-color .3s}.content button:hover{background-color:#fff6}