@import url(https://fonts.googleapis.com/css2?family=Creepster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Handlee&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{text-align:center}.mail-container{cursor:pointer;display:inline-block;position:relative}.App-logo{cursor:pointer;height:12vmin;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.glow{animation:glowPulse 1.6s ease-in-out infinite}.glow-fade{animation:glowFade 1.2s ease-in-out forwards}@keyframes glowPulse{0%{filter:drop-shadow(0 0 2px rgba(247,92,187,.6));transform:scale(.97)}50%{filter:drop-shadow(0 0 14px rgba(255,118,221,.767));transform:scale(1.05)}to{filter:drop-shadow(0 0 2px rgba(253,90,180,.6));transform:scale(.97)}}@keyframes glowFade{0%{filter:drop-shadow(0 0 14px rgba(255,118,221,.767));opacity:1;transform:scale(1)}to{filter:drop-shadow(0 0 0 rgba(255,255,255,0));opacity:1;transform:scale(1)}}.glow-red{animation:glowPulseRed 1.6s ease-in-out infinite}@keyframes glowPulseRed{0%{filter:drop-shadow(0 0 2px rgba(255,0,0,.6));transform:scale(.97)}50%{filter:drop-shadow(0 0 14px rgba(255,0,0,.9));transform:scale(1.05)}to{filter:drop-shadow(0 0 2px rgba(255,0,0,.6));transform:scale(.97)}}.alert-container{height:100%;left:0;overflow:hidden;top:0;width:100%}.alert-container,.random-alert{pointer-events:none;position:absolute}.random-alert{animation:alertFade 5s linear forwards,alertShake .12s steps(2) infinite;color:#8b0000;font-family:Creepster,cursive;font-size:clamp(1.5rem,4vw,4rem);letter-spacing:2px;transform:translate(-50%,-50%);white-space:nowrap}@keyframes alertFade{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes alertShake{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(1px,-1px) rotate(-1deg)}50%{transform:translate(-1px,1px) rotate(1deg)}75%{transform:translate(1px,1px) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}.shake-screen{animation:screenShake .4s linear infinite}@keyframes screenShake{0%{transform:translate(0)}10%{transform:translate(-3px,-2px)}20%{transform:translate(2px,-3px)}30%{transform:translate(-2px,3px)}40%{transform:translate(3px,2px)}50%{transform:translate(0)}60%{transform:translate(-3px,2px)}70%{transform:translate(2px,3px)}80%{transform:translate(-2px,-3px)}90%{transform:translate(3px,-2px)}to{transform:translate(0)}}.App-header{align-items:center;background-color:initial;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;position:relative}.App-link{color:#61dafb}.bio-fade-in{animation:bioFadeIn 2s ease-in-out forwards;opacity:0}@keyframes bioFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mail-fade-out{animation:mailFadeOut 1s ease-in-out forwards}@keyframes mailFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.unmute-footer{animation:unmutePulse 1.2s ease-in-out infinite;bottom:10px;color:#fff;font-family:Roboto,sans-serif;font-size:clamp(.9rem,2vw,1.5rem);left:0;pointer-events:none;position:fixed;text-align:center;-webkit-user-select:none;user-select:none;width:100%;z-index:1000}@keyframes unmutePulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}body,html{overflow-x:hidden;overflow-y:auto}body{background-color:#000;position:relative}@keyframes backgroundFadeIn{0%{background-color:#000}to{background-color:initial}}.bio-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;min-height:100vh;padding:40px 20px;position:relative;width:100%}.profile-card{animation:fadeIn 1.4s ease forwards;background:#fffdf8;background-image:repeating-linear-gradient(180deg,#fffdf8 0,#fffdf8 28px,#e8ddc7 29px);border:2px solid #d0c4a8;border-radius:6px;color:#3b2d20;font-family:Handlee,cursive;padding:40px 30px;position:relative;text-align:center;transform:rotate(1.5deg);width:280px}.profile-card:before{background:#dc4242cc;bottom:30px;content:"";left:40px;position:absolute;top:30px;width:2px}.profile-card:after{background-image:radial-gradient(circle at 0 100%,#0000 0,#0000 70%,#00000012 72%,#0000001f 100%),url(/static/media/gej.4a0a18ea64e6a330b933.webp);background-repeat:no-repeat;background-size:100% 100%,auto;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.profile-avatar{cursor:pointer;height:140px;left:-30px;position:absolute;top:-30px;transform:rotate(-4deg);width:140px;z-index:5}.profile-avatar:before{background-image:url(/static/media/melody.21136e51454c73258b8a.png);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:-15px;content:"";left:-15px;pointer-events:none;position:absolute;right:-15px;top:-15px;z-index:6}.profile-image{border-radius:0;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:5}.profile-subtitle{color:#7a6b5d;cursor:pointer;font-size:2rem;font-style:italic;left:40px;margin:6px 0 20px 18px;position:relative;top:4px;z-index:10}.widgets-area{display:flex;flex-direction:column;gap:12px;margin-top:60px;position:relative;z-index:10}.widget-btn{background:#fffdf8;background-image:repeating-linear-gradient(180deg,#fffdf8 0,#fffdf8 28px,#e8ddc7 29px);background-image:radial-gradient(circle at 0 100%,#0000 0,#0000 70%,#00000012 72%,#0000001f 100%),repeating-linear-gradient(180deg,#fffdf8 0,#fffdf8 28px,#e8ddc7 29px);background-repeat:no-repeat;background-size:100% 100%,auto;border:2px solid #d0c4a8;border-radius:6px;box-shadow:0 2px 6px #0000001a;color:#3b2d20;cursor:pointer;font-family:Handlee,cursive;font-size:1.1rem;min-height:50px;padding:14px 24px;position:relative;transform:rotate(.5deg);transition:all .2s ease}.widget-btn:hover{background:#f0ede7;background-image:radial-gradient(circle at 0 100%,#0000 0,#0000 70%,#00000012 72%,#0000001f 100%),repeating-linear-gradient(180deg,#f0ede7 0,#f0ede7 28px,#e8ddc7 29px);background-repeat:no-repeat;background-size:100% 100%,auto;box-shadow:0 4px 12px #0003;transform:translateY(-1px) rotate(.8deg)}.widget-btn:disabled{cursor:not-allowed;opacity:.6}.widget-btn:disabled:hover{background:#fff;box-shadow:none;transform:none}.spotify-widget{background:linear-gradient(180deg,#1c1c1c,#141414);border-radius:12px;box-shadow:0 12px 24px #00000073,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.spotify-widget:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.spotify-widget.inactive{opacity:.8}.spotify-widget.fading-in{animation:spotifyPulse 1s ease-in-out infinite}.spotify-header{justify-content:space-between;margin-bottom:12px}.spotify-header,.spotify-info{align-items:center;display:flex}.spotify-info{color:#fff;gap:8px}.spotify-info i{color:#1db954;font-size:16px}.track-title{color:#fff;font-family:Handlee,cursive;font-size:14px;font-weight:500}.album-art{align-items:center;background:#2a2a2a;border:none;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff0d;color:#1db954;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.spotify-status{color:#b3b3b3;font-size:12px}.spotify-status i{color:#1db954;font-size:14px}.spotify-progress{align-items:center;display:flex;gap:8px;margin-bottom:12px}.time-current,.time-duration{color:#b3b3b3;font-family:Handlee,cursive;font-size:11px;min-width:35px}.spotify-progress-range{flex:1 1;height:8px}.volume-range{height:8px;width:120px}.spotify-widget input[type=range]{accent-color:#1db954;appearance:none;background:#0000;cursor:pointer}.spotify-widget.pink-theme input[type=range]{accent-color:#ffb6c1}.spotify-widget input[type=range]::-webkit-slider-runnable-track{background:#2c2c2c;border:none;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0f;height:8px}.spotify-widget input[type=range]::-webkit-slider-thumb{appearance:none;background:#1db954;border:none;border-radius:50%;box-shadow:0 2px 6px #0006;height:16px;margin-top:-4px;-webkit-transition:transform .12s ease;transition:transform .12s ease;width:16px}.spotify-widget input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}.spotify-widget.pink-theme input[type=range]::-webkit-slider-thumb{background:#ffb6c1}.spotify-widget input[type=range]::-moz-range-track{background:#2c2c2c;border:none;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0f;height:8px}.spotify-widget input[type=range]::-moz-range-thumb{background:#1db954;border:none;border-radius:50%;box-shadow:0 2px 6px #0006;height:16px;-moz-transition:transform .12s ease;transition:transform .12s ease;width:16px}.spotify-widget input[type=range]:hover::-moz-range-thumb{transform:scale(1.08)}.spotify-widget.pink-theme input[type=range]::-moz-range-thumb{background:#ffb6c1}.spotify-widget input[type=range]:focus-visible{outline:2px solid #1db954;outline-offset:2px}.spotify-widget.pink-theme input[type=range]:focus-visible{outline-color:#ffb6c1}.spotify-widget .progress-bar{background:#4f4f4f;border:none;border-radius:2px;cursor:pointer;flex:1 1;height:4px;overflow:hidden}.spotify-widget .progress-fill{background:#1db954;border-radius:2px;height:100%;transition:width .1s ease}.spotify-widget .progress-bar:hover .progress-fill{background:#1ed760}.spotify-controls{gap:12px}.control-btn,.spotify-controls{align-items:center;display:flex;justify-content:center}.control-btn{background:#1db954;border:none;border-radius:50%;color:#000;cursor:pointer;font-size:14px;height:32px;transition:all .2s ease;width:32px}.control-btn:hover{background:#1ed760;transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-btn i{pointer-events:none}.volume-control{gap:8px}.volume-btn,.volume-control{align-items:center;display:flex;position:relative}.volume-btn{justify-content:center;min-width:32px;padding:0;width:32px}.volume-slider-container{align-items:center;animation:volumeSlideIn .2s ease-out;background:#282828;border:1px solid #3e3e3e;border-radius:8px;bottom:45px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:10px;left:50%;padding:16px 12px;position:absolute;transform:translateX(-50%);z-index:1000}@keyframes volumeSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.volume-slider-container:before{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #282828;bottom:-6px;content:"";filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.volume-bar{background:#4f4f4f;border-radius:2px;cursor:pointer;height:80px;position:relative;transition:background .1s ease;-webkit-user-select:none;user-select:none;width:4px}.volume-bar:hover{background:#5a5a5a}.volume-bar.dragging{background:#5a5a5a;cursor:grabbing}.volume-fill{background:#1db954;border-radius:2px;bottom:0;left:0;pointer-events:none;position:absolute;transition:all .1s ease;width:100%}.volume-bar:hover .volume-fill{background:#1ed760}.volume-bar.dragging .volume-fill{background:#1ed760;transition:none}.volume-percentage{color:#b3b3b3;font-family:Handlee,cursive;font-size:12px;font-weight:600;min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.volume-btn:hover i{color:#1ed760;transform:scale(1.1)}@media (max-width:768px){.volume-slider-container{bottom:40px}.volume-slider{height:60px}}.music-widget{display:none}.video-full{height:100vh;left:0;object-fit:cover;position:fixed;top:0;width:100vw;z-index:6000}@media (max-width:480px){.bio-wrapper{flex-direction:column;gap:16px;padding:20px 12px}.profile-card{max-width:100%;padding:60px 20px 32px;transform:none;width:92%}.profile-avatar{height:110px;left:50%;top:-50px;transform:translateX(-50%);width:110px}.profile-subtitle{font-size:1.5rem;left:0;margin:18px 0 16px;text-align:center;top:0}.widgets-area{margin-top:44px}.widget-btn{font-size:1rem;padding:12px 16px}.spotify-widget{min-height:110px;padding:12px}.control-btn,.track-title{font-size:12px}.control-btn{height:28px;width:28px}.volume-slider-container{bottom:38px;padding:12px 8px}.letter{font-size:.9rem!important;max-width:100%;padding:24px 24px 24px 40px!important;transform:none!important;width:96%}.letter h1{font-size:1.6rem}.social-link{font-size:.75rem;padding:6px 10px}.letter:before{left:40px}}@media (max-width:360px){.bio-wrapper{gap:12px;padding:16px 8px}.profile-avatar{height:90px;top:-40px;width:90px}.profile-subtitle{font-size:1.3rem}.widget-btn{font-size:.9rem;padding:10px 14px}.spotify-widget{min-height:100px;padding:10px}.track-title{font-size:11px}.control-btn{font-size:10px;height:24px;width:24px}.letter{font-size:.8rem!important;padding:20px 20px 20px 36px!important}.letter h1{font-size:1.4rem}}.social-links{display:flex;gap:10px;justify-content:space-around;margin-top:15px}.social-link{background:#3b2d20;border-radius:4px;color:#fff;font-size:.85rem;padding:8px 12px;text-decoration:none;transition:all .2s ease}.social-link:hover{background:#5a4a3d;transform:translateY(-1px)}.letter{animation:fadeIn 1.2s ease forwards;background:#fffdf8;background-image:repeating-linear-gradient(180deg,#fffdf8 0,#fffdf8 28px,#f3efe6 29px);border:1px solid #c8b89a;border-radius:6px;color:#3b2d20;font-family:Handlee,cursive;line-height:1.6;max-width:580px;overflow:hidden;padding:60px 60px 60px 90px;position:relative;transform:rotate(-1.2deg);width:100%}.letter>*{position:relative;z-index:10}.letter:before{background:#dc4242cc;bottom:40px;content:"";left:60px;position:absolute;top:40px;width:2px}.letter:after{background-image:radial-gradient(circle at 100% 100%,#0000 0,#0000 70%,#00000012 72%,#0000001f 100%),url(/static/media/gej.4a0a18ea64e6a330b933.webp);background-repeat:no-repeat;background-size:100% 100%,auto;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.letter h1{font-size:2rem;margin-bottom:1rem;margin-top:0;text-align:center}@media (max-width:768px){.bio-wrapper{flex-direction:column;gap:20px}.profile-card{max-width:300px;width:100%}.letter{max-width:100%;padding:40px 40px 40px 70px;transform:rotate(0deg)}}@media (min-width:769px){.bio-wrapper{flex-wrap:nowrap}body,html{overflow:hidden!important}}.help-text{color:#c00;cursor:pointer;font-family:Handlee,cursive;font-size:1.3rem;left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;top:calc(100% + 6px);transform:translateX(-50%);transition:opacity 1s ease;-webkit-user-select:none;user-select:none;width:280px}.help-text.visible{animation:fadePulse 1.4s ease-in-out infinite;opacity:1;pointer-events:auto}@keyframes fadePulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.modal-overlay{align-items:center;animation:fadeInOverlay .3s ease forwards;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal{background:#fffdf8;border:2px solid #d0c4a8;border-radius:6px;color:#3b2d20;font-family:Handlee,cursive;max-width:80%;padding:48px 60px;position:relative;text-align:center}.modal h2{font-size:1.6rem;margin:0}.modal-buttons{display:flex;gap:24px;justify-content:center;margin-top:32px}.modal-btn{background:#fffdf8;border:2px solid #3b2d20;color:#3b2d20;cursor:pointer;font-family:Handlee,cursive;font-size:1.2rem;overflow:hidden;padding:14px 28px;position:relative;transition:background .2s ease}.modal-btn:hover{background:#f0ede7}.modal-btn.glitch{animation:glitchColor .15s infinite}@keyframes glitchColor{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.profile-section{flex-direction:column;position:relative}.black-screen,.profile-section{align-items:center;display:flex}.black-screen{animation:blackFadeIn .8s forwards;background:#000;bottom:0;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:5000}@keyframes blackFadeIn{to{opacity:1}}.press-key-text{animation:fadePulse 1.6s infinite;color:#fff;font-family:Handlee,cursive;font-size:2.5rem}.timer-bar{background:#444;bottom:20%;height:6px;left:10%;overflow:hidden;position:absolute;width:80%}.timer-bar:before{animation-duration:inherit;animation-fill-mode:forwards;animation-name:timerShrink;animation-timing-function:linear;background:#1db954;content:"";display:block;height:100%;width:100%}@keyframes timerShrink{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.spotify-widget.pink-theme .spotify-info i,.spotify-widget.pink-theme .spotify-status i{color:#ffb6c1}.spotify-widget.pink-theme .progress-fill{background:#ffb6c1}.spotify-widget.pink-theme .progress-bar:hover .progress-fill{background:#ffcde3}.spotify-widget.pink-theme .control-btn{background:#ffb6c1}.spotify-widget.pink-theme .control-btn:hover{background:#ffcde3}.spotify-widget.pink-theme .volume-fill{background:#ffb6c1}.spotify-widget.pink-theme .volume-bar.dragging .volume-fill,.spotify-widget.pink-theme .volume-bar:hover .volume-fill{background:#ffcde3}.spotify-widget.pink-theme .volume-btn:hover i{color:#ffcde3}.spotify-widget.pink-theme .album-art{color:#ffb6c1}.sr-only{clip:rect(0,0,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}input[type=range]:focus{box-shadow:none;outline:none}
/*# sourceMappingURL=main.0e488ec2.css.map*/