@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg-color:#000;--text-color:#fff;--accent-color:#ff003c;--accent-secondary:#00e5ff;--border-width:4px;--border-color:#fff;--font-family:"Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--spacing:1.5rem;--header-height:80px;--player-height:100px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:-.05em;font-weight:800;line-height:1.1}p{font-weight:400;line-height:1.6}button{background:var(--bg-color);color:var(--text-color);border:var(--border-width) solid var(--border-color);font-family:var(--font-family);text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 var(--accent-color);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}button:hover{box-shadow:4px 4px 0 var(--accent-color);transform:translate(2px,2px)}button:active{box-shadow:0px 0px 0 var(--accent-color);transform:translate(6px,6px)}button.active-toggle{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:6px 6px 0 var(--text-color)}button.active-toggle:hover{box-shadow:4px 4px 0 var(--text-color)}.brutalist-container{background:var(--bg-color);border:var(--border-width) solid var(--border-color);padding:var(--spacing);box-shadow:10px 10px 0 var(--accent-secondary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--accent-color);border:2px solid var(--bg-color)}.scanlines{pointer-events:none;z-index:9999;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px;width:100vw;height:100vh;position:fixed;top:0;left:0}.glitch-text{display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 red;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch-text:after{text-shadow:-2px 0 #0ff;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 31px, 0)}20%{clip:rect(62px, 9999px, 14px, 0)}40%{clip:rect(34px, 9999px, 83px, 0)}60%{clip:rect(82px, 9999px, 10px, 0)}80%{clip:rect(29px, 9999px, 51px, 0)}to{clip:rect(92px, 9999px, 73px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(65px, 9999px, 100px, 0)}20%{clip:rect(15px, 9999px, 80px, 0)}40%{clip:rect(35px, 9999px, 40px, 0)}60%{clip:rect(85px, 9999px, 5px, 0)}80%{clip:rect(15px, 9999px, 60px, 0)}to{clip:rect(90px, 9999px, 15px, 0)}}@media (width<=768px){:root{--border-width:3px;--spacing:1rem;--header-height:110px;--player-height:220px}body{font-size:14px}button{box-shadow:4px 4px 0 var(--accent-color);padding:.6rem 1.2rem;font-size:.9rem}button:hover{box-shadow:3px 3px 0 var(--accent-color);transform:translate(1px,1px)}button:active{box-shadow:0px 0px 0 var(--accent-color);transform:translate(4px,4px)}.brutalist-container{box-shadow:6px 6px 0 var(--accent-secondary)}.close-btn{padding:.5rem .8rem;font-size:1.4rem;top:-15px;right:-5px}body[dir=rtl] .close-btn{left:-5px;right:auto}}.close-btn{z-index:100;box-shadow:4px 4px 0 var(--accent-color);position:absolute;top:-20px;right:-20px}body[dir=rtl] .close-btn{left:-20px;right:auto}.audio-player{width:100vw;height:var(--player-height);z-index:1000;border-top:var(--border-width) solid var(--border-color);border-bottom:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0}.player-info{flex:1;padding:0 1rem}.player-info h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.5rem;overflow:hidden}.player-controls{gap:1rem;padding:0 1rem;display:flex}.player-controls button,.extra-controls button{text-align:center;min-width:110px}.progress-container{flex:2;align-items:center;gap:1rem;padding:0 1rem;display:flex}.progress-bar{background:var(--bg-color);border:2px solid var(--border-color);cursor:pointer;flex:1;height:24px;position:relative}.progress-fill{background:var(--accent-color);pointer-events:none;width:0%;height:100%;transition:width .1s linear}.time{font-family:monospace;font-size:1.2rem;font-weight:700}.extra-controls{padding:0 1rem}@media (width<=768px){.audio-player{height:var(--player-height);grid-template-columns:repeat(4,1fr);grid-template-areas:"info info info info""prog prog prog prog""prev play next lyrics";align-items:center;gap:.75rem;padding:.75rem;display:grid}.player-info{text-align:center;grid-area:info;padding:0}.player-info h2{font-size:1.2rem}.progress-container{grid-area:prog;width:100%;padding:0}.player-controls,.extra-controls{display:contents}.player-controls button:first-child{grid-area:prev}.player-controls button:nth-child(2){grid-area:play}.player-controls button:nth-child(3){grid-area:next}.extra-controls button{grid-area:lyrics}.audio-player button{width:100%;margin:0;padding:.8rem .25rem;font-size:.85rem}}.background-visualizer{z-index:-1;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.visualizer-video{object-fit:cover;opacity:.55;filter:contrast(1.2)saturate(1.4)grayscale(.15);width:100%;height:100%}.media-container{width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.next-media{z-index:2;opacity:0}.current-media{z-index:1}.vcr-scanlines{z-index:15;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.vcr-static-overlay{opacity:0;z-index:10;pointer-events:none;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.vcr-static-overlay.active{animation:vcr-static-flicker var(--transition-duration,.8s) steps(4) infinite;opacity:.85}.vcr-transition-overlay{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.vcr-transition-asset{object-fit:cover;opacity:.95;filter:contrast(1.3)brightness(1.1);width:100%;height:100%}.vcr-glitching .current-media{animation:vcr-distortion-current var(--transition-duration,.8s) ease-in-out}.vcr-glitching .next-media{opacity:1;z-index:3;animation:vcr-distortion-next var(--transition-duration,.8s) ease-in-out}@keyframes vcr-static-flicker{0%{filter:invert(0);transform:translateY(0)scaleY(1)}25%{transform:translateY(-5px)scaleY(1.05)}50%{filter:brightness(1.5);transform:translateY(5px)scaleY(.95)}75%{filter:invert(.1);transform:translateY(-2px)scaleY(1.02)}to{transform:translateY(2px)scaleY(.98)}}@keyframes vcr-distortion-current{0%{filter:hue-rotate()contrast(1.2);transform:skew(0deg)scale(1)}20%{filter:hue-rotate(90deg)saturate(2);transform:skew(8deg)scale(1.05)translate(-10px,5px)}40%{filter:invert(.8)hue-rotate(180deg);opacity:.5;transform:skew(-5deg)scale(.98)translate(5px,-5px)}60%{filter:hue-rotate(270deg)contrast(3);opacity:.2;transform:skew(15deg)scale(1.1)translate(-20px,10px)}80%{opacity:.1;transform:skew(-10deg)scale(1.02)translate(10px,-2px)}to{opacity:0;transform:skew(0deg)scale(1)}}@keyframes vcr-distortion-next{0%{opacity:0;transform:skew(-10deg)scale(1.1)translate(20px,-10px)}20%{opacity:.2;transform:skew(12deg)scale(.95)translate(-15px,5px)}40%{opacity:.5;transform:skew(-8deg)scale(1.05)translate(10px,-5px)}60%{opacity:.8;transform:skew(4deg)scale(.98)translate(-5px,2px)}80%{opacity:.95;transform:skew(-2deg)scale(1.02)translate(2px)}to{opacity:1;transform:skew(0deg)scale(1)translate(0)}}.lyrics-overlay{top:var(--header-height);width:100vw;height:calc(100vh - var(--header-height) - var(--player-height));z-index:2000;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:2rem;display:flex;position:fixed;left:0}.lyrics-container{pointer-events:auto;background-color:#000000e6;flex-direction:column;width:90%;max-width:600px;height:calc(100% - 3rem);max-height:520px;display:flex;position:relative;overflow:visible}.lyrics-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.lyrics-title{color:var(--accent-color);margin:0}.close-btn{border-radius:0;padding:.25rem .75rem;font-size:1.2rem}.lyrics-content{flex:1;padding-right:.5rem;overflow-y:auto}.lyrics-text{font-size:1.5rem;font-weight:600;line-height:2}.lyrics-text[dir=rtl]{text-align:right;font-family:Arial,Helvetica,sans-serif}.lyrics-text p{margin-bottom:1rem}@media (width<=768px){.lyrics-overlay{padding-top:1rem}.lyrics-container{width:95%;height:calc(100% - 1.5rem);max-height:none}.lyrics-container .close-btn{padding:.5rem .8rem;font-size:1.4rem}.lyrics-text{font-size:1.1rem;line-height:1.8}}.modal-overlay{z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-overlay.align-top-overlay{padding-top:calc(var(--header-height) + 2rem);align-items:flex-start}.modal-container{background-color:var(--bg-color);width:100%;max-width:800px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;position:relative;overflow:visible}.modal-scroll-content{max-height:70vh;padding:2rem;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content-inner{padding-top:.5rem}.modal-content-inner h2{color:var(--accent-secondary);margin-bottom:2rem}.members-list{justify-content:space-between;gap:1.5rem;display:flex}.member{text-align:center;border:var(--border-width) solid var(--border-color);background:#ffffff0d;flex-direction:column;flex:1;align-items:center;padding:1.5rem 1rem;display:flex}.placeholder-img,.member-img{background:var(--text-color);border:var(--border-width) solid var(--accent-color);object-fit:cover;flex-shrink:0;width:100px;height:100px;margin-bottom:1rem}.member h3{color:var(--accent-color);margin-bottom:.5rem}.album-details-container{align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.album-cover-img{border:var(--border-width) solid var(--border-color);object-fit:cover;width:250px;height:250px;box-shadow:8px 8px 0 var(--accent-color);flex-shrink:0}.album-info{flex:1}.album-info p{margin-bottom:1rem}.tracklist{margin-top:1rem;margin-left:1.5rem;font-family:monospace;font-size:1.1rem;line-height:1.8}.links-grid{flex-direction:column;gap:1rem;display:flex}.brutalist-link{text-align:center;background:var(--bg-color);color:var(--text-color);border:var(--border-width) solid var(--border-color);text-transform:uppercase;box-shadow:6px 6px 0 var(--accent-secondary);cursor:pointer;padding:1rem;font-size:1.5rem;font-weight:800;text-decoration:none;transition:all .2s;display:block}.brutalist-link:hover{box-shadow:4px 4px 0 var(--accent-secondary);background:var(--text-color);color:var(--bg-color);transform:translate(2px,2px)}.brutalist-link:active{box-shadow:0px 0px 0 var(--accent-secondary);transform:translate(6px,6px)}@media (width<=768px){.modal-overlay{padding:.5rem}.modal-container{width:95%;max-height:85vh;padding:1.5rem 1rem}.members-list{flex-direction:row;gap:.5rem}.member{text-align:center;border-width:2px;flex-direction:column;flex:1;gap:.5rem;padding:.5rem}.placeholder-img,.member-img{object-fit:cover;border-width:2px;width:60px;height:60px;margin-bottom:.25rem}.member h3{margin-bottom:.25rem;font-size:.85rem}.member p{font-size:.65rem;line-height:1.2}.album-details-container{flex-direction:column;align-items:center;gap:1.5rem}.album-cover-img{width:160px;height:160px;box-shadow:4px 4px 0 var(--accent-color);border-width:2px}.brutalist-link{box-shadow:4px 4px 0 var(--accent-secondary);padding:.75rem;font-size:1.2rem}}.navbar{width:100vw;height:var(--header-height);z-index:1000;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0}.brand h1{color:var(--text-color);background:var(--bg-color);border:var(--border-width) solid var(--border-color);margin:0;padding:.25rem .5rem;font-size:2rem}.nav-links{gap:1rem;display:flex}@media (width<=768px){.navbar{height:var(--header-height);border-bottom:var(--border-width) solid var(--border-color);background:#000000d9;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem}.brand h1{font-size:1.5rem}.nav-links{justify-content:space-between;gap:.75rem;width:100%;padding:.25rem .5rem;display:flex}.nav-links button{text-align:center;flex:1}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--header-height);padding-bottom:var(--player-height);flex:1;position:relative}