*{box-sizing:border-box;}body{margin:0;background:#101014;color:#e8e8ee;font-family:system-ui, sans-serif;-webkit-font-smoothing:antialiased;}a{color:inherit;text-decoration:none;}main{max-width:640px;margin:0 auto;padding:24px 16px 48px;}h1{font-size:24px;margin:8px 0 4px;}.meta{color:#9a9aa8;margin:0 0 20px;}.back{color:#9a9aa8;display:block;margin-bottom:16px;}.grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:16px;}.card{display:flex;flex-direction:column;gap:4px;}.card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#22222a;}.ct{font-weight:600;margin-top:4px;}.ca{color:#9a9aa8;font-size:13px;}#cover{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#22222a;}#tracks{list-style:none;margin:0 0 20px;padding:0;}#tracks li{display:flex;gap:12px;padding:12px 10px;border-radius:6px;cursor:pointer;border-bottom:1px solid #1e1e26;}#tracks li:hover{background:#1a1a22;}#tracks li.playing{background:#242432;color:#9ecbff;}#tracks .n{color:#9a9aa8;min-width:20px;text-align:right;}#tracks li.playing .n{color:#9ecbff;}#controls{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 10px;background:#16161c;border-radius:10px;}#controls button{font-size:20px;background:none;border:none;color:#e8e8ee;cursor:pointer;padding:6px;}#play{font-size:26px;}#seek{flex:1;accent-color:#9ecbff;}#time{color:#9a9aa8;font-size:13px;min-width:88px;text-align:right;}@media (max-width: 480px){main{padding:16px 10px 40px;}#cover{max-width:100%;}}