@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@900&family=VT323&display=swap";*{box-sizing:border-box}body,html{background:#000;color:#0f0;font-family:VT323,monospace;height:100%;margin:0;overflow:hidden;padding:0}.app-root{color:#0f0;padding:1rem}body{cursor:none}.cursor{animation:cursorGlow .5s ease-in-out infinite alternate;height:16px;mix-blend-mode:difference;pointer-events:none;position:fixed;width:16px;z-index:50}.cursor,.cursor:after{background:#0f0;border-radius:50%;transform:translate(-50%,-50%)}.cursor:after{box-shadow:0 0 4px #0f0;content:"";height:6px;left:50%;position:absolute;top:50%;width:6px}@keyframes cursorGlow{0%{box-shadow:0 0 4px #0f0;opacity:.8}to{box-shadow:0 0 8px #0f0;opacity:1}}.min-h-screen{min-height:100vh}.flex-col-center{align-items:center;display:flex;flex-direction:column;justify-content:center}.relative{position:relative}.absolute{position:absolute}.crt:before{animation:flicker .15s infinite;background:linear-gradient(#13111100 50%,#00000040 0),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;content:"";inset:0;pointer-events:none;position:fixed;z-index:20}@keyframes flicker{0%{opacity:.98}5%{opacity:.96}10%{opacity:.99}}.canvas-bg{height:100%;left:0;opacity:.12;position:fixed;top:0;transition:opacity 1.2s ease;width:100%}.canvas-bg.opacity-10{opacity:.1}.icon{animation:spin 3s linear infinite,bounce 2s infinite;font-size:clamp(2.5rem,8vw,4rem);margin-bottom:1rem}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glitch{animation:glitch 2s infinite;font-family:Orbitron,sans-serif;font-size:clamp(2rem,7vw,5rem);font-weight:900;position:relative;text-transform:uppercase}.glitch span{left:0;position:absolute;top:0}.glitch span:first-child{animation:glitch1 .5s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);opacity:.8;transform:translate(-.025em,-.0125em)}.glitch span:last-child{animation:glitch2 .4s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);opacity:.8;transform:translate(.0125em,.025em)}@keyframes glitch1{0%,to{transform:translate(0)}20%{transform:translate(-5px,5px)}60%{transform:translate(5px,5px)}}@keyframes glitch2{0%,to{transform:translate(0)}30%{transform:translate(5px,-5px)}70%{transform:translate(-5px,5px)}}.visitor{font-size:clamp(.6rem,1.5vw,.8rem);position:absolute;right:.5rem;text-shadow:0 0 10px #0f0;top:.5rem}.links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:2rem 0}.links a{border:2px solid #0f0;color:#0f0;font-size:clamp(.8rem,2vw,1rem);overflow:hidden;padding:.4rem .8rem;position:relative;text-decoration:none;transition:.3s}.links a:hover{background:#0f0;box-shadow:0 0 12px #0f0;color:#000}.links a:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.links a:hover:before{left:100%}.marquee{bottom:.5rem;font-size:clamp(.55rem,1.2vw,.7rem);left:0;opacity:.7;overflow:hidden;position:absolute;right:0;white-space:nowrap}.marquee span{animation:marquee 25s linear infinite;display:inline-block;padding-left:100vw}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.music-box{background:#000000e6;border:2px solid #0f0;border-radius:0;bottom:2rem;color:#0f0;font-family:VT323,monospace;left:50%;max-width:560px;padding:1rem;position:fixed;transform:translate(-50%);width:92%;z-index:30}@media(max-width:640px){.music-box{border-radius:0;bottom:0;padding:.5rem;width:100%}.track-list{flex-direction:column;gap:.3rem}.track-item{min-width:auto}}.track-list{display:flex;gap:.8rem;overflow-x:auto;padding:.4rem 0}.track-list::-webkit-scrollbar{display:none}.track-item{border:1px solid #0f0;border-radius:4px;cursor:pointer;min-width:100px;padding:.4rem .6rem;text-align:center;transition:.3s}.track-item.active{background:#0f0;color:#000}.track-item:hover{box-shadow:0 0 8px #0f0}.progress{background:#000;border-radius:6px;cursor:pointer;height:12px;margin:.8rem 0;overflow:visible;position:relative}.progress-fill{background:linear-gradient(90deg,#0f0,#0ff);border-radius:6px;height:100%;transition:width .15s}.progress-thumb{background:#0f0;border:2px solid #000;border-radius:50%;box-shadow:0 0 15px #0f0;height:16px;left:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s;width:16px}.controls{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.controls button{background:transparent;border:1px solid #0f0;color:#0f0;cursor:pointer;font-size:1.2rem;padding:.4rem .8rem;transition:.3s}.controls button:hover{background:#0f0;box-shadow:0 0 10px #0f0;color:#000}.time-display{font-size:.8rem;margin-bottom:1rem;margin-top:.5rem;text-align:center}body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;clip:rect(0 0 0 0);border:0;white-space:nowrap}.track-list{scrollbar-width:none}.track-list::-webkit-scrollbar{height:8px}.track-list::-webkit-scrollbar-thumb{background:#0f03;border-radius:4px}.glitch{text-shadow:.05em 0 red,-.025em -.05em #0f0,.025em .05em #00f}@keyframes glitch{0%,to{opacity:1;transform:translateY(0)}20%{opacity:.95;transform:translate(-5px,5px)}60%{opacity:.95;transform:translate(5px,5px)}}.glitch span:first-child,.glitch span:last-child{animation:glitch 1s infinite}.blink{animation:blink 1s steps(5,start) infinite}@keyframes blink{0%{opacity:1}to{opacity:0}}.bg-video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;position:fixed;transition:opacity .6s ease;width:100%;will-change:opacity;z-index:-20}.bg-video.visible{opacity:.45}.video-visible .canvas-bg{opacity:.5;transition:opacity .6s ease}.volume-knob{align-items:center;display:flex;gap:.5rem}.volume-knob input[type=range]{accent-color:#0f0;-webkit-appearance:none;background:#222;border-radius:3px;flex:1;height:6px;outline:none}.volume-knob input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#0f0;border-radius:50%;box-shadow:0 0 6px #0f0;cursor:pointer;height:18px;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;width:18px}.volume-knob input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 10px #0f0}.error-popup{background:#000000f2;border:2px solid red;border-radius:0;display:none;left:50%;padding:1.5rem;position:fixed;text-align:center;top:20%;transform:translate(-50%,-50%);z-index:40}.error-popup.show{animation:shake .5s;display:block}@keyframes shake{0%,to{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(1deg)}75%{transform:translate(-50%,-50%) rotate(-1deg)}}.marquee.rickroll{animation-duration:15s!important;color:#f0f}