:root{--bg-color:#0a0a0f;--fg-color:#e0e0e0;--card-bg:#12121a;--muted-bg:#1c1c2e;--muted-fg:#6b7280;--accent:#0f8;--accent-secondary:#f0f;--accent-tertiary:#00d4ff;--border-color:#2a2a3a;--input-bg:#12121a;--neon-glow:0 0 5px var(--accent), 0 0 10px #0f86;--neon-glow-sm:0 0 3px var(--accent), 0 0 6px #00ff884d;--neon-glow-lg:0 0 10px var(--accent), 0 0 20px #0f89, 0 0 40px #00ff884d;--neon-text-glow:0 0 10px #00ff8880;--font-heading:"Orbitron", monospace;--font-body:"JetBrains Mono", monospace;--font-accent:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--fg-color);font-family:var(--font-body);letter-spacing:.05em;min-height:100vh;font-size:16px;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000040 2px 4px);width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3{font-family:var(--font-heading);text-transform:uppercase}.cyber-chamfer{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.cyber-chamfer-sm{clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px))}.cyber-glitch-text{animation:3s infinite glitch-skew;position:relative}.cyber-glitch-text:before,.cyber-glitch-text:after{content:attr(data-text);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.cyber-glitch-text:before{text-shadow:-2px 0 var(--accent-secondary);clip-path:inset(0);animation:2s linear infinite alternate-reverse glitch-anim-1}.cyber-glitch-text:after{text-shadow:2px 0 var(--accent-tertiary);clip-path:inset(0);animation:3s linear infinite alternate-reverse glitch-anim-2}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-blink{animation:1s step-end infinite blink}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%)}20%{clip-path:inset(60% 0 20%)}40%{clip-path:inset(40% 0 50%)}60%{clip-path:inset(80% 0 5%)}80%{clip-path:inset(10% 0 70%)}to{clip-path:inset(30% 0 50%)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60%)}20%{clip-path:inset(80% 0 5%)}40%{clip-path:inset(30% 0 40%)}60%{clip-path:inset(60% 0 20%)}80%{clip-path:inset(20% 0 70%)}to{clip-path:inset(80% 0 10%)}}@keyframes glitch-skew{0%,95%,to{transform:skew(0)}96%{transform:skew(2deg)}97%{transform:skew(-2deg)}98%{transform:skew(1deg)}}.btn-cyber{border:2px solid var(--accent);color:var(--accent);font-family:var(--font-accent);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;padding:12px 24px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-cyber:hover{background:var(--accent);color:var(--bg-color);box-shadow:var(--neon-glow)}.input-cyber-wrapper{width:100%;position:relative}.input-cyber-wrapper:before{content:">";color:var(--accent);font-family:var(--font-accent);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-cyber{background:var(--input-bg);border:1px solid var(--border-color);width:100%;color:var(--accent);font-family:var(--font-body);outline:none;padding:16px 16px 16px 36px;transition:all .3s}.input-cyber:focus{border-color:var(--accent);box-shadow:var(--neon-glow-sm)}.input-cyber::placeholder{color:var(--muted-fg)}.card-cyber{background:var(--card-bg);border:1px solid var(--border-color);padding:24px;transition:all .3s}.card-cyber:hover{border-color:var(--accent);box-shadow:var(--neon-glow-sm);transform:translateY(-2px)}aside.card-cyber:hover{transform:none}.playlist-item:hover{background-color:var(--muted-bg)!important;border-color:var(--accent-tertiary)!important}.track-row:hover span:first-child{color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.tracks-grid{grid-template-columns:[index]44px[title]4fr[artist]3fr[duration]60px;gap:8px;padding:0;display:grid}.track-row{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid #ffffff08;border-radius:4px;align-items:center;padding:10px 16px;transition:background-color .2s;display:grid}.track-row:hover{background-color:var(--muted-bg)}.track-main{align-items:center;gap:12px;display:flex}.track-name{color:var(--fg-color);font-weight:500}.track-artists{color:var(--muted-fg);font-size:13px}