body{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#000;font-family:Kanit,sans-serif;font-optical-sizing:auto}.background>img{z-index:-1;position:absolute;top:0;left:0;width:100vw;height:auto;object-fit:cover;background-color:#000;filter:blur(10px) brightness(100%)}:root{--card-color: hsl(260deg 100% 3%);--text-color: hsl(260deg 10% 55%);--card-radius: 3.6vw;--card-width: 35vw;--border-width: 3px;--bg-size: 1;--hue: 0;--hue-speed: 1;--rotate: 0;--animation-speed: 4s;--interaction-speed: .55s;--glow-scale: 1.5;--scale-factor: 1;--glow-blur: 6;--glow-opacity: 1;--glow-radius: 100;--glow-rotate-unit: 1deg}.inner{background:var(--card-color);width:99%;height:99%;left:3px;right:0;top:2px;bottom:0}.inner:before{z-index:-1;background:#292929 radial-gradient(30% 30% at calc(var(--bg-x)* 1%) calc(var(--bg-y)* 1%),hsl(0deg,100%,90%) calc(0%* var(--bg-size)),hsl(0deg,100%,80%) calc(20%* var(--bg-size)),hsl(0deg,100%,60%) calc(40%* var(--bg-size)),transparent 100%);width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));animation:hue-animation var(--animation-speed) linear infinite,rotate-bg var(--animation-speed) linear infinite;transition:--bg-size var(--interaction-speed) ease}.alles{width:100vw;height:100vh;display:flex;margin-top:4rem;justify-content:center}.upper-container{box-shadow:0 0 20px #000;display:flex;border-radius:10px;justify-content:space-between;align-items:center;flex-direction:column;background-color:#00000017;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out,background-color .5s ease-in-out}.middle-container{box-shadow:0 0 20px #000;border-radius:10px;margin:2rem 0;justify-content:space-between;align-items:center;flex-direction:column;background-color:#00000017;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out,background-color .5s ease-in-out}.lower-container{box-shadow:0 0 20px #000;display:flex;border-radius:10px;justify-content:space-between;align-items:center;flex-direction:column;background-color:#00000017;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out,background-color .5s ease-in-out}.timeline{display:flex;align-items:center;width:100%}.ball{border-radius:50%;background-color:#727272;width:1.2rem;position:relative;height:1.2rem}.indicator{width:0%;background-color:#fff;height:2px}.staticStripe{width:100%;background-color:#9a9a9a;height:2px}.dcContainer{color:#fff;justify-content:space-between;margin:0 1rem;align-items:center;display:flex}.dcContainer>img{width:4rem;height:4rem;margin:1rem .5rem;border-radius:10px}.extLink{font-weight:600;margin-left:auto;color:#9b9b9b;font-size:.875rem;line-height:1.25rem;text-decoration:none}.ttName{font-size:inherit;font-weight:600;margin:2rem 0;color:#9b9b9b}.banner{width:-webkit-fill-available;height:9rem;border-top-left-radius:10px;border-top-right-radius:10px}.upper-container.entered{opacity:1}#break{z-index:-1;height:0;width:-webkit-fill-available}.container{display:flex;align-items:center}.valoBox{border:1px solid white;border-radius:5px;display:flex;flex-direction:row;width:100%;margin-top:2rem}.pfp{width:100px;height:100px;border-radius:50%;object-fit:cover;position:absolute;border:2px solid white}.wrapc{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.name{margin-left:10px;font-weight:700;font-size:22px;margin-right:10px;top:110px;color:#fff;font-family:Poppins,sans-serif}.name:hover:before{content:"UID 0";position:absolute;background-color:#020202;color:#fff;padding:5px;border-radius:5px;top:3px;left:150%;font-size:14px;white-space:nowrap;width:50px;text-align:center;font-family:Noto Sans,sans-serif}.outside{display:flex;align-items:center}.view{width:25px;height:25px;margin-right:10px;transform:translate(400px);top:16.3px}.num:hover:before{content:"Profile Views";position:absolute;background-color:#020202;color:#fff;padding:5px;border-radius:5px;top:22px;left:150%;transform:translate(-65%);font-size:14px;white-space:nowrap;width:103px;text-align:center;font-family:Noto Sans,sans-serif}.num{font-family:Roboto,sans-serif;text-decoration:bold;color:#fff;font-size:14px;width:20px;height:20px;margin-right:8px;transform:translate(364px);top:21px}.bio{font-size:13px;color:#fff;font-family:Roboto,sans-serif}.links{margin-top:1rem;gap:.75rem;background-color:#0000;padding:5px;width:35rem;margin-bottom:1.2rem;height:50px;display:flex;border-radius:10px;justify-content:center;align-items:center}.link1{width:50px;height:50px;border-radius:50%;object-fit:fill;border:2px solid white}.link1:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link2{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link2:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link3{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link3:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link4{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.link4:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.link5{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white}svg{fill:#9b9b9b}.link5:hover{box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6;scale:1.05}.div1{background-color:#fff;padding:1px;width:100%;display:flex;justify-content:space-between;align-items:center}.div2{background-color:#fff;padding:1px;width:500px;height:1px;display:flex;justify-content:space-between;align-items:center}.button1{color:#fff;text-decoration:none;text-align:center;left:6%;top:464px;background-color:#0000;padding:5px;width:450px;height:35px;display:flex;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;text-decoration:bold}.video-background{top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.button2{color:#fff;text-align:center;text-decoration:none;left:6%;top:525px;background-color:#0000;padding:5px;width:450px;height:35px;display:flex;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-family:Open Sans,sans-serif;text-decoration:bold}.button1:hover:before{content:attr(data-label);position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;font-size:14px;white-space:nowrap;width:130px;text-align:center;font-family:Noto Sans,sans-serif}.button2:hover:before{content:attr(data-label);position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;font-size:14px;white-space:nowrap;width:130px;text-align:center;font-family:Noto Sans,sans-serif}.song{margin:2rem 1rem;padding:5px;width:85%}.songcover{background-color:#fff;padding:2px;width:110px;height:110px;left:20px;border-radius:10px;margin-left:2rem;margin:1rem}.songinfo{display:flex;flex-direction:column}.songtitle,.songartist,.artist,.album{font-family:Rubik,sans-serif;color:#fff;display:flex;margin:2px;justify-content:center}.songartist{font-size:.9em;opacity:.8;margin-top:0}.progress-bar-container{border-radius:10px;height:10px;background-color:#0000;margin-top:10px;width:60%;border:2.5px solid white;overflow:hidden}.lied{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.progress-bar{height:100%;background-color:#fff;width:0;transition:width 1s linear;border-radius:10px}.stopbutton{border-radius:3px;color:#000;padding:.5rem}.time-label{margin:0rem .5rem;font-size:14px;color:#fff;font-family:Poppins,sans-serif}.song-btn{display:flex}.forward-btn{background-color:transparent;color:#fff;border:none;cursor:pointer;transition:opacity .3s ease}.forward-btn:disabled{opacity:.5;cursor:not-allowed}.reverse-btn{background-color:transparent;color:#fff;border:none;cursor:pointer;transition:opacity .3s ease;border-radius:50%}.reverse-btn:hover{transform:scale(1.1);background-color:#ffffff1a}.reverse-btn:disabled{opacity:.5;cursor:not-allowed}.music-section{margin:20px auto;max-width:600px;padding:20px;background:#000c;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.toggle-music-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:700;margin-bottom:15px;transition:all .3s ease}.toggle-music-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.music-results-section{background:#ffffff0d;border-radius:15px;padding:20px;margin-top:15px}.music-navigation{display:flex;gap:10px;margin-bottom:20px;align-items:center}.music-search-input{flex:1;padding:10px 15px;border:1px solid rgba(255,255,255,.3);border-radius:25px;background:#ffffff1a;color:#fff;font-size:14px}.music-search-input::placeholder{color:#fff9}.music-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 10px #667eea4d}.music-search-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease}.music-search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea66}.music-search-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.music-player-controls{display:flex;align-items:center;gap:15px;margin-bottom:20px}.navigation-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 15px;border-radius:50%;cursor:pointer;font-size:16px;transition:all .3s ease;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.navigation-btn:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.navigation-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.current-song-display{flex:1;display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff1a;border-radius:15px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.current-song-display:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.song-details{flex:1}.song-title{font-weight:700;color:#fff;font-size:16px;margin-bottom:5px}.song-artist{color:#ffffffb3;font-size:14px}.play-icon{color:#667eea;font-size:20px;font-weight:700}.music-messages{margin-top:15px}.music-info{background:#667eea33;color:#fff;padding:10px 15px;border-radius:10px;text-align:center}.music-error{background:#ff636333;color:#ff6b6b;padding:10px 15px;border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.music-loading{background:#ffce5433;color:#ffce54;padding:10px 15px;border-radius:10px;text-align:center}.music-search-section{display:flex;gap:8px;align-items:center;justify-content:center;margin:15px 0}.music-search-input-small{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:#ffffff1a;color:#fff;font-size:12px;width:200px;font-family:Rubik,sans-serif}.music-search-input-small::placeholder{color:#fff9}.music-search-input-small:focus{outline:none;border-color:#667eea;box-shadow:0 0 8px #667eea4d}.music-search-btn-small{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 12px;border-radius:20px;cursor:pointer;font-size:12px;transition:all .3s ease;font-family:Rubik,sans-serif}.music-search-btn-small:hover{transform:translateY(-1px);box-shadow:0 3px 8px #667eea66}.music-messages-inline{margin-top:10px;padding:8px 12px;border-radius:8px;font-size:12px;text-align:center;font-family:Rubik,sans-serif}.music-messages-inline.music-info{background:#667eea33;color:#fff}.music-messages-inline.music-error{background:#ff636333;color:#ff6b6b;display:flex;align-items:center;justify-content:center;gap:8px}.music-messages-inline.music-loading{background:#ffce5433;color:#ffce54}.stopbutton{border:0;background:transparent;box-sizing:border-box;width:0;height:74px;border-color:transparent transparent transparent #202020;transition:.1s all ease;cursor:pointer;border-style:solid;border-width:37px 0 37px 60px}.stopbutton.paused{border-style:double;border-width:0px 0 0px 60px}.stopbutton:hover{border-color:transparent transparent transparent #404040}.overlay{background:#000;position:fixed;left:0%;top:0;width:100%;height:100%;text-align:center;justify-content:center;align-items:center;color:#fff;font-size:24px;cursor:pointer;z-index:9999;display:flex}.info{margin-top:3rem;display:flex;flex-direction:column;align-items:center}.tooltip{display:none;position:absolute;background-color:#0a0a0a;color:#fff;padding:5px;border-radius:5px;font-size:14px;white-space:nowrap;text-align:center;font-family:Noto Sans,sans-serif}@property --distance{syntax: "<number>"; initial-value: 0; inherits: false;}.stopbutto{--distance: 0;--d: .4rem;cursor:pointer;height:3rem;width:3rem;position:relative;display:flex;align-items:center;background-color:#000;background-image:linear-gradient(to left,#48297c calc(var(--distance) * 1%),#48297c00 calc(var(--distance) * 1%));border-radius:50rem;border:none;padding-left:20px;box-shadow:0 5px 30px #dad7d8;transition:all .2s}.stopbutto.active{padding-left:10px;animation:play-button 5s linear forwards}.stopbutto.active:before,.stopbutto.active:after{animation:play-after .5s 1 ease forwards}.stopbutto:before{content:"";width:0;height:calc(var(--d) * 2);border-top:var(--d) solid transparent;border-bottom:var(--d) solid transparent;border-left:var(--d) solid #fff}.stopbutto:after{content:"";width:0;height:0;border-top:var(--d) solid transparent;border-bottom:var(--d) solid transparent;border-left:var(--d) solid #fff}@keyframes play-after{to{height:calc(var(--d) * 2);background-color:#fff;margin:0 5px}}@keyframes play-button{0%{--distance: 0}95%{--distance: 100;box-shadow:0 5px 30px #eb2b76}to{--distance: 100;box-shadow:0 5px 30px #48297c}}.play-pause-btn{width:30px;height:30px;background-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s,transform .2s}.play-pause-btn:hover{background-color:#c4c4c447;transform:scale(1.1)}.play-pause-btn i{color:#fff;font-size:2rem}.play-pause-btn.active{background-color:#28a745}.play-pause-btn.active:hover{background-color:#1e7e34}.viewcounter{justify-content:flex-end;display:flex;color:#fff;width:100%;margin-right:1rem;margin-top:.5rem}.eye{fill:#fff;margin-right:.2rem;height:1.2rem}@media only screen and (max-width: 600px){.upper-container{max-width:25rem}}