.glow{ text-shadow:0 0 8px #d4af37,0 0 16px rgba(212,175,55,.8) }
.glass{ backdrop-filter: blur(14px); background: rgba(255,255,255,0.05); border:1px solid rgba(212,175,55,0.25); border-radius:18px; }
.nav{ display:flex; gap:.8rem; justify-content:center; align-items:center; flex-wrap:wrap }
.card{ padding:1.2rem }
.cd-cover{ width:220px; height:220px; border-radius:50%; box-shadow:0 0 0 6px rgba(212,175,55,.15); }
.rotate{ animation:spin 12s linear infinite }
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem }
figure{ margin:0 }
figure img{ width:100%; height:auto; display:block; border-radius:14px; }
figure figcaption{ color:#c9b06b; font-size:.92rem; padding:.5rem 0 }
#visualizer{ width:100%; max-width:900px; height:200px; display:block; margin:1rem auto }