.top30-chart{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.chart-item{display:flex;align-items:center;padding:15px 20px;margin-bottom:10px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;border:2px solid transparent}.chart-item:hover,.chart-item.hovered{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.chart-item.vote-success{border-color:#10b981;background:#f0fdf4;animation:voteSuccess .6s ease}.chart-position{font-size:24px;font-weight:700;color:#f97316;min-width:50px;text-align:center;margin-right:20px}.album-cover{width:60px;height:60px;border-radius:8px;overflow:hidden;margin-right:20px;position:relative}.album-cover img{width:100%;height:100%;object-fit:cover}.no-cover{width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center}.no-cover::after{content:"♪";color:white;font-size:24px}.song-info{flex:1;min-width:0}.song-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 5px;line-height:1.2}.artist-label{font-size:14px;color:#6b7280;margin:0;line-height:1.2}.vote-section{display:flex;align-items:center;gap:10px;margin-left:20px}.vote-btn{background:0 0;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.vote-btn:not(.voted):hover{background:rgba(239,68,68,.1);transform:scale(1.1)}.vote-btn.voted{cursor:not-allowed;opacity:.8}.vote-btn.voting{cursor:wait;opacity:.6}.heart-icon{font-size:20px;transition:all .3s ease}.vote-btn:not(.voted):hover .heart-icon{transform:scale(1.2)}.vote-count{font-size:16px;font-weight:600;color:#ef4444;min-width:35px;text-align:right}.chart-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;text-align:center}.chart-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.chart-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}@media (max-width:768px){.top30-chart{padding:15px}.chart-item{padding:12px 15px;flex-wrap:wrap}.chart-position{font-size:20px;min-width:35px;margin-right:15px}.album-cover{width:50px;height:50px;margin-right:15px}.song-title{font-size:16px}.artist-label{font-size:13px}.vote-section{margin-left:10px}.vote-btn{width:35px;height:35px}.heart-icon{font-size:18px}.vote-count{font-size:14px}}@media (max-width:480px){.chart-item{padding:10px 12px}.chart-position{font-size:18px;min-width:30px;margin-right:10px}.album-cover{width:45px;height:45px;margin-right:12px}.song-title{font-size:15px}.artist-label{font-size:12px}}