:root{--bg:#0b0b0e;--card:#14141a;--muted:#8a8a96;--text:#f2f2f5;--brand:#6ee7ff;--radius:16px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:1200px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.h1{font-size:28px;font-weight:700;letter-spacing:.2px;margin:0}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card{background:var(--card);border-radius:var(--radius);padding:14px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.row{display:flex;gap:12px;align-items:center}.avatar{width:72px;height:72px;border-radius:14px;background:#1f1f2a;display:grid;place-items:center;overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.initial{font-weight:700;font-size:24px;color:var(--brand)}.name{font-weight:600;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:var(--muted);font-size:13px}.badge{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.link{color:var(--text);text-decoration:none}.back{background:transparent;border:1px solid #2a2a33;color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer}.skel{background:#1a1a22;border-radius:12px;height:100px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.coverHero{width:120px;height:120px;border-radius:12px;overflow:hidden;background:#1a1a22}.coverHero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.title{font-size:22px;font-weight:700;margin:0}.subtitle{color:var(--muted);margin-top:4px;font-size:14px}.list{margin-top:16px;background:var(--card);border-radius:var(--radius)}.item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #202029}.item:last-child{border-bottom:none}.play{width:34px;height:34px;border-radius:10px;border:1px solid #2a2a33;background:transparent;color:var(--text);cursor:pointer}.duration{margin-left:auto;color:var(--muted);font-size:12px}:root{color-scheme:dark}@font-face{font-family:Satoshi;src:local("Satoshi Regular"),local("Satoshi-Regular"),url(/assets/Satoshi-Regular-DJxgr0u3.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}html,body,#root{height:100%}body{margin:0;background:#0c0c0c;color:#fff;font-family:Satoshi,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}