/* Season picker on series pages: a row of season chips that scrolls sideways when there are many. */
.season-toolbar{gap:14px;padding:14px 22px}
.season-picker{position:relative;display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:3px;margin:-3px}
.season-picker::-webkit-scrollbar{display:none}
.season-picker.fade-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.season-picker.fade-start{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px);mask-image:linear-gradient(90deg,transparent,#000 36px)}
.season-picker.fade-start.fade-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}
.season-chip{flex:none;scroll-snap-align:center;display:grid;gap:3px;justify-items:start;min-width:100px;padding:9px 14px;border:1px solid var(--line,#e6e8ed);border-radius:10px;background:#fff;color:var(--ink,#20242c);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.season-chip:hover{border-color:#c4cad3;background:#f7f8fa}
.season-chip-name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;line-height:1.2}
.season-chip-meta{font-size:11.5px;font-weight:600;line-height:1.2;color:#75808e;white-space:nowrap}
.season-chip.has-subs .season-chip-name::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--green,#217c61)}
.season-chip.has-subs .season-chip-meta{color:var(--green,#217c61)}
.season-chip[aria-selected=true]{background:var(--ink,#20242c);border-color:var(--ink,#20242c);color:#fff}
.season-chip[aria-selected=true] .season-chip-meta{color:#c3c9d2}
.season-chip[aria-selected=true].has-subs .season-chip-meta{color:#8fd8bd}
.season-chip[aria-selected=true].has-subs .season-chip-name::after{background:#8fd8bd}
.season-chip:focus-visible{outline:2px solid var(--accent,#ee5937);outline-offset:2px}
#season-episode-count{flex:none}
@media(max-width:560px){.season-toolbar{padding:12px 15px}#season-episode-count{display:none}.season-chip{min-width:88px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.season-chip{transition:none}}