.top100-chart-panel { overflow: hidden; border-radius: 18px; }
.top100-chart-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px; background: transparent; }
.top100-chart-table { width: 100%; }
.top100-chart-table thead th { padding: 14px 12px; font-size: .7rem; text-transform: uppercase; letter-spacing: .09em; color: var(--bs-secondary-color, #888); border-bottom-width: 1px; }
.top100-chart-table tbody td { padding: 14px 12px; vertical-align: middle; background: transparent; }
.top100-chart-table tbody tr { transition: background-color .15s ease; }
.top100-chart-table tbody tr:hover { background: rgba(255, 140, 40, .07); }
.top100-chart-thumb-cell { width: 88px; }
.top100-chart-thumb { display: block; width: 64px; height: 64px; object-fit: cover; border-radius: 10px !important; }
.top100-rank { font-size: 1.25rem; font-weight: 800; font-variant-numeric: tabular-nums; opacity: .65; }
.top100-chart-table tbody tr:nth-child(-n+3) .top100-rank { color: #ed8529; opacity: 1; }
.top100-track-title { display: inline-block; font-weight: 800; font-size: 1rem; line-height: 1.4; }
.top100-artist { font-size: .85rem; margin-top: 4px; }
.top100-play-count { font-variant-numeric: tabular-nums; font-weight: 700; }
.top100-chart-table .play-song { width: 38px; height: 38px; border-radius: 50%; }
@media (max-width: 600px) {
    .top100-chart-header { padding: 18px; align-items: flex-start; flex-direction: column; gap: 8px; }
    .top100-chart-table th:nth-child(4), .top100-chart-table td:nth-child(4) { display: none; }
    .top100-chart-table tbody td, .top100-chart-table thead th { padding: 12px 6px; }
    .top100-chart-thumb-cell { width: 56px; }
    .top100-chart-thumb { width: 48px; height: 48px; }
    .top100-chart-table thead th { font-size: .6rem; letter-spacing: .02em; }
    .top100-track-title { font-size: .9rem; }
    .top100-rank { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .top100-chart-table tbody tr { transition: none; } }