@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";*{box-sizing:border-box;cursor:url(/cursor.png),auto;margin:0;padding:0}html,body,#root{min-height:100%}body{min-height:100vh;font-family:Geist,system-ui,sans-serif}.mainPage{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.bgImage{z-index:-1;object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.profile-card{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#11111180;border-radius:20px;flex-direction:column;align-items:center;width:min(100%,675px);padding:clamp(20px,4vw,50px);display:flex}.avatarImg{aspect-ratio:1;object-fit:cover;border-radius:256px;width:clamp(88px,18vw,125px);animation:3s ease-in-out infinite avatarPulse}.displayName{color:#f4bc4a;filter:url(#wave);letter-spacing:-.08em;font-size:3rem;font-weight:500;transform:translate(-3%)}.bio{color:#f4bc4a;margin-top:10px;margin-bottom:20px;font-weight:700}.loc{letter-spacing:-.5px;color:#f4bc4a;align-items:center;gap:6px;margin-bottom:30px;font-size:1rem;display:flex}.loc svg{color:#f4bc4a;filter:drop-shadow(0 0 4px #f4bc4a);position:relative}.socials{display:flex}.socials .slink{filter:drop-shadow(0 0 4px #f4bc4a);padding-left:20px;padding-right:20px;transition:all .1s linear;transform:scale(1)}.socials .slink:hover{transition:all .1s linear;transform:scale(1.15)}.audioPlayer{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#11111180;border-radius:20px;align-items:center;width:min(100%,675px);margin-top:25px;padding:clamp(20px,4vw,20px);display:flex}.audioPlayer .audioPic{aspect-ratio:1;border-radius:15px;width:75px}.audioPlayer .audioDetails{flex-direction:column;width:100%;margin-left:20px;display:flex}.audioPlayer .audioDetails .audioTitle{color:#f4bc4a;margin-bottom:10px;font-weight:500}.audioPlayer .audioDetails .audioController{display:flex}.audioPlayer .audioDetails .audioController .audioTime{color:#f4bc4a;font-variant-numeric:tabular-nums;margin-right:10px;font-size:1rem}.audioPlayer .audioDetails .audioController .audioProgress{background:#4f3d17;border-radius:999px;width:65%;height:2px;margin-right:10px;overflow:hidden;transform:translateY(10px)}.audioPlayer .audioDetails .audioController .audioProgressFill{border-radius:inherit;background:#f4bc4a;width:0%;height:100%;transition:width 10ms linear}.audioPlayer .audioDetails .audioController .audioBtn{color:#f4bc4a;background-color:#0000;border:none;margin-left:20px;transform:translateY(-10%)}@keyframes avatarPulse{0%{transform:scale(1);box-shadow:0 0 #dcaa44bf,0 0 25px #dcaa4473}50%{transform:scale(1.03);box-shadow:0 0 0 14px #dcaa4400,0 0 50px #dcaa44bf}to{transform:scale(1);box-shadow:0 0 #dcaa4400,0 0 25px #dcaa4473}}.introScreen{color:#f4bc4a;cursor:pointer;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;min-height:100vh;display:flex;overflow:hidden}.introLogo{filter:drop-shadow(0 0 12px #f4bc4a73)drop-shadow(0 0 36px #f4bc4a40);width:clamp(120px,22vw,220px);animation:3s ease-in-out infinite introIdlePulse}.introText{letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin-top:30px;font-family:Geist,monospace;font-size:.9rem;font-weight:600;animation:3s ease-in-out infinite introTextBlink}.introLeaving .introLogo{animation:.9s forwards introEnterLogo}.introLeaving .introText{animation:.5s forwards introTextLeave}.introLeaving{animation:3s forwards introScreenLeave}@keyframes introIdlePulse{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}@keyframes introTextBlink{0%,to{opacity:.45}50%{opacity:1}}@keyframes introEnterLogo{0%{opacity:1;filter:drop-shadow(0 0 12px #f4bc4a73)drop-shadow(0 0 36px #f4bc4a40);transform:scale(1)}45%{opacity:1;filter:drop-shadow(0 0 24px #f4bc4ae6)drop-shadow(0 0 70px #f4bc4a8c);transform:scale(1.25)rotate(2deg)}to{opacity:0;filter:drop-shadow(0 0 4px #f4bc4a00)drop-shadow(0 0 20px #f4bc4a00);transform:scale(.85)}}@keyframes introTextLeave{to{opacity:0;transform:translateY(10px)}}@keyframes introScreenLeave{0%{opacity:1}80%{opacity:1}to{opacity:0}}.crtOverlay{pointer-events:none;z-index:10;mix-blend-mode:overlay;opacity:0;background:linear-gradient(#ffffff09 50%,#00000014 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000006,#00ff0005,#0000ff06) 0 0/6px 100%;animation:.15s infinite crtFlicker;position:fixed;inset:0}@keyframes crtFlicker{0%{opacity:.2}50%{opacity:.75}to{opacity:1}}.mainPage:after{content:"";pointer-events:none;z-index:9;background:radial-gradient(circle,#0000 55%,#00000073 100%);position:fixed;inset:0}