/* Continue Watching controls measured from the public Allflix reference. */
/* Keep the first/last cards aligned with the heading, but put the scrolling
   boundary outside them so their enlarged artwork has room on both sides. */
#history-grid{--rail-bleed:min(40px,var(--page-gutter));position:relative;grid-auto-columns:288px;width:calc(100% + var(--rail-bleed) + var(--rail-bleed));margin:-8px calc(-1 * var(--rail-bleed));padding:8px var(--rail-bleed);scroll-padding-inline:var(--rail-bleed);scroll-snap-type:none}
#history-section .section-heading{align-items:center}
/* Transparent edge controls match the reference without shading a rectangular strip. */
#history-section .rail-controls button{display:none;top:calc(var(--rail-top) + var(--rail-height)/2);bottom:auto;width:48px;height:48px;background:transparent;color:#fff;scale:1;transform:translateY(-50%) scale(1);transform-origin:center;filter:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);z-index:60}
#history-section .rail-controls button[data-direction="-1"]{left:calc(16px - var(--page-gutter))}
#history-section .rail-controls button[data-direction="1"]{right:calc(16px - var(--page-gutter))}
#history-section .rail-controls button:hover{transform:translateY(-50%) scale(1.1)}
#history-section .rail-controls button svg{width:40px;height:40px;stroke-width:1.5;filter:drop-shadow(0 3px 3px #0000001f)}
@media(min-width:1024px){#history-section .rail-controls button:not(:disabled){display:grid}}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) #history-section .rail-controls button{transition:none}}
:where(html[data-motion=reduced]) #history-section .rail-controls button{transition:none}
.continue-heading-actions{display:flex;align-items:center;gap:10px}
.continue-edit-button{position:relative;display:block;width:24px;height:24px;padding:4px;color:#ffffff80;border:0;border-radius:0;background:transparent;transition:color .3s}
.continue-edit-button:hover{color:#fff;background:transparent}
.continue-edit-button svg{position:absolute;inset:0;margin:auto;width:16px;height:16px;fill:currentColor;stroke:none;filter:none;transition:opacity .2s ease-out,transform .2s ease-out}
.continue-edit-button .continue-edit-pencil{opacity:1;transform:scale(1)}
.continue-edit-button .continue-edit-close{opacity:0;transform:scale(.75);pointer-events:none}
.continue-edit-button[aria-pressed=true] .continue-edit-pencil{opacity:0;transform:scale(.75);pointer-events:none}
.continue-edit-button[aria-pressed=true] .continue-edit-close{opacity:1;transform:scale(1)}
.continue-edit-button:focus-visible,.continue-remove:focus-visible,.continue-reorder:focus-visible{outline:2px solid #fff;outline-offset:2px}
.continue-card{transform:none;opacity:1}
.continue-art{border-radius:16px;background:#1a1a1a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .3s ease-out}
.continue-art:hover{transform:scale(1.05)}
.continue-art:active{transform:scale(.95)}
.continue-card .continue-image{transform:none;transition:filter .5s ease-out}
.continue-card:hover .continue-image{transform:none}
.continue-art:hover .continue-image{filter:brightness(1.1)}
.continue-play{background:transparent}
.continue-play>span{display:none}
.continue-progress{height:3px}
.continue-progress::-webkit-progress-bar{background:#ffffff33}
.continue-progress::-webkit-progress-value{border-radius:0 999px 999px 0}
.continue-copy{padding:10px 2px 0}
.continue-title{font-size:15px;font-weight:700;line-height:1.25;color:#fff}
.continue-meta{margin-top:2px;font-size:13px;font-weight:500;line-height:1.5;color:#ffffff80}
.continue-menu{position:absolute;top:4px;right:4px;width:36px;height:36px;z-index:20}
.continue-menu[open]{z-index:70}
.continue-menu summary{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;opacity:1;transform:scale(1);transition:opacity .2s ease-out,transform .3s}
.continue-menu summary:hover,.continue-menu[open] summary{background:transparent}
.continue-menu summary:hover{transform:scale(1.1)}
.continue-menu summary>svg.mf-icon,.continue-menu summary>svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 3px 3px #0000001f)}
.continue-menu summary:focus-visible{outline:2px solid #fff;outline-offset:0}
.continue-menu-panel{position:fixed;top:auto;right:auto;width:256px;max-width:calc(100vw - 16px);max-height:min(352px,70vh);overflow:hidden;padding:0;border:1px solid var(--af-glass-panel-border,#ffffff1a);border-radius:12px;background:var(--af-glass-panel,#10101085);color:#fff;box-shadow:0 25px 80px #0000008c,inset 0 1px 0 var(--af-glass-panel-highlight,#ffffff14);-webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%);z-index:100;animation:continue-menu-in .16s ease-out both}
.continue-menu-heading{margin:0;padding:8px 12px;border-bottom:1px solid #ffffff1a;font-size:12px;font-weight:400;line-height:16px;color:#ffffff80}
.continue-list-empty{margin:0;padding:8px 12px;font-size:14px;line-height:20px;color:#ffffff66}
.continue-list-new{display:block;width:100%;padding:8px 12px;text-align:left;border-top:1px solid #ffffff1a;font-size:14px;line-height:20px;font-weight:400;color:#ffffffcc;transition:background-color .15s,color .15s}
.continue-list-new:hover,.continue-list-new:focus-visible,.continue-list-option:hover{background:#ffffff1a;color:#fff}
.continue-list-new:disabled,.continue-list-option:disabled{opacity:.45;cursor:default}
.continue-list-options{max-height:224px;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:#5b615d transparent}
.continue-list-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;text-align:left;font-size:14px;font-weight:400;line-height:20px;color:#ffffffcc;cursor:pointer;transition:background-color .15s,color .15s}
.continue-list-option:active{background:#ffffff26}
.continue-list-option[aria-pressed=true]{background:#ffffff14;font-weight:500;color:#fff}
.continue-list-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.continue-list-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:var(--theme-global-accentA,#fff);opacity:0;transform:scale(.75);pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}
.continue-list-check svg{width:16px;height:16px}
.continue-list-option[aria-pressed=true] .continue-list-check{opacity:1;transform:scale(1)}
.continue-new-form{display:flex;align-items:center;gap:8px;padding:8px 12px;animation:continue-menu-view .14s ease-out both}
.continue-new-form input{display:block;flex:1;min-width:0;width:auto;background:transparent;border:0;border-radius:0;outline:none;padding:0;color:#fff;font:inherit;font-size:14px;line-height:20px}
.continue-new-form>div{display:flex;align-items:center;flex:none;gap:2px}
.continue-new-form button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;padding:0;border-radius:999px;background:transparent;color:#ffffff8c}
.continue-new-form button svg{width:16px;height:16px}
.continue-new-form .continue-create-confirm{color:var(--theme-global-accentA,#fff)}
.continue-new-form .continue-create-confirm[aria-disabled=true]{opacity:.35}
.continue-new-form button:hover{background:#ffffff1a;color:#fff}
.continue-list-error{margin:0;padding:8px 12px;color:#ffffff8c;font-size:14px;line-height:20px}
.continue-reorder{display:none}
.continue-remove{position:absolute;display:flex;align-items:center;justify-content:center;z-index:20;top:4px;right:4px;width:36px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;opacity:0;transform:scale(.9);pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}
.continue-remove-icon{display:inline-flex;transform-origin:50%}
.continue-remove-icon svg{width:20px;height:20px;filter:drop-shadow(0 3px 3px #0000001f)}
.continue-editing .continue-menu{pointer-events:none}
.continue-editing .continue-menu summary{opacity:0;transform:scale(.9);pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out}
.continue-editing .continue-play{pointer-events:none}
.continue-editing .continue-reorder{position:absolute;inset:0;display:block;padding:0;background:transparent;color:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.continue-editing .continue-remove{opacity:1;transform:scale(1);pointer-events:auto}
.continue-editing .continue-remove:hover{transform:scale(1.1);background:transparent;color:#fff}
.continue-editing .continue-remove:active{transform:scale(.95)}
.continue-editing .continue-remove-icon{animation:continue-remove-shake .28s linear infinite}
.continue-editing .continue-title{cursor:default}
.continue-card.continue-removing{pointer-events:none;transform:scale(.95);opacity:0;transition:opacity .2s ease-out,transform .2s ease-out}
.continue-removing .continue-remove-icon{animation:none}
.continue-editing #history-grid{scroll-snap-type:none;user-select:none;-webkit-user-select:none}
@keyframes continue-remove-shake{0%,50%,100%{transform:rotate(0)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}
@keyframes continue-menu-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes continue-menu-view{from{opacity:0}to{opacity:1}}
.continue-dragging{opacity:.22;outline:1px dashed #ffffff88;outline-offset:2px;border-radius:12px}
.continue-drag-active{cursor:grabbing}
.continue-drag-ghost{position:fixed;top:0;left:0;margin:0;z-index:30;pointer-events:none;will-change:transform;opacity:.96;filter:drop-shadow(0 18px 22px #0008);transform-origin:center}
.continue-drag-ghost .continue-menu,.continue-drag-ghost .continue-play,.continue-drag-ghost .continue-remove{display:none}
.continue-drag-ghost .continue-art{box-shadow:0 0 0 2px #ffffffaa}
.continue-drag-ghost .continue-image{transform:none}
.continue-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){#history-grid{grid-auto-columns:240px}}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion=full])) .continue-remove-icon,:where(html:not([data-motion=full])) .continue-menu-panel,:where(html:not([data-motion=full])) .continue-new-form{animation:none}:where(html:not([data-motion=full])) :is(.continue-edit-button,.continue-edit-button svg,.continue-remove,.continue-menu summary,.continue-art,.continue-image,.continue-list-check,.continue-removing){transition:none}}
:where(html[data-motion=reduced]) :is(.continue-remove-icon,.continue-menu-panel,.continue-new-form){animation:none}
:where(html[data-motion=reduced]) :is(.continue-edit-button,.continue-edit-button svg,.continue-remove,.continue-menu summary,.continue-art,.continue-image,.continue-list-check,.continue-removing){transition:none}