.watch-history-page{min-height:100vh;background:radial-gradient(circle at 85% 10%,rgba(184,156,255,.13),transparent 28%),var(--night)}
.watch-history-main{padding:70px clamp(22px,7vw,110px) 110px}.watch-history-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.watch-history-heading h1{margin-bottom:14px;font-size:clamp(3.5rem,8vw,7.5rem)}.watch-history-heading p{margin:0;color:var(--muted)}.share-watchlist-button{flex:0 0 auto;margin-bottom:8px}
.collection-section{margin:58px 0 36px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,rgba(215,255,100,.07),rgba(184,156,255,.09))}.collection-heading{display:flex;justify-content:space-between;gap:25px;align-items:end}.collection-heading h2{margin:0;font-size:2rem}.collection-heading p{margin:0;color:var(--muted)}.collection-chips{display:flex;gap:10px;overflow-x:auto;padding-top:22px}.collection-chip{flex:0 0 auto;padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:white;cursor:pointer}.collection-chip.active,.collection-chip:hover{border-color:var(--lime);background:var(--lime);color:var(--night)}
.library-controls{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 18px;align-items:end}.library-controls label{display:grid;min-width:165px;gap:6px;color:var(--muted);font-size:.76rem}.library-controls select{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:white}.watch-history-status{margin:0 0 22px;color:var(--muted)}
.full-history-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.full-history-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.full-history-poster{width:100%;aspect-ratio:2/3;object-fit:cover;background:#302b3a}.history-remove{position:absolute;z-index:5;top:10px;right:10px;display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(10,10,14,.86);color:white;cursor:pointer;font-size:1.15rem;line-height:1;backdrop-filter:blur(7px)}.history-remove:hover{border-color:#ff9d9d;background:#522a31;color:#fff}.full-history-copy{padding:14px}.full-history-copy h3{margin:0 0 5px;font-size:1rem}.full-history-copy>p{margin:0;color:var(--muted);font-size:.78rem}.history-badge{display:inline-block;margin-bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(215,255,100,.13);color:var(--lime);font-size:.66rem;font-weight:800;text-transform:uppercase}.history-progress{margin-top:9px!important;color:var(--lime)!important;font-weight:800}.history-actions{display:flex;gap:6px;margin-top:12px}.history-actions button{display:grid;width:31px;height:31px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:white;cursor:pointer}.history-actions button:hover{border-color:var(--purple);color:var(--purple)}.history-hearts{display:flex;margin-top:10px}.history-hearts button{padding:1px;border:0;background:transparent;color:#56545d;cursor:pointer;font-size:1.05rem}.history-hearts button.on{color:var(--lime)}.history-empty{grid-column:1/-1;padding:60px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}
#historyProgressDialog{width:min(940px,calc(100% - 24px));max-height:94vh;overflow-x:hidden}#historyProgressForm{min-width:0}.history-episode-list{display:flex;width:100%;min-width:0;max-width:100%;gap:14px;overflow-x:auto;padding:3px 2px 17px}.history-episode{min-width:min(285px,78vw);flex:0 0 min(285px,78vw);overflow:hidden;padding:0;border:1px solid var(--line);border-radius:15px;background:var(--night);color:white;cursor:pointer;text-align:left}.history-episode.selected{border-color:var(--lime);background:#20251b}.history-episode img,.history-episode-placeholder{display:grid;width:100%;aspect-ratio:16/9;object-fit:cover;place-items:center;background:#302b3a}.history-episode-copy{display:block;padding:14px}.history-episode-copy strong,.history-episode-copy small{display:block}.history-episode-copy small{margin:5px 0;color:var(--lime)}.history-episode-copy p{margin:8px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}#historyProgressForm select{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--night);color:white}#historyProgressSave{width:min(240px,100%);justify-self:center}
@media(max-width:1100px){.full-history-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.full-history-grid{grid-template-columns:repeat(3,1fr)}.collection-heading{display:block}.collection-heading p{margin-top:8px}}@media(max-width:560px){.watch-history-main{padding-top:42px}.full-history-grid{grid-template-columns:repeat(2,1fr)}.library-controls label{min-width:calc(50% - 6px)}.history-actions{gap:4px}}
.release-badge-slot:empty{display:none}.release-badge{display:inline-block;margin:0 0 8px;padding:5px 8px;border-radius:999px;background:rgba(184,156,255,.2);color:#d9c9ff;font-size:.62rem;font-weight:800}.release-badge.new{background:var(--lime);color:var(--night)}.release-badge.upcoming{background:var(--purple);color:#17121f}.release-panel{margin:0 0 22px;padding:17px;border:1px solid rgba(215,255,100,.28);border-radius:14px;background:rgba(215,255,100,.07)}.release-panel .eyebrow{margin:0 0 7px}.release-panel h3{margin:0 0 7px}.release-panel p:not(.eyebrow){margin:4px 0;color:var(--muted);font-size:.85rem}
.share-watchlist-dialog{width:min(610px,calc(100% - 28px));padding:32px}.share-watchlist-dialog h2{margin:8px 0 10px;font-size:2rem}.share-watchlist-dialog>p:not(.eyebrow){color:var(--muted);line-height:1.55}.share-watchlist-dialog label{display:block;margin:22px 0 7px;color:var(--muted);font-size:.8rem}.share-link-row{display:flex;gap:8px}.share-link-row input{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--night);color:white}.share-dialog-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.danger-button{padding:11px 14px;border:1px solid #8e4c58;border-radius:10px;background:transparent;color:#ffabb6;cursor:pointer}
@media(max-width:650px){.watch-history-heading{display:block}.share-watchlist-button{margin-top:22px}.share-link-row{align-items:stretch}.share-dialog-actions>*{flex:1 1 100%}}