.popular-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.popular-shortcut{display:flex;align-items:center;gap:12px;background:var(--surface,#1b191a);border:1px solid #ffffff0c;border-radius:12px;padding:14px;text-align:left;min-width:0;color:inherit;cursor:pointer}
.popular-shortcut:hover{background:#292325}.popular-shortcut>.cover-art{width:48px;height:48px;flex:none;border-radius:6px}
.popular-shortcut>span:not(.popular-position){min-width:0;flex:1}.popular-shortcut strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.popular-shortcut small{display:block;color:#b4a9ae;margin-top:6px;font-size:12px}.popular-shortcut>.icon{width:18px;flex:none}
.popular-position{font-size:14px;color:#c39ca7;font-variant-numeric:tabular-nums}
.listening-empty{padding:20px 22px;border:1px dashed #ffffff22;border-radius:12px;color:#bfb2b8;line-height:1.7;font-size:14px}
.listening-totals{display:flex;flex-wrap:wrap;align-items:center;gap:18px 36px;margin:20px 0 30px;padding:24px;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(115deg,#43232b66,#211a20)}
.listening-totals>div{display:flex;flex-direction:column;gap:7px}.listening-totals strong{font-size:32px;font-variant-numeric:tabular-nums}.listening-totals span{font-size:13px;color:#c5b3bd}.listening-totals>p{max-width:340px;margin:0 0 0 auto;font-size:13px;line-height:1.7;color:#b5a8af}
.track-title .listening-counts{font-size:11px;color:#d6a9b8;margin-top:6px;white-space:normal}
.listening-rules{margin:32px 0;padding:20px 24px;background:#ffffff04;border:1px solid #ffffff10;border-radius:12px;color:#c6b8c0;line-height:1.8;font-size:14px}.listening-rules summary{cursor:pointer;color:#f7edf2;font-weight:600}.listening-rules p{max-width:880px}.listening-rules a{color:#f0a8bc}
.listening-table-wrap{max-width:100%;overflow:auto;margin-top:22px;border:1px solid #ffffff15;border-radius:12px}.listening-table{border-collapse:collapse;width:100%;min-width:870px;font-size:13px}.listening-table th,.listening-table td{padding:16px;text-align:left;border-bottom:1px solid #ffffff0c;vertical-align:top}.listening-table thead th{color:#c5b3bd;font-size:12px}.listening-table tbody th{min-width:230px}.listening-table small{display:block;color:#b1a3ac;margin-top:5px;font-weight:400}.listening-table td{font-variant-numeric:tabular-nums}.listening-table th a{color:#f3e9ee}
@media(max-width:1000px){.popular-shortcuts{grid-template-columns:1fr}.listening-totals>p{margin:0;flex-basis:100%;max-width:100%}}
@media(max-width:600px){.listening-totals{padding:18px;gap:20px 28px}.listening-totals strong{font-size:28px}.listening-rules{padding:16px;font-size:13px}.listening-counts{line-height:1.5}.popular-shortcut{padding:12px}.popular-preview .section-heading{gap:16px}.popular-preview .section-heading a{white-space:nowrap}}