:root{--base-bg: #1e1e2e;--surface: #313244;--overlay: #45475a;--text: #cdd6f4;--subtext: #bac2de;--accent: #a6e3a1;--accent-dark: #4caf50;--shadow-light: rgba(0,0,0,.3);--shadow-glow: rgba(166,227,161,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:JetBrains Mono,monospace;background:var(--base-bg);color:var(--text);padding:2rem;transition:background .3s ease,color .3s ease}header{text-align:center;margin-bottom:2rem}header h1{font-size:2rem;color:var(--accent);text-shadow:0 0 8px var(--shadow-glow),0 0 16px rgba(166,227,161,.2);animation:glow-pulse 3s infinite alternate}.links{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.links .btn{background-color:var(--accent);color:var(--base-bg);padding:.5rem 1rem;border-radius:10px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 6px var(--shadow-light)}.links .btn:hover{background-color:var(--accent-dark);box-shadow:0 4px 14px var(--shadow-glow),0 0 8px var(--shadow-glow);transform:translateY(-2px)}.featured-container{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:space-between}.featured-track{flex:1 1 calc(33% - 1rem);background:var(--surface);border-radius:16px;padding:1rem;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 12px var(--shadow-light),0 0 6px var(--shadow-glow);transition:transform .4s ease,box-shadow .4s ease}.featured-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:linear-gradient(120deg,#a6e3a14d,#a6e3a11a,#a6e3a14d);background-size:400% 400%;filter:blur(6px);opacity:.4;z-index:0;animation:glow-sweep 8s linear infinite}.featured-track:hover:before{opacity:1}.featured-track>*{position:relative;z-index:1}.featured-track:hover{transform:translateY(-6px);box-shadow:0 12px 24px var(--shadow-light),0 0 18px var(--shadow-glow)}.featured-track h3{font-size:1.1rem;text-align:center;margin-bottom:.5rem;color:var(--accent)}.featured-track p{font-size:.9rem;text-align:center;color:var(--subtext);margin-bottom:.5rem}.track{background:var(--surface);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 3px 10px var(--shadow-light);transition:transform .3s ease,box-shadow .3s ease;position:relative}.track:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-light),0 0 8px var(--shadow-glow)}.track h3{font-size:1rem;color:var(--accent);margin-bottom:.3rem}.track p{font-size:.9rem;color:var(--subtext);margin-bottom:.3rem}audio{width:100%;margin-top:.5rem;outline:none;border-radius:6px}#sort-select{padding:.5rem .8rem;border-radius:6px;border:none;background:var(--overlay);color:var(--text);font-weight:700;margin-left:.5rem;transition:all .3s ease}#sort-select:hover{box-shadow:0 4px 12px var(--shadow-glow)}@keyframes glow-sweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow-pulse{0%{text-shadow:0 0 8px var(--shadow-glow)}50%{text-shadow:0 0 16px var(--shadow-glow)}to{text-shadow:0 0 8px var(--shadow-glow)}}@media (max-width: 900px){.featured-track{flex:1 1 calc(50% - 1rem)}}@media (max-width: 600px){.featured-track{flex:1 1 100%}body{padding:1rem}header h1{font-size:1.5rem}}