#discovery-hub{margin-top:36px}.discovery-count{font-size:8px;color:var(--muted);letter-spacing:.3px;white-space:nowrap}.discovery-tabs{display:flex;gap:5px;overflow-x:auto;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--paper);scrollbar-width:thin}.discovery-tabs button{padding:10px 13px;font-size:10px;border-radius:5px;white-space:nowrap;color:var(--muted);min-height:39px}.discovery-tabs button.selected{background:var(--green);color:var(--paper)}.chart-description{font-size:10px;color:var(--muted);line-height:2;margin:12px 0 17px;max-width:750px}.discovery-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 19px}.chart-song{min-width:0;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 12px;border:1px solid var(--border);border-radius:8px;background:var(--paper);transition:background .15s}.chart-song:hover{background:#eaf0df}.chart-rank{font-size:12px;font-weight:500;color:#899a73;width:21px;font-variant-numeric:tabular-nums}.chart-song .cover{width:52px;height:52px;border-radius:6px}.chart-song-info{flex:1;min-width:0}.chart-song-info>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1.9}.chart-song-info>span{font-size:9px;color:var(--muted);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-song-info>small{font-size:8px;color:#7c9060;display:block;margin-top:6px}.chart-open{color:#8a9c70}.chart-open .ui-icon{width:15px;height:15px}.discovery-foot{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:13px}.discovery-foot>span{font-size:8px;color:var(--muted);line-height:1.9;max-width:70%}.discovery-foot button{white-space:nowrap}.chart-empty{grid-column:1/-1;background:var(--paper);border:1px dashed var(--border);border-radius:8px;text-align:center;padding:30px 20px;line-height:2.2;font-size:12px;color:var(--muted)}.resume-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #d4dfbf;border-radius:7px;background:#edf2e1;padding:13px 17px;margin-top:22px;font-size:10px;color:#6b8050;line-height:1.9}.resume-banner button{font-size:10px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.resume-banner .ui-icon{width:12px;height:12px}.photo-cover{background:#d8e0cd}.image-failed:after{display:none}.image-failed>.ui-icon{width:26px;height:26px;color:#4d6c45}body.dark .chart-song:hover{background:#2a3c2c}body.dark .resume-banner{background:#2f412d;border-color:#465b38;color:#b2c399}
@media(max-width:850px){.discovery-chart{gap:9px}.chart-song{gap:9px;padding:12px 9px}.chart-song .cover{width:44px;height:44px}.chart-rank{font-size:10px;width:17px}.chart-song-info>b{font-size:11px}.chart-open{display:none}.discovery-tabs button{font-size:9px;padding-left:11px;padding-right:11px}}
@media(max-width:600px){#discovery-hub{margin-top:28px}.discovery-count{display:none}.discovery-chart{grid-template-columns:1fr;gap:8px}.chart-song{padding:12px;gap:12px}.chart-song .cover{width:47px;height:47px}.chart-song-info>b{font-size:12px}.chart-open{display:block}.discovery-tabs{margin:0 -1px;padding:4px;gap:3px}.discovery-tabs button{font-size:9px;padding:9px 11px}.chart-description{font-size:9px;margin:10px 0 13px}.discovery-foot{align-items:flex-start}.discovery-foot>span{font-size:7px;max-width:65%}.discovery-foot button{font-size:8px}.resume-banner{font-size:9px;padding:11px;gap:9px}.resume-banner button{font-size:9px}.chart-empty{font-size:11px;padding:23px 17px}.song-row .photo-cover{width:42px;height:42px}}
@media print{#discovery-hub,.resume-banner{display:none!important}}