@import"https://fonts.googleapis.com/css2?family=VT323&family=IBM+Plex+Mono:wght@400;500;700&display=swap";:root{--bg: #0c0c0c;--text: #33ff33;--text-dim: #1a991a;--text-bright: #66ff66;--accent: #00ffff;--warning: #ffff00;--error: #ff3333;--border: #33ff33}@keyframes rgb-strobe{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--text);color:var(--bg)}html{font-size:16px}body{font-family:IBM Plex Mono,Courier New,monospace;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;padding:20px;position:relative;overflow-x:hidden;animation:rgb-strobe 8s linear infinite}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);z-index:1000}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%);z-index:999}.terminal{max-width:900px;margin:0 auto;position:relative;z-index:1}.header{border:1px solid var(--border);padding:15px 20px;margin-bottom:20px;position:relative}.header:before{content:"[ AUDIO_TERMINAL v2.7.1 ]";position:absolute;top:-10px;left:20px;background:var(--bg);padding:0 10px;font-size:.75rem;color:var(--text-dim)}.header-title{font-family:VT323,monospace;font-size:2.5rem;letter-spacing:.1em;text-shadow:0 0 10px var(--text),0 0 20px var(--text);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px var(--text),0 0 10px var(--text)}to{text-shadow:0 0 10px var(--text),0 0 20px var(--text),0 0 30px var(--text)}}.header-sub{color:var(--text-dim);font-size:.875rem;margin-top:5px}.stats-bar{display:flex;gap:30px;padding:12px 20px;border:1px solid var(--border);margin-bottom:20px;font-size:.8rem;flex-wrap:wrap}.stat{display:flex;gap:8px}.stat-label{color:var(--text-dim)}.stat-value{color:var(--accent);font-weight:700}.stat-value.viral{color:var(--warning);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.track-list{border:1px solid var(--border);margin-bottom:20px}.track-header{display:grid;grid-template-columns:40px 1fr 80px 80px 100px 90px;padding:10px 15px;background:var(--text);color:var(--bg);font-weight:700;font-size:.75rem;text-transform:uppercase}.track-item{display:grid;grid-template-columns:40px 1fr 80px 80px 100px 90px;padding:15px;border-bottom:1px dashed var(--text-dim);transition:background .1s;align-items:center}.track-item:last-child{border-bottom:none}.track-item:hover{background:color-mix(in srgb,var(--text) 10%,transparent)}.track-num{color:var(--text-dim);font-size:.875rem}.track-name{font-weight:500;display:flex;align-items:center;gap:10px}.track-name a{color:var(--text);text-decoration:none}.track-name a:hover{color:var(--text-bright);text-decoration:underline}.status-badge{font-size:.625rem;padding:2px 6px;border:1px solid;animation:blink 1.5s infinite}.status-badge.viral{color:var(--warning);border-color:var(--warning)}.status-badge.trending{color:var(--accent);border-color:var(--accent)}.status-badge.new{color:var(--error);border-color:var(--error)}.track-size,.track-duration,.track-plays,.track-downloads{font-size:.875rem;color:var(--text-dim)}.track-plays{color:var(--accent)}.player-section{border:1px solid var(--border);padding:20px;margin-bottom:20px;position:relative}.player-section:before{content:"[ NOW_PLAYING ]";position:absolute;top:-10px;left:20px;background:var(--bg);padding:0 10px;font-size:.75rem;color:var(--text-dim)}.player-current{font-family:VT323,monospace;font-size:1.5rem;margin-bottom:15px;color:var(--text-bright)}.player-current .cursor{animation:cursor-blink .8s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}audio{width:100%;height:40px;filter:sepia(100%) saturate(300%) brightness(70%) hue-rotate(80deg)}audio::-webkit-media-controls-panel{background:var(--bg)}.prompt{border:1px solid var(--border);padding:15px 20px;font-size:.875rem;position:relative}.prompt:before{content:"[ COMMAND_LINE ]";position:absolute;top:-10px;left:20px;background:var(--bg);padding:0 10px;font-size:.75rem;color:var(--text-dim)}.prompt-line{display:flex;gap:10px;margin-bottom:8px}.prompt-symbol{color:var(--accent)}.prompt-text{color:var(--text-dim)}.prompt-text.success{color:var(--text)}.footer{text-align:center;padding:20px;color:var(--text-dim);font-size:.75rem;border-top:1px dashed var(--text-dim);margin-top:20px}@media(max-width:768px){body{padding:10px}.track-header,.track-item{grid-template-columns:30px 1fr 70px;gap:5px}.track-size,.track-duration,.track-downloads{display:none}.header-title{font-size:1.5rem}.stats-bar{flex-direction:column;gap:10px}}.download-btn{display:inline-block;color:var(--text);text-decoration:none;border:1px solid var(--text);padding:3px 8px;font-size:.7rem;transition:all .1s}.download-btn:hover{background:var(--text);color:var(--bg)}.ascii-art{font-family:IBM Plex Mono,monospace;font-size:.5rem;line-height:1.1;color:var(--text-dim);white-space:pre;text-align:center;margin:20px 0}.loading{display:inline-block}.loading:after{content:"";animation:loading 1s steps(4) infinite}@keyframes loading{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.play-btn{background:none;border:1px solid var(--text);color:var(--text);padding:5px 10px;cursor:pointer;font-family:inherit;font-size:.75rem;transition:all .1s}.play-btn:hover,.play-btn.playing{background:var(--text);color:var(--bg)}.portal-section{margin:20px 0}.portal-link{display:block;border:2px solid var(--accent);padding:20px 25px;margin-top:15px;text-decoration:none;transition:all .2s ease;position:relative;overflow:visible;background:linear-gradient(135deg,#00ffff0d,#ff00ff0d)}.portal-link:before{content:"[ PORTAL ]";position:absolute;top:-12px;left:20px;background:var(--bg);padding:2px 10px;font-size:.75rem;color:var(--accent);z-index:1}.portal-link:hover{border-color:var(--warning);background:linear-gradient(135deg,#ffff001a,#ff00ff1a);box-shadow:0 0 20px #00ffff4d,inset 0 0 30px #ffff001a;transform:scale(1.01)}.portal-content{display:flex;align-items:center;gap:15px}.portal-icon{font-size:2rem;color:var(--accent);text-shadow:0 0 10px var(--accent);animation:portal-pulse 1.5s ease-in-out infinite}@keyframes portal-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.portal-text{flex:1}.portal-title{font-family:VT323,monospace;font-size:1.5rem;color:var(--text);text-shadow:0 0 5px var(--text)}.portal-sub{font-size:.8rem;color:var(--text-dim)}.portal-badge{padding:5px 12px;border:1px solid var(--warning);color:var(--warning);font-size:.75rem;font-weight:700;animation:blink 1s infinite}.visualizer-container{margin-top:15px;border:1px solid var(--border);padding:10px;background:#00000080}#visualizer{width:100%;height:120px;display:block;background:linear-gradient(180deg,#000c,#0c0c0c);border:1px solid var(--text-dim)}.visualizer-labels{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-dim);margin-top:5px;padding:0 5px}.bass-label{color:var(--error);font-weight:700}.mid-label{color:var(--warning)}.high-label{color:var(--accent)}.bass-meter{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:.75rem}.meter-label{color:var(--text-dim);min-width:90px}.meter-bar{flex:1;height:12px;background:var(--bg);border:1px solid var(--text-dim);overflow:hidden}#bass-level-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--text) 0%,var(--warning) 70%,var(--error) 100%);transition:width .05s ease-out;box-shadow:0 0 10px var(--text)}#bass-db-value{min-width:60px;text-align:right;font-family:VT323,monospace;color:var(--text)}.meter-bar{position:relative}.meter-bar:before{content:"";position:absolute;left:82%;top:0;bottom:0;width:2px;background:var(--warning);z-index:1}.meter-bar:after{content:"";position:absolute;left:90%;top:0;bottom:0;width:2px;background:var(--error);z-index:1}@keyframes tracer-glow{0%{box-shadow:0 0 5px var(--text),0 0 10px var(--text),inset 0 0 5px transparent}25%{box-shadow:5px 0 15px var(--text),-5px 0 15px var(--accent),0 5px 15px var(--warning),inset 0 0 10px #ffffff1a}50%{box-shadow:0 0 20px var(--accent),10px 10px 20px var(--text),-10px -10px 20px var(--warning),inset 0 0 15px #ffffff26}75%{box-shadow:-5px 0 15px var(--warning),5px 0 15px var(--text),0 -5px 15px var(--accent),inset 0 0 10px #ffffff1a}to{box-shadow:0 0 5px var(--text),0 0 10px var(--text),inset 0 0 5px transparent}}@keyframes border-trace{0%{border-color:var(--text)}33%{border-color:var(--accent)}66%{border-color:var(--warning)}to{border-color:var(--text)}}.header,.stats-bar,.track-list,.player-section,.prompt{animation:tracer-glow 3s ease-in-out infinite,border-trace 4s linear infinite;transition:transform .05s ease-out}.header{animation-delay:0s,0s}.stats-bar{animation-delay:-.5s,-.7s}.track-list{animation-delay:-1s,-1.4s}.player-section{animation-delay:-1.5s,-2.1s}.prompt{animation-delay:-2s,-2.8s}.bass-hit{animation:bass-shake .1s ease-out}@keyframes bass-shake{0%{transform:translate(0) rotate(0)}25%{transform:translate(-3px,2px) rotate(-.5deg)}50%{transform:translate(3px,-2px) rotate(.5deg)}75%{transform:translate(-2px,-1px) rotate(-.3deg)}to{transform:translate(0) rotate(0)}}.bass-intense{animation:bass-intense-shake .15s ease-out}@keyframes bass-intense-shake{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-5px,3px) rotate(-1deg) scale(1.01)}40%{transform:translate(5px,-4px) rotate(1deg) scale(1.02)}60%{transform:translate(-4px,-2px) rotate(-.5deg) scale(1.01)}80%{transform:translate(3px,2px) rotate(.5deg) scale(1.005)}to{transform:translate(0) rotate(0) scale(1)}}.body-bass-pulse{animation:body-pulse .2s ease-out}@keyframes body-pulse{0%{filter:hue-rotate(var(--current-hue, 0deg)) brightness(1)}50%{filter:hue-rotate(var(--current-hue, 0deg)) brightness(1.3)}to{filter:hue-rotate(var(--current-hue, 0deg)) brightness(1)}}.track-item[data-astro-cid-j7pv25f6].playing{background:color-mix(in srgb,var(--text) 15%,transparent);border-left:3px solid var(--text)}.track-item[data-astro-cid-j7pv25f6].playing .track-name[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--text-bright)}
