/* Personal-center components use the shared, always-loaded page tokens. */
.playback-history,.source-updates { border:1px solid var(--ui-border); border-radius:20px; padding:24px; background:linear-gradient(130deg,#282a3288,#191b20); margin:0 0 24px; min-width:0; }
.center-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.center-heading > div { min-width:0; }
.center-heading .eyebrow { font-size:9px; margin:0 0 9px; }
.center-heading h2 { font-size:23px; line-height:1.5; margin:0; font-weight:600; text-wrap:balance; }
.center-scope { flex-shrink:0; color:var(--ui-muted); border:1px solid var(--ui-border); padding:6px 10px; border-radius:999px; font-size:10px; }
.center-caption,.center-status { color:var(--ui-muted); font-size:11px; line-height:1.9; margin:14px 0 20px; }
.center-status { color:#bbbec6; padding-left:12px; border-left:2px solid #9ca0ac55; }
.center-heading > button,.center-more { flex-shrink:0; min-height:42px; padding:10px 14px; border:1px solid #c4de9148; border-radius:10px; background:var(--ui-accent); color:#292c35; font-size:11px; }
.history-toolbar { display:grid; grid-template-columns:minmax(200px,1fr) auto; gap:14px; align-items:center; padding:14px; background:var(--ui-field); border:1px solid var(--ui-border); border-radius:13px; }
.history-toolbar label { display:block; min-width:0; }
#history-query { width:100%; min-width:0; min-height:42px; padding:10px 12px; background:#21232a; border:1px solid #9ea2ae35; border-radius:9px; color:var(--ui-ink); font:inherit; font-size:12px; }
.history-filters { display:flex; gap:5px; flex-wrap:wrap; }
.history-filters button { min-height:38px; padding:8px 11px; border:1px solid transparent; background:transparent; color:var(--ui-muted); border-radius:8px; font-size:11px; }
.history-filters button[aria-pressed=true] { color:#292c34; background:var(--ui-accent); }
.history-selection { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin:18px 0; }
#history-count { font-size:11px; color:var(--ui-muted); }
.history-selection > div { display:flex; flex-wrap:wrap; gap:6px; }
.history-selection button { font-size:10px; min-height:36px; padding:7px 10px; border:1px solid var(--ui-border); border-radius:8px; background:#18191e; color:#b9bcc5; }
.history-selection button:disabled { opacity:.4; }
.history-confirm { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; border:1px solid #d4b67d66; border-radius:12px; background:#55442933; padding:15px; margin-bottom:16px; }
.history-confirm p { margin:0; color:#e2d1ae; font-size:12px; line-height:1.9; }
.history-confirm > div { display:flex; gap:8px; }
.history-confirm button { min-height:38px; padding:8px 13px; border:1px solid #c2b18c66; border-radius:8px; background:#d6c49a; color:#302a1d; font-size:11px; }
#history-cancel-delete { background:transparent; color:#d1c39d; }
.history-list { display:grid; gap:10px; }
.history-card { display:flex; align-items:center; gap:16px; padding:16px; border:1px solid var(--ui-border); border-radius:13px; background:#16181cb3; min-width:0; }
.history-check { display:grid; place-items:center; flex-shrink:0; }
.history-check input { margin:0; width:16px; height:16px; accent-color:var(--ui-accent); }
.history-cover { display:block; flex:0 0 56px; width:56px; height:80px; border:0; border-radius:7px; padding:0; overflow:hidden; background:#333640; }
.history-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.history-copy { min-width:0; flex:1; }
.history-copy > button { display:block; padding:0; background:none; border:0; color:var(--ui-ink); text-align:left; }
.history-copy strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; font-size:13px; line-height:1.7; font-weight:600; }
.history-copy > span { display:block; font-size:11px; line-height:1.8; color:#b6b9c2; margin-top:5px; }
.history-copy time { display:block; font-size:10px; line-height:1.7; color:#8d92a0; margin-top:7px; }
.history-progress { height:3px; max-width:300px; margin-top:10px; overflow:hidden; border-radius:99px; background:#b9d58022; }
.history-progress i { display:block; height:100%; background:var(--ui-accent); border-radius:inherit; }
.history-actions { display:flex; align-items:center; gap:7px; flex-wrap:wrap; flex-shrink:0; }
.history-actions button { min-height:36px; padding:8px 10px; background:transparent; color:#a6aab5; border:1px solid var(--ui-border); border-radius:8px; font-size:10px; }
.history-actions button:first-child { color:#2b2e36; background:var(--ui-accent); border-color:var(--ui-accent); }
.history-actions button[data-history-delete] { border-color:transparent; color:#baa58e; }
.center-more { display:block; margin:18px auto 0; background:#323640; color:#dcedba; }
.center-empty { border:1px dashed #9398a540; border-radius:13px; text-align:center; padding:40px 20px; background:#16181c55; }
.center-empty strong { font-size:15px; color:#d6d7dc; }
.center-empty p { color:var(--ui-muted); font-size:12px; line-height:1.9; margin-bottom:0; }
.source-update-list { display:grid; gap:12px; }
.source-update-card { display:flex; align-items:center; gap:16px; min-width:0; padding:17px; border:1px solid var(--ui-border); background:#16181cb3; border-radius:13px; }
.source-update-cover { flex:0 0 54px; width:54px; height:78px; display:block; border:0; padding:0; border-radius:7px; overflow:hidden; background:#333640; align-self:flex-start; }
.source-update-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.source-update-card > div { flex:1; min-width:0; }
.source-update-title { display:block; font-size:14px; font-weight:600; line-height:1.8; text-align:left; color:var(--ui-ink); background:none; border:0; padding:0; overflow-wrap:anywhere; }
.source-update-card strong { display:block; margin-top:6px; font-size:12px; font-weight:500; color:#adb1bb; }
.source-update-card strong.has-new { color:#def4b1; }
.source-update-card p { color:#8d92a0; font-size:10px; line-height:1.9; margin:5px 0; }
.source-update-card small { display:block; color:#8d92a0; font-size:10px; line-height:1.9; }
.source-update-action { flex-shrink:0; min-height:40px; padding:10px 13px; border:1px solid #c4de9155; border-radius:9px; background:#c4de9112; color:#d8ecaf; font-size:11px; }
.update-episode-chips { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
.update-episode-chips button { padding:6px 10px; min-height:34px; border:1px solid #9fa3ae30; border-radius:7px; background:#2f323c; color:#daeaba; font-size:10px; }
.update-episode-chips > span { color:#8d92a0; font-size:10px; align-self:center; }
@media(hover:hover) and (pointer:fine) {
 .history-card:hover,.source-update-card:hover { border-color:#c2dd8c66; }
 .history-actions button:hover,.history-selection button:not(:disabled):hover,.source-update-action:hover,.update-episode-chips button:hover { box-shadow:inset 0 0 0 1px #d5eca766; }
}
@media(max-width:1000px) {
 .history-toolbar { grid-template-columns:1fr; }
 .history-actions { max-width:160px; justify-content:flex-end; }
}
@media(max-width:700px) {
 .playback-history,.source-updates { padding:17px 14px; border-radius:16px; }
 .center-heading { align-items:flex-start; flex-direction:column; gap:13px; }
 .center-heading h2 { font-size:20px; }
 .center-heading > button { width:100%; }
 .center-scope { border:0; padding:0; font-size:10px; }
 .center-caption,.center-status { font-size:10px; }
 .history-toolbar { padding:10px; gap:10px; }
 .history-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .history-filters button { font-size:10px; padding:8px 5px; }
 .history-selection { align-items:flex-start; gap:10px; }
 .history-selection > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
 .history-card { display:grid; grid-template-columns:16px 45px minmax(0,1fr); gap:11px; padding:12px 10px; }
 .history-cover { width:45px; height:65px; }
 .history-copy strong { font-size:12px; }
 .history-copy > span { font-size:10px; }
 .history-copy time { font-size:9px; }
 .history-actions { grid-column:2 / -1; max-width:none; justify-content:flex-start; gap:5px; }
 .history-actions button { padding:7px 9px; font-size:9px; }
 .source-update-card { display:grid; grid-template-columns:43px minmax(0,1fr); gap:11px; padding:13px 11px; }
 .source-update-cover { width:43px; height:62px; }
 .source-update-title { font-size:12px; }
 .source-update-card strong { font-size:11px; }
 .source-update-card small { font-size:9px; }
 .source-update-action { grid-column:2; justify-self:start; font-size:10px; }
}
#episode-inbox { padding: 14px; margin: 0 0 16px; border: 1px solid #ffffff18; border-radius: 10px; background: #12161e; }
#episode-inbox h3 { margin: 0; font-size: 15px; }
#episode-inbox .center-heading { flex-wrap: wrap; }
#episode-inbox .center-scope { margin-left: 6px; }
#episode-inbox button { min-height: 36px; padding: 6px 10px; border: 1px solid #ffffff28; border-radius: 7px; background: #ffffff06; color: #dce3ec; font: inherit; font-size: 12px; }
#episode-inbox button[aria-pressed=true] { color: #e2c4a2; }
.inbox-list { list-style: none; margin: 0 0 14px; padding: 0; }
.inbox-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px 14px; flex-wrap: wrap; padding: 10px 0; border-bottom: 1px solid #ffffff13; }
.inbox-list small { display: block; margin-top: 4px; color: #a4afbf; }
.inbox-list li>div,.inbox-mutes>div { display: flex; flex-wrap: wrap; gap: 6px; }
.inbox-empty,.inbox-mutes { color: #a4afbf; font-size: 12px; }
.inbox-mutes summary { cursor: pointer; padding: 8px 0; }