.watch-widget{grid-template-rows:auto minmax(0,1fr) auto;gap:.35rem;min-width:0;min-height:0;padding:.75rem;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));}
.watch-widget-heading,.watch-widget footer,.watch-dialog-heading,.watch-dialog-heading>div,.watch-search-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.watch-widget-heading h2,.watch-dialog h2,.watch-dialog h3{margin:0}.watch-widget footer{justify-content:center;font-size:.76rem;color:var(--muted)}
.watch-widget-items{display:flex;align-items:stretch;gap:8px;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:0;scrollbar-width:none}.watch-widget-items::-webkit-scrollbar{display:none}.watch-widget-card{position:relative;flex:0 0 auto;height:100%;max-width:42%;padding:0;border:0;background:transparent;text-align:left;scroll-snap-align:center;color:inherit}.watch-widget-card:first-child{margin-left:auto}.watch-widget-card:last-child{margin-right:auto}.watch-widget-card img,.watch-widget-card .watch-poster-placeholder{display:block;width:auto;max-width:100%;height:calc(100% - 1.15rem);margin-inline:auto;aspect-ratio:2/3;object-fit:cover}.watch-widget-card img,.watch-poster{border-radius:11px;background:color-mix(in srgb,var(--text) 8%,var(--surface));box-shadow:0 8px 18px color-mix(in srgb,var(--text) 18%,transparent)}.watch-widget-card strong{display:block;margin-top:3px;font-size:.68rem;line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-poster{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}.watch-poster-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:2/3;border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--text) 6%,var(--surface)));color:var(--muted);font-size:1.5rem}.watch-widget-empty{flex:1;min-height:0;display:grid;place-items:center;text-align:center;color:var(--muted);margin:0}.watch-widget-empty button{margin-top:4px}
.watch-dialog{width:min(94vw,760px);max-height:min(88dvh,780px);padding:20px;border:0;border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #0005;overflow:auto}.watch-dialog::backdrop{background:#17203399;backdrop-filter:blur(7px)}.watch-dialog-heading{align-items:flex-start}.watch-dialog-heading p{margin:.2rem 0 0;color:var(--muted)}
.watch-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0 10px;padding:4px;border-radius:14px;background:color-mix(in srgb,var(--text) 7%,transparent)}.watch-type-tabs button,.watch-filters button{border:0;border-radius:10px;padding:9px 12px;background:transparent;color:inherit}.watch-type-tabs button[aria-selected=true],.watch-filters button[aria-pressed=true]{background:var(--surface);box-shadow:0 3px 12px #0002;color:var(--accent)}.watch-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.watch-filters button{white-space:nowrap;background:color-mix(in srgb,var(--text) 6%,transparent)}
.watch-search,.watch-saved{margin-top:12px}.watch-search-row{margin-top:8px}.watch-search-row input{width:100%;min-width:0;font:inherit;font-size:16px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:12px;background:var(--surface);color:inherit}.watch-search-results{display:grid;gap:6px;margin-top:8px}.watch-search-result{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:7px;border-radius:12px;background:color-mix(in srgb,var(--text) 5%,transparent)}.watch-search-result .watch-poster,.watch-search-result .watch-poster-placeholder{width:44px;border-radius:7px}.watch-search-result strong,.watch-item-copy strong{display:block}.watch-search-result small,.watch-item-copy small{color:var(--muted)}
.watch-items{display:grid;gap:7px;max-height:310px;overflow-y:auto;overscroll-behavior:contain;padding:2px}.watch-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;position:relative;padding:8px;border-radius:15px;background:color-mix(in srgb,var(--text) 5%,var(--surface));touch-action:pan-y}.watch-item .watch-poster,.watch-item .watch-poster-placeholder{width:58px;border-radius:8px}.watch-item-copy{min-width:0}.watch-item-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-item-copy select{max-width:100%;margin-top:5px;padding:5px;border-radius:8px;background:var(--surface);color:inherit}.watch-item-actions{display:grid;gap:5px}.watch-ratings{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:.72rem}.watch-ratings span,.watch-ratings a{color:var(--muted);text-decoration:none}.watch-ratings a{color:var(--accent)}.watch-item.is-dragging{z-index:5;box-shadow:0 16px 34px #0004;scale:1.015}.watch-items.is-reordering .watch-item:not(.is-dragging){transition:transform 180ms cubic-bezier(.2,.8,.2,1)}
.watch-category-manager{margin-top:16px}.watch-category-manager form,.watch-category-row{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin-top:8px}.watch-category-manager input{min-width:0;font:inherit;font-size:16px;padding:9px;border-radius:10px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);background:var(--surface);color:inherit}.watch-attribution{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);color:var(--muted);font-size:.68rem}.watch-attribution img{display:block;width:38px;height:auto}.watch-attribution p{margin:0}.watch-empty,#watchSearchStatus,#watchCategoryStatus{color:var(--muted)}
@media(max-width:390px){.watch-dialog{width:96vw;padding:15px}.watch-item{grid-template-columns:50px minmax(0,1fr) auto}.watch-item .watch-poster,.watch-item .watch-poster-placeholder{width:50px}.watch-search-result{grid-template-columns:40px 1fr auto}}
@media(max-width:330px){.watch-widget{padding:.6rem}.watch-widget-card strong{display:none}.watch-widget-card img,.watch-widget-card .watch-poster-placeholder{height:100%}.watch-dialog-heading{display:grid}.watch-search-result button{padding-inline:8px}.watch-ratings{gap:5px}}
@media(prefers-reduced-motion:reduce){.watch-items.is-reordering .watch-item:not(.is-dragging){transition:none}.watch-item.is-dragging{scale:1}}
.watch-widget-heading h2,.watch-dialog h2,.watch-dialog h3{font-size:var(--text-md);font-weight:var(--weight-semibold)}
.watch-widget-card strong,.watch-widget footer,.watch-ratings,.watch-attribution{font-size:var(--text-xs)}
.watch-dialog{font-size:var(--text-sm)}
.watch-item-copy select{font-size:16px}