@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";@font-face{font-family:Love Letter;src:url(/fonts/LoveLetter.ttf) format("truetype");font-weight:400;font-style:normal}:root{--bg-pale-blue: #b8c5d6;--bg-washed-gray: #c4c9cf;--tech-gray: #7a8089;--muted-purple: #a89fc7;--deep-purple: #7d6fa3;--soft-neon-blue: #8bb4d9;--soft-neon-purple: #b19cd9;--accent-glow: #d4b5ff;background-color:#d6dce3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Share Tech Mono,monospace;overflow:hidden;background:linear-gradient(135deg,var(--bg-pale-blue) 0%,var(--bg-washed-gray) 100%)}.main-container{opacity:0;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#c8cdd7bf;width:420px;border:2px solid var(--muted-purple);box-shadow:0 0 40px #a89fc766,inset 0 0 60px #ffffff4d;-webkit-backdrop-filter:blur(20px) saturate(.7);backdrop-filter:blur(20px) saturate(.7);transition:opacity .8s ease-in-out}.main-container.entered{opacity:1;animation:boot .5s ease-out}@keyframes boot{0%{transform:translate(-50%,-50%) scaleY(0);filter:brightness(1.5);opacity:0}to{transform:translate(-50%,-50%) scaleY(1);opacity:1}}.main-container:before{content:"PRESENT DAY... PRESENT TIME...";position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,#b8c5d6e6,#c4c9cfcc);border-bottom:1px solid var(--muted-purple);padding:8px 12px;font-family:Love Letter,VT323,monospace;font-size:14px;color:var(--deep-purple);text-shadow:1px 1px 2px rgba(255,255,255,.5);letter-spacing:3px}.header{padding:50px 25px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--muted-purple);background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%)}.pfp{width:70px;height:70px;object-fit:cover;border:2px solid var(--soft-neon-purple);box-shadow:0 0 15px #a89fc799,inset 0 0 10px #ffffff4d;filter:saturate(.7) contrast(1.1)}.info{flex:1}.name{font-size:32px;color:var(--deep-purple);font-family:Love Letter,VT323,monospace;text-shadow:2px 2px 4px rgba(255,255,255,.7),0 0 20px rgba(168,159,199,.4);letter-spacing:2px;font-weight:400}.github-link{display:block}.github{width:45px;height:45px;object-fit:cover;border:2px solid var(--soft-neon-blue);box-shadow:0 0 10px #8bb4d980;transition:all .3s ease;filter:saturate(.6)}.github:hover{box-shadow:0 0 20px #a89fc7cc,0 0 30px #d4b5ff66;transform:scale(1.1);filter:saturate(.8) brightness(1.1)}.song{padding:20px 25px 25px;display:flex;gap:15px;align-items:center;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.15) 100%)}.songcover{width:70px;height:70px;border:2px solid var(--muted-purple);box-shadow:0 0 12px #a89fc766,inset 0 0 10px #fff3;filter:saturate(.7) contrast(1.1)}.song-details{flex:1;display:flex;flex-direction:column;gap:8px}.progress-bar-container{height:8px;background:#7a80894d;border:1px solid var(--muted-purple);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a,0 0 8px #a89fc733}.progress-bar{height:100%;background:linear-gradient(90deg,var(--soft-neon-purple) 0%,var(--accent-glow) 50%,var(--soft-neon-purple) 100%);width:0;transition:width 1s linear;box-shadow:0 0 12px #d4b5ff99}.time-label{font-size:11px;color:var(--tech-gray);font-family:Share Tech Mono,monospace;text-shadow:1px 1px 2px rgba(255,255,255,.5);text-align:center;letter-spacing:1px}.overlay{background:linear-gradient(135deg,var(--bg-pale-blue) 0%,var(--bg-washed-gray) 50%,var(--muted-purple) 100%);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;color:var(--deep-purple);font-size:28px;cursor:pointer;z-index:9999;font-family:Love Letter,VT323,monospace;text-shadow:2px 2px 4px rgba(255,255,255,.8),0 0 30px rgba(168,159,199,.6);letter-spacing:4px}.click{animation:pulse 2s infinite;border:2px solid var(--soft-neon-purple);padding:25px 50px;background:#ffffff1a;box-shadow:0 0 40px #a89fc780,inset 0 0 20px #ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 40px #a89fc780,inset 0 0 20px #ffffff4d}50%{opacity:.7;box-shadow:0 0 20px #a89fc74d,inset 0 0 10px #fff3}}.image-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:saturate(.5) brightness(1.1) contrast(.9);opacity:.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;mix-blend-mode:overlay}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 50%,rgba(122,128,137,.3) 100%);pointer-events:none;z-index:9998}.github-icon{width:42px;height:42px;color:var(--deep-purple);filter:drop-shadow(0 0 8px rgba(139,180,217,.4));transition:all .3s ease}.github-link:hover .github-icon{color:var(--soft-neon-purple);filter:drop-shadow(0 0 15px rgba(168,159,199,.7))}.github-link:hover .github-icon text{fill:var(--accent-glow)}