.history-entry { flex-shrink:0; border:1px solid var(--line,#38443c); border-radius:20px; background:transparent; color:var(--text,#edf3ed); padding:9px 12px; cursor:pointer; }
#watchHistoryDialog { box-sizing:border-box; margin:auto; width:min(640px,calc(100vw - 24px)); max-height:80vh; padding:24px; background:var(--panel,#18201b); color:var(--text,#edf3ed); border:1px solid var(--line,#38443c); border-radius:20px; }
#watchHistoryDialog::backdrop { background:rgba(0,0,0,.65); }
.history-head,.history-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.history-head h2 { margin:0; font-size:22px; }
#watchHistoryDialog button { padding:8px 14px; border-radius:18px; border:1px solid var(--line,#536050); color:inherit; background:transparent; cursor:pointer; }
#watchHistoryDialog button:focus-visible,.history-entry:focus-visible { outline:2px solid var(--accent,#b8ee00); outline-offset:3px; }
#watchHistoryDialog button:disabled { opacity:.5; cursor:wait; }
.history-note,.history-row p { color:var(--muted,#a0ada3); font-size:13px; }
.history-row { padding:18px 0; border-top:1px solid var(--line,#38443c); margin-top:14px; }
.history-row h3 { margin:0; overflow-wrap:anywhere; font-size:17px; }
.history-row progress { display:block; width:100%; height:5px; margin:12px 0; accent-color:var(--accent,#b8ee00); }
@media(max-width:700px) { .history-entry { padding:7px 9px; font-size:12px; } #watchHistoryDialog { padding:18px; } }

.history-row { display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; }
.history-thumb { position:relative; align-self:start; display:grid; place-items:center; aspect-ratio:16/10; border-radius:10px; overflow:hidden; background:var(--surface,#28352c); color:var(--muted,#a0ada3); }
.history-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.history-details { min-width:0; }
@media(max-width:480px) { .history-row { grid-template-columns:84px minmax(0,1fr); gap:12px; } .history-actions { gap:8px; } #watchHistoryDialog .history-actions button { padding:7px 10px; font-size:12px; } }
