@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";
*,:before,:after{box-sizing:border-box}body{color:#fff;background-color:#000;margin:0;font-family:Outfit,sans-serif;overflow:hidden}#bg-glow{z-index:-3;opacity:.4;filter:blur(80px);background:radial-gradient(circle at 20% 30%, var(--c1,transparent) 0%, transparent 70%), radial-gradient(circle at 80% 70%, var(--c2,transparent) 0%, transparent 70%), radial-gradient(circle at 50% 50%, var(--c3,transparent) 0%, transparent 80%);transition:all 2s ease-in-out;position:fixed;inset:0}canvas{z-index:-1;width:100vw;height:100vh;position:fixed;inset:0}#web-trails{z-index:-2}#enter-screen{-webkit-backdrop-filter:blur(15px);z-index:1000;cursor:pointer;letter-spacing:4px;text-transform:uppercase;color:#ffffff8c;filter:blur();background:#00000080;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:opacity .8s,-webkit-backdrop-filter .8s,backdrop-filter .8s,filter .8s;display:flex;position:fixed;inset:0}#profile{text-align:center;opacity:.3;filter:blur(8px);pointer-events:none;width:380px;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.entered #profile{opacity:1;filter:blur();pointer-events:auto;animation:1.2s cubic-bezier(.16,1,.3,1) forwards reveal-profile,6s ease-in-out 1.2s infinite float-profile}@keyframes float-profile{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}}@keyframes reveal-profile{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-45%)scale(.98)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes reveal-item{0%{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.avatar-container{width:128px;height:128px;margin:0 auto 16px;animation:1.2s cubic-bezier(.16,1,.3,1) .1s both reveal-item;position:relative}.avatar{object-fit:cover;border-radius:50%;width:128px;height:128px}.avatar-deco{pointer-events:none;z-index:2;width:154px;height:154px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-dot{z-index:3;background:gray;border:4px solid #000;border-radius:50%;width:28px;height:28px;position:absolute;bottom:-4px;right:-4px}#display-name{text-shadow:0 0 20px #ffffff4d;letter-spacing:-1px;margin:0;font-size:42px;font-weight:800;animation:1.2s cubic-bezier(.16,1,.3,1) .2s both reveal-item}#username{opacity:.5;letter-spacing:1px;margin-top:4px;font-size:16px;animation:1.2s cubic-bezier(.16,1,.3,1) .3s both reveal-item}.bio-container{flex-direction:column;align-items:center;gap:6px;margin-top:12px;animation:1.2s cubic-bezier(.16,1,.3,1) .35s both reveal-item;display:flex}.bio-text{color:#ffffff8c;letter-spacing:.5px;text-align:center;min-height:20px;margin:0;font-size:14px;font-style:italic}.bio-text:after{content:"|";opacity:0;margin-left:2px;animation:1s step-end infinite blink}.bio-text.typing:after{opacity:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.local-time{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;margin-top:4px;padding:4px 10px;font-size:12px}.activity{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:24px;animation:1.2s cubic-bezier(.16,1,.3,1) .4s both reveal-item;display:flex}.other-activity{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;width:fit-content;max-width:90%;margin-bottom:8px;padding:10px 16px;font-size:14px;transition:all .3s;display:flex}.other-activity:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.activity-icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.activity-text{min-width:0}.other-activity strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;display:block;overflow:hidden}.other-activity small{color:#ffffff8c;font-size:12px;line-height:1.2;display:block}.social-bar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;justify-content:center;gap:18px;width:fit-content;margin:24px auto 0;padding:10px 14px;animation:1.2s cubic-bezier(.16,1,.3,1) .5s both reveal-item;display:flex}.social-bar a{border-radius:16px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.social-bar a img{filter:invert();opacity:.75;width:22px;height:22px;transition:all .2s}.social-bar a:hover{background:#ffffff0f;transform:translateY(-3px)}.social-bar a:hover img{opacity:1}.visitor-count{background:#ffffff0f;border-radius:16px;justify-content:center;align-items:center;width:fit-content;margin:15px auto 0;padding:10px 14px;transition:all .2s;animation:1.2s cubic-bezier(.16,1,.3,1) .6s both reveal-item;display:flex}.visitor-count:hover{background:#ffffff26;transform:translateY(-2px)}#visitor-text{color:#ffffff8c;letter-spacing:.3px;font-family:Arial,sans-serif;font-size:13px;font-weight:500}#visitor-num{color:#ffffff8c;font-weight:700}.loading-dots{opacity:.6;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}.spotify-wrapper{perspective:2000px;z-index:100;opacity:.3;filter:blur(8px);pointer-events:none;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:calc(50% + clamp(180px,15vw + 80px,300px));transform:translateY(-50%)}body.entered .spotify-wrapper{opacity:1;filter:blur();pointer-events:auto}.spotify-card{aspect-ratio:.7;width:clamp(300px,24vw,400px);transform-style:preserve-3d;cursor:pointer;box-sizing:border-box;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative}.spotify-card.flipped{transform:rotateY(180deg)}.spotify-card-front,.spotify-card-back{backface-visibility:hidden;-webkit-backdrop-filter:blur(25px);box-sizing:border-box;background:#12121299;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;height:100%;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 15px 50px #000c}.spotify-card-back{background:#0a0a0ae6;justify-content:flex-start;gap:15px;transform:rotateY(180deg)}@media (hover:hover){.spotify-card:hover:not(.flipped){transform:rotateY(-10deg)rotateX(5deg)scale(1.02)}.spotify-card.flipped:hover{transform:rotateY(190deg)rotateX(5deg)scale(1.02)}}.spotify-card:before{content:"";background:var(--spotify-bg,#1db954);background-image:var(--spotify-art);filter:blur(30px)brightness(.4);z-index:0;opacity:.8;background-position:50%;background-size:cover;position:absolute;inset:0}.spotify-inner{z-index:1;position:relative}.spotify-top-text{color:#ffffff8c;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.spotify-art-large{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;margin-bottom:16px;display:block;box-shadow:0 8px 24px #00000080}.spotify-meta{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.spotify-info-large{min-width:0}.spotify-song-large{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800;display:block;overflow:hidden}.spotify-artist-large{color:#ffffff8c;margin:2px 0 0;font-size:13px;font-weight:500;display:block}.spotify-progress-container{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin-bottom:6px}.spotify-progress-bar{background:linear-gradient(90deg,#fff,#1db954);border-radius:2px;width:0%;height:100%;transition:width 1s linear;box-shadow:0 0 10px #1db95480}.spotify-time{color:#ffffff8c;justify-content:space-between;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.spotify-volume{border-top:1px solid #ffffff1a;align-items:center;gap:12px;padding-top:12px;display:flex}.spotify-volume-slider{appearance:none;background:#ffffff26;border-radius:2px;outline:none;flex:1;height:4px}.spotify-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px;transition:all .2s;box-shadow:0 0 8px #fffc}.spotify-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.4);box-shadow:0 0 12px #fff}.visualizer{align-items:flex-end;gap:2px;height:14px;display:flex}.visualizer .bar{background:#1db954;border-radius:1px;width:3px;animation:.8s ease-in-out infinite equalize}.visualizer .bar:first-child{height:60%;animation-delay:.1s}.visualizer .bar:nth-child(2){height:100%;animation-delay:.3s}.visualizer .bar:nth-child(3){height:80%;animation-delay:.2s}.visualizer .bar:nth-child(4){height:40%;animation-delay:.4s}@keyframes equalize{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.discord-wrapper{perspective:2000px;z-index:100;opacity:.3;filter:blur(8px);pointer-events:none;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;left:calc(50% + -1*clamp(180px,15vw + 80px,300px) - clamp(300px,24vw,400px));transform:translateY(-50%)}body.entered .discord-wrapper{opacity:1;filter:blur();pointer-events:auto}.discord-card{aspect-ratio:.7;width:clamp(300px,24vw,400px);transform-style:preserve-3d;cursor:pointer;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:relative}.discord-card.flipped{transform:rotateY(180deg)}.discord-card-front,.discord-card-back{backface-visibility:hidden;box-sizing:border-box;background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 15px 50px #000c}.discord-card-front:before,.discord-card-back:before{content:"";-webkit-backdrop-filter:blur(6px);z-index:0;background:#00000080;position:absolute;inset:0}.discord-card-back{transform:rotateY(180deg)}@media (hover:hover){.discord-card:hover:not(.flipped){transform:rotateY(10deg)rotateX(5deg)scale(1.02)}.discord-card.flipped:hover{transform:rotateY(190deg)rotateX(5deg)scale(1.02)}}.discord-card-content{z-index:1;text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:24px;display:flex;position:relative}@media (max-width:1000px){body{overflow:hidden auto!important}#app-layout{min-height:100vh;pointer-events:auto!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;height:auto!important;padding:60px 20px!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}#app-layout>div{flex-direction:column!important;align-items:center!important;gap:40px!important;width:100%!important;height:auto!important;display:flex!important;position:relative!important}#profile{opacity:1!important;filter:blur()!important;pointer-events:auto!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:360px!important;margin:0 auto!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}body.entered #profile{animation:1.2s cubic-bezier(.16,1,.3,1) forwards reveal-profile-mobile!important}.spotify-wrapper,.discord-wrapper{perspective:2000px!important;justify-content:center!important;width:min(340px,90vw)!important;max-width:100%!important;margin:0 auto!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.spotify-card,.discord-card{transform:none;aspect-ratio:.7!important;width:100%!important;height:auto!important}.spotify-card.flipped,.discord-card.flipped{transform:rotateY(180deg)!important}.activity{align-items:center!important}.other-activity{width:90%!important;max-width:340px!important;margin-left:auto!important;margin-right:auto!important}}@keyframes reveal-profile-mobile{0%{opacity:0;filter:blur(10px);transform:translateY(15px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (max-width:900px){.avatar-container{width:72px;height:72px;margin-bottom:8px}.avatar{width:72px;height:72px}.avatar-deco{width:86px;height:86px}.status-dot{border-width:3px;width:16px;height:16px}#display-name{margin:0;font-size:26px}#username{margin-top:2px;font-size:12px}.bio-container{gap:4px;margin-top:6px}.bio-text{font-size:11px}.local-time{margin-top:0;padding:2px 8px;font-size:10px}.activity{flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:8px;display:flex}.other-activity{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:8px 12px;font-size:12px}.other-activity strong{font-size:12px}.other-activity small{font-size:10px}.activity-icon{border-radius:8px;width:36px;height:36px}.social-bar{justify-content:center;gap:12px;margin:8px auto 0;padding:6px 10px}.social-bar a{width:34px;height:34px}.social-bar a img{width:18px;height:18px}.visitor-count{margin:6px auto 0;padding:6px 10px}#visitor-text{font-size:11px}}@media (max-height:500px) and (orientation:landscape){body{overflow:hidden}#profile{flex-direction:column!important;align-items:center!important;width:200px!important;animation:none!important;display:flex!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.avatar-container{width:52px!important;height:52px!important;margin-bottom:4px!important}.avatar{width:52px!important;height:52px!important}.avatar-deco{width:64px!important;height:64px!important}.status-dot{border-width:2px!important;width:14px!important;height:14px!important}#display-name{font-size:18px!important}#username{margin-top:1px!important;font-size:10px!important}.bio-container{gap:2px!important;margin-top:4px!important}.bio-text{font-size:10px!important}.local-time{margin-top:2px!important;padding:2px 6px!important;font-size:9px!important}.activity{gap:4px!important;margin-top:6px!important}.other-activity{gap:8px!important;padding:5px 8px!important;font-size:10px!important}.other-activity strong{font-size:10px!important}.other-activity small{font-size:9px!important}.activity-icon{border-radius:6px!important;width:28px!important;height:28px!important}.social-bar{gap:8px!important;margin:5px auto 0!important;padding:4px 8px!important}.social-bar a{width:28px!important;height:28px!important}.social-bar a img{width:14px!important;height:14px!important}.visitor-count{margin:4px auto 0!important;padding:3px 8px!important}#visitor-text{font-size:10px!important}.spotify-wrapper{justify-content:unset!important;perspective:2000px!important;width:auto!important;max-width:none!important;margin:0!important;display:block!important;position:fixed!important;top:50%!important;left:calc(50% + 108px)!important;transform:translateY(-50%)!important}.spotify-card{transform:none;aspect-ratio:.7!important;border-radius:12px!important;width:clamp(140px,21vw,200px)!important;height:auto!important;overflow:hidden!important}.spotify-card-front,.spotify-card-back{padding:10px 12px!important}.spotify-art-large{border-radius:6px!important;margin-bottom:8px!important}.spotify-song-large{font-size:11px!important}.spotify-artist-large{font-size:9px!important}.spotify-top-text,.spotify-time{margin-bottom:6px!important;font-size:8px!important}.spotify-volume{display:none!important}.discord-wrapper{justify-content:unset!important;perspective:2000px!important;width:auto!important;max-width:none!important;margin:0!important;display:block!important;position:fixed!important;top:50%!important;left:calc(50% - 108px - clamp(140px,21vw,200px))!important;transform:translateY(-50%)!important}.discord-card{transform:none;aspect-ratio:.7!important;width:clamp(140px,21vw,200px)!important;height:auto!important}.spotify-card.flipped,.discord-card.flipped{transform:rotateY(180deg)!important}}@supports (padding:env(safe-area-inset-bottom)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}