.tfmpl-page .tfmpl-sub{ color:#6e7680; margin:6px 0 12px; }
.tfmpl-controls{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:8px 0 12px; }
.tfmpl-channel{ padding:8px 10px; max-width:340px; width:100%; }
.tfmpl-date .tfmpl-label{ font-weight:600; color:#4d5561; margin:0 6px; }
.tfmpl-btn{ appearance:none; border:1px solid #e0e5ea; background:#fff; color:#222; border-radius:8px; padding:6px 10px; cursor:pointer; }
.tfmpl-btn:hover{ background:#f7fafc; }
.tfmpl-btn:disabled{ opacity:.5; cursor:default; }
.tfmpl-list{ list-style:none; padding:0; margin:0; }
.tfmpl-row{ display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #eef1f4; }
.tfmpl-row:last-child{ border-bottom:0; }
.tfmpl-cover{ width:56px; height:56px; object-fit:cover; border-radius:6px; }
.tfmpl-time{ min-width:52px; text-align:right; color:#6e7680; font-variant-numeric:tabular-nums; }
.tfmpl-title{ font-weight:600; color:#222; }
.tfmpl-artist{ color:#6e7680; }
.tfmpl-live{ background:#00C853; color:#fff; border-radius:6px; padding:2px 6px; margin-left:8px; font-size:11px; font-weight:700; letter-spacing:.02em; }
.tfmpl-debug{ background:#fffbe6; border:1px dashed #f1c40f; padding:6px 8px; margin:8px 0; color:#6b5900; font-size:12px; }
.tfmpl-footer{ text-align:center; margin:16px 0 24px; }
.tfmpl-load-more{ appearance:none; border:1px solid #e0e5ea; background:#fff; color:#222; border-radius:8px; padding:10px 16px; cursor:pointer; }
.tfmpl-load-more:hover{ background:#f7fafc; }
.tfmpl-load-more:disabled{ opacity:.5; cursor:default; }
.tfmpl-pager{ text-align:center; margin:16px 0 24px; }
.tfmpl-pager a.pg{ display:inline-block; padding:6px 10px; border:1px solid #e0e5ea; background:#fff; color:#222; border-radius:6px; margin:0 4px; text-decoration:none; }
.tfmpl-pager a.pg.active{ background:#0E9FDD; color:#fff; border-color:#0E9FDD; }
.tfmpl-pager a.pg.disabled{ opacity:.5; pointer-events:none; }