.watchlist-page {
  --list-panel:#1b1e16;
  --list-panel-soft:#20261a;
  --list-border:#424833;
  --list-accent:#f4c568;
  --list-muted:#a5b28f;
  --list-track:#343d29;
  --list-complete:#b9d6a1;
  min-height:100vh;
  min-width:0;
  width:100%;
  overflow-x:hidden;
  overflow-x:clip;
  display:flex;
  flex-direction:column;
}
.watchlist-page,html.night-mode .watchlist-page { background:#0d0f0c; }
.watchlist-page::before,.watchlist-page::after { inset:0; transform:none; will-change:auto; }
.watchlist-main { flex:1; min-width:0; padding-bottom:26px; }
.watchlist-page main > section,.list-intro > * { min-width:0; }
.list-intro { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:center; gap:48px; padding:50px 0 42px; }
.list-intro h1 { margin:16px 0 19px; font-size:clamp(42px,5.8vw,72px); font-weight:650; line-height:1.08; letter-spacing:-2.8px; }
.list-intro h1 > span { color:var(--list-accent); }
.list-intro-copy > p { color:var(--list-muted); font-size:15px; line-height:1.85; }
.list-local-label { display:flex; align-items:center; gap:8px; margin-top:23px; color:var(--list-muted); font-size:11px; line-height:1.7; }
.list-local-label svg { width:15px; height:15px; color:var(--list-complete); }
.list-intro-card { padding:28px; border:1px solid var(--list-border); border-radius:26px; background:radial-gradient(ellipse at 50% 40%,#bc945b12,transparent 70%),var(--list-panel); }
.list-card-kicker { font-size:8px; letter-spacing:1.4px; color:var(--list-muted); }
.list-mini-covers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; max-width:380px; margin:21px auto 19px; }
.list-top-card { display:flex; flex-direction:column; width:100%; min-width:0; min-height:44px; padding:0; text-align:left; border-radius:12px; color:inherit; cursor:pointer; }
.list-top-card:focus-visible { outline:2px solid var(--list-accent); outline-offset:4px; }
.list-top-card .list-card-poster { position:relative; width:100%; height:auto; aspect-ratio:2/3; border:1px solid var(--list-border); box-shadow:0 8px 20px #0003; transition:border-color .25s; }
.list-top-card:hover .list-card-poster,.list-top-card:focus-visible .list-card-poster { border-color:var(--list-accent); }
.list-top-rank { position:absolute; top:6px; left:6px; display:grid; place-items:center; width:24px; height:24px; border:1px solid #f4c56866; border-radius:8px; background:#1b1e16e8; color:var(--list-accent); font-size:11px; font-weight:650; }
.list-top-card > strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; margin-top:9px; min-height:32px; font-size:11px; font-weight:550; line-height:1.45; }
.list-top-score { margin-top:5px; color:var(--list-accent); font-size:11px; font-variant-numeric:tabular-nums; }
.list-top-hint { margin-top:8px; color:var(--list-muted); font-size:10px; line-height:1.5; transition:color .25s; }
.list-top-card:hover .list-top-hint,.list-top-card:focus-visible .list-top-hint { color:var(--list-accent); }
.list-top-card:disabled { cursor:default; opacity:.6; }
.list-top-card .list-top-placeholder { display:flex; align-items:center; justify-content:center; border-style:dashed; background:var(--list-panel-soft); color:var(--list-muted); }
.list-top-placeholder svg { color:var(--list-accent); opacity:.55; }
.list-intro-card p > strong { display:block; font-size:14px; line-height:1.5; }
.list-intro-card p > span { display:block; margin-top:6px; color:var(--list-muted); font-size:11px; line-height:1.6; }
.list-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--list-border); border-radius:19px; background:var(--list-panel); margin-bottom:42px; overflow:hidden; }
.list-stats > div { padding:20px 24px; min-width:0; }
.list-stats > div + div { border-left:1px solid var(--list-border); }
.list-stats span { color:var(--list-muted); font-size:11px; }
.list-stats strong { display:block; margin-top:7px; color:var(--list-accent); font-size:28px; font-weight:550; font-variant-numeric:tabular-nums; }
.list-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }
.list-section-heading h2,.list-transfer h2 { margin-top:11px; font-size:28px; font-weight:600; line-height:1.3; letter-spacing:-.7px; }
.list-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; }
.list-filters,.list-add-tabs { display:flex; flex-wrap:wrap; gap:5px; padding:5px; border:1px solid var(--list-border); border-radius:13px; background:var(--list-panel); }
.list-filters button,.list-add-tabs button { min-height:44px; padding:10px 16px; border-radius:9px; color:var(--list-muted); font-size:12px; transition:background .25s,color .25s; }
.list-filters button:hover,.list-add-tabs button:hover,.list-filters button:focus-visible,.list-add-tabs button:focus-visible { background:#282a21; color:#f2d28b; }
.list-filters button.active,.list-add-tabs button.active { background:#e9bf6e; color:#282114; font-weight:650; box-shadow:0 2px 8px #0002; }
.list-filters button.active:hover,.list-add-tabs button.active:hover,.list-filters button.active:focus-visible,.list-add-tabs button.active:focus-visible { background:#f3cc78; color:#271f12; }
.list-search-tools { display:flex; gap:10px; flex-wrap:wrap; flex:1; justify-content:flex-end; min-width:0; }
.list-search { display:flex; align-items:center; gap:9px; min-width:0; border:1px solid var(--list-border); border-radius:11px; background:var(--list-panel); padding:0 12px; transition:border-color .2s,background .2s; }
.list-search:hover { border-color:#8e7d51; background:var(--list-panel-soft); }
.list-search svg { color:var(--list-muted); width:17px; height:17px; }
.list-search input { width:100%; min-width:0; min-height:44px; border:0; background:transparent; font-size:12px; outline:none; }
.list-search:focus-within { outline:2px solid var(--list-accent); outline-offset:3px; }
.list-search input::placeholder { color:var(--list-muted); opacity:.8; }
.list-search-tools > .list-search { flex:1; max-width:300px; min-width:150px; }
.list-search-tools select,.list-dialog select,.list-dialog input:not([type="radio"]):not([type="file"]),.list-dialog textarea { width:100%; min-width:0; min-height:44px; border:1px solid var(--list-border); border-radius:11px; background:var(--list-panel-soft); color:inherit; padding:11px 12px; font-size:13px; }
.list-search-tools select { width:auto; max-width:100%; background:var(--list-panel); font-size:11px; }
.list-search-tools select,.list-card-status { transition:border-color .2s,background .2s,color .2s; }
.list-search-tools select:hover,.list-card-status:hover { border-color:#8e7d51; background:#282a21; color:#f2d28b; }
.list-result-count { margin:18px 0 15px; color:var(--list-muted); font-size:11px; }
.watchlist-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.watchlist-card { min-width:0; padding:17px; border:1px solid var(--list-border); border-radius:20px; background:linear-gradient(145deg,var(--list-panel-soft),var(--list-panel)); transition:border-color .3s,box-shadow .3s; }
.watchlist-card:hover { border-color:var(--list-accent); box-shadow:0 10px 24px #0002; }
.list-card-top { display:grid; grid-template-columns:85px minmax(0,1fr); gap:15px; }
.list-card-poster { height:125px; overflow:hidden; border-radius:11px; background:var(--list-panel); }
.list-poster-image { width:100%; height:100%; object-fit:cover; }
.list-poster-fallback { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; width:100%; height:100%; background:radial-gradient(ellipse at 50% 40%,#bf994618,transparent 75%),var(--list-panel); color:var(--list-accent); }
.list-poster-fallback img { width:60%; max-height:70%; object-fit:contain; opacity:.8; }
.list-poster-fallback span { font-size:7px; letter-spacing:1px; text-align:center; }
.list-card-copy { min-width:0; }
.list-rating { margin-top:14px; }
.list-rating-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; color:var(--list-muted); font-size:10px; }
.list-rating-heading > span { display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-width:0; }
.list-rating-heading strong { color:var(--list-accent); font-size:11px; font-weight:550; font-variant-numeric:tabular-nums; }
.list-rating-clear { min-height:44px; padding:0 5px; border-radius:8px; color:var(--list-muted); font-size:10px; transition:background .2s,color .2s; }
.list-rating-clear:hover,.list-rating-clear:focus-visible { background:#282a21; color:#f2d28b; }
.list-rating-stars { display:flex; align-items:center; width:max-content; max-width:100%; }
.list-rating-star { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:10px; color:#647052; transition:color .25s,background .25s; }
.list-rating-star svg { width:25px; height:25px; }
.list-rating-star.is-filled { color:var(--list-accent); }
.list-rating-star.is-filled svg { fill:currentColor; }
.list-rating-star:hover { color:var(--list-accent); background:#f4c56810; }
.list-entry-form .list-rating { margin-top:0; padding:8px 14px 14px; border:1px solid var(--list-border); border-radius:13px; background:var(--list-panel-soft); }
.list-card-meta { color:var(--list-muted); font-size:9px; line-height:1.6; }
.list-card-copy h3 { margin:6px 0 9px; font-size:16px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.list-origin-label { display:inline-flex; align-items:center; gap:4px; border:1px solid var(--list-border); padding:4px 7px; border-radius:7px; color:var(--list-muted); font-size:9px; line-height:1.4; }
.list-origin-label--studio { color:var(--list-accent); }
.list-card-links { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; min-width:0; }
.list-card-links .list-origin-label { flex-shrink:0; }
.list-source-link { display:inline-flex; align-items:center; gap:6px; min-width:0; max-width:100%; min-height:44px; padding:5px 6px; border-radius:8px; color:var(--list-muted); font-size:10px; line-height:1.4; text-align:left; transition:background .2s,color .2s; }
.list-source-link:hover,.list-source-link:focus-visible { background:#282a21; color:#f2d28b; }
.list-card-progress { margin-top:18px; }
.list-card-progress > p { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:11px; color:var(--list-muted); }
.list-card-progress strong { color:var(--list-accent); font-size:14px; font-weight:550; font-variant-numeric:tabular-nums; }
.list-watch-track { margin-top:9px; height:5px; border-radius:3px; overflow:hidden; background:var(--list-track); }
.list-watch-track span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#b98e4b,var(--list-accent)); transition:width .4s ease; }
.list-card-progress .list-progress-completed { color:var(--list-complete); }
.list-card-controls { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:16px; }
.list-card-status { flex:1; min-width:0; min-height:44px; border:1px solid var(--list-border); border-radius:10px; background:var(--list-panel); padding:8px; color:var(--list-muted); font-size:11px; }
.list-progress-step { display:flex; align-items:center; gap:5px; }
.list-card-icon { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border:1px solid var(--list-border); border-radius:11px; color:var(--list-muted); transition:color .2s,border-color .2s,background .2s; }
.list-card-icon svg { width:16px; height:16px; }
.list-card-icon:not(:disabled):hover,.list-card-icon:focus-visible { color:#f2d28b; border-color:var(--list-accent); background:#282a21; }
.list-card-icon:disabled { opacity:.3; }
.list-card-complete[aria-pressed="true"] { color:var(--list-complete); background:var(--list-track); }
.list-card-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:13px; margin-top:13px; border-top:1px solid var(--list-border); }
.list-card-edit { display:flex; align-items:center; gap:6px; min-height:44px; padding:0 6px; border-radius:8px; color:var(--list-muted); font-size:11px; transition:background .2s,color .2s; }
.list-card-edit:hover,.list-card-edit:focus-visible { background:#282a21; color:#f2d28b; }
.list-card-notes { margin-top:13px; font-size:11px; line-height:1.7; color:var(--list-muted); white-space:pre-wrap; overflow-wrap:anywhere; }
.list-empty { padding:48px 20px; text-align:center; border:1px dashed var(--list-border); border-radius:20px; background:var(--list-panel); }
.list-empty-icon { display:grid; place-items:center; width:62px; height:62px; margin:0 auto 17px; border:1px solid var(--list-border); border-radius:18px; color:var(--list-accent); }
.list-empty h3 { font-size:21px; font-weight:550; }
.list-empty p { max-width:430px; margin:12px auto 22px; color:var(--list-muted); font-size:13px; line-height:1.8; }
.list-more { display:flex; margin:22px auto 0; }
.list-transfer { display:flex; align-items:center; justify-content:space-between; gap:35px; padding:28px; margin-top:42px; border:1px solid var(--list-border); border-radius:22px; background:var(--list-panel); }
.list-transfer > div:first-child { flex:1; min-width:0; max-width:740px; }
.list-transfer p { margin-top:13px; color:var(--list-muted); font-size:12px; line-height:1.8; }
.list-transfer small { display:block; margin-top:13px; color:var(--list-muted); font-size:10px; line-height:1.8; }
.list-transfer-actions { display:flex; flex-direction:column; gap:10px; flex-shrink:0; }
.list-file-button { position:relative; min-width:0; max-width:100%; overflow:hidden; cursor:pointer; }
.list-file-button input[type="file"] { position:absolute; inset:0; opacity:0; width:100%; height:100%; min-width:0; max-width:100%; pointer-events:none; }
.list-file-button:focus-within { outline:2px solid var(--list-accent); outline-offset:4px; }
.list-warning,.list-message { padding:15px 18px; margin-bottom:20px; border:1px solid var(--list-border); border-radius:13px; background:var(--list-panel); color:var(--list-accent); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.list-warning .soft-button { margin-top:12px; }
.list-message.is-error { color:#edc2ab; border-color:#945c4255; }
.list-dialog { width:760px; min-width:0; max-width:calc(100% - 32px); max-height:90dvh; margin:auto; padding:30px; border:1px solid var(--list-border); border-radius:23px; background:var(--list-panel); color:#f2f1ea; overflow-x:hidden; overflow-y:auto; box-shadow:0 20px 65px #0006; }
.list-dialog::backdrop { background:#050807c9; backdrop-filter:blur(5px); }
.list-dialog h2 { padding-right:25px; margin:12px 0 24px; font-size:27px; font-weight:600; line-height:1.3; letter-spacing:-.6px; }
.list-dialog .eyebrow { font-size:9px; letter-spacing:1.3px; }
.list-add-tabs { margin-bottom:20px; }
.list-dialog-search { margin-bottom:12px; }
.list-dialog .list-search input { border:0; background:transparent; padding:0; min-height:44px; }
.list-help { margin:11px 0 16px; font-size:12px; color:var(--list-muted); line-height:1.8; }
.list-discovery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.list-discovery-card { display:flex; align-items:center; gap:12px; min-width:0; min-height:114px; width:100%; padding:12px; text-align:left; border:1px solid var(--list-border); border-radius:13px; background:var(--list-panel-soft); color:inherit; }
.list-discovery-card { transition:border-color .2s,background .2s; }
.list-discovery-card:not(:disabled):hover,.list-discovery-card:focus-visible { border-color:var(--list-accent); background:#282a21; }
.list-discovery-card.is-selected { border-color:var(--list-accent); background:#282a21; }
.list-discovery-card > .list-card-poster { flex:0 0 57px; height:85px; border-radius:8px; }
.list-discovery-copy { flex:1; min-width:0; }
.list-discovery-copy strong { display:block; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.list-discovery-copy small { display:block; font-size:10px; line-height:1.5; color:var(--list-muted); margin-top:5px; }
.list-discovery-card > svg { width:17px; height:17px; color:var(--list-accent); }
.list-dialog label:not(.list-file-button):not(.list-import-option):not(.list-search) { display:flex; flex-direction:column; gap:8px; font-size:12px; color:var(--list-muted); min-width:0; }
.list-entry-form { display:flex; flex-direction:column; gap:18px; }
.list-entry-form small { font-size:10px; line-height:1.7; }
.list-entry-top { display:grid; grid-template-columns:108px minmax(0,1fr); gap:22px; }
.list-entry-poster { height:165px; overflow:hidden; border-radius:13px; background:var(--list-panel-soft); }
.list-entry-fields { display:flex; flex-direction:column; gap:14px; min-width:0; }
.list-form-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.list-cover-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.list-cover-actions .soft-button { font-size:11px; }
.list-cover-actions .list-help { margin:0; width:100%; font-size:10px; }
.list-dialog-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:10px; }
.list-small-dialog { width:520px; }
.list-import-option { display:flex; align-items:flex-start; gap:12px; padding:16px; border:1px solid var(--list-border); border-radius:13px; margin:12px 0; cursor:pointer; }
.list-import-option input { width:18px; height:18px; margin:3px 0 0; accent-color:var(--list-accent); flex-shrink:0; }
.list-import-option strong { font-size:13px; line-height:1.6; }
.list-import-option small { display:block; margin-top:5px; font-size:11px; line-height:1.8; color:var(--list-muted); }
.watchlist-page .gold-button,.watchlist-page .soft-button { min-height:44px; }
.watchlist-page .soft-button { border-color:var(--list-border); background:var(--list-panel-soft); color:var(--list-accent); }
.watchlist-page .soft-button:hover,.watchlist-page .soft-button:focus-visible,.watchlist-page .list-file-button:focus-within { border-color:var(--list-accent); background:#26291f; color:#ffda90; }
.watchlist-page .gold-button:focus-visible { background:#ffda90; color:#211a0d; }
.watchlist-page .dialog-close { transition:background .2s,color .2s; }
.watchlist-page .dialog-close:hover,.watchlist-page .dialog-close:focus-visible { background:#34352b; color:#fff; }
@media(max-width:1100px) { .watchlist-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:780px) {
  .list-intro { gap:25px; padding-top:30px; }
  .list-intro-card { padding:21px; }
  .list-intro h1 { letter-spacing:-1.8px; }
  .list-toolbar { align-items:stretch; flex-direction:column; }
  .list-search-tools { justify-content:stretch; }
  .list-search-tools > .list-search { max-width:none; }
  .list-transfer { align-items:flex-start; flex-direction:column; gap:24px; }
  .list-transfer-actions { flex-direction:row; flex-wrap:wrap; }
}
@media(max-width:600px) {
  .list-intro { grid-template-columns:1fr; padding-block:27px 30px; }
  .list-intro-card { padding:20px; }
  .list-intro-copy > p { font-size:13px; }
  .list-stats { margin-bottom:30px; border-radius:15px; }
  .list-stats > div { padding:14px 10px; }
  .list-stats span { font-size:9px; }
  .list-stats strong { font-size:24px; }
  .list-section-heading { align-items:flex-start; flex-direction:column; gap:18px; }
  .list-section-heading > .gold-button { width:100%; }
  .list-section-heading h2,.list-transfer h2 { font-size:24px; }
  .watchlist-grid { grid-template-columns:1fr; }
  .list-card-controls { flex-wrap:wrap; }
  .list-card-status { flex:1 0 100%; }
  .list-card-complete { margin-left:auto; }
  .list-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; }
  .list-filters button { padding:9px 3px; font-size:10px; }
  .list-search-tools { display:grid; grid-template-columns:1fr; }
  .list-search-tools > .list-search { min-width:0; }
  .list-search-tools select { width:100%; }
  .list-transfer { padding:22px; margin-top:30px; }
  .list-transfer-actions { width:100%; flex-direction:column; align-items:stretch; }
  .list-transfer-actions > * { flex:initial; width:100%; min-width:0; }
  .list-dialog { padding:24px 18px; border-radius:18px; }
  .list-dialog h2 { font-size:23px; }
  .list-discovery-grid { grid-template-columns:1fr; }
  .list-entry-top { grid-template-columns:75px minmax(0,1fr); gap:13px; }
  .list-entry-poster { height:115px; border-radius:10px; }
  .list-entry-top .list-form-columns { grid-template-columns:1fr; }
  .list-entry-form .list-rating { padding-inline:10px; }
  .list-add-tabs button { flex:1; padding:9px 6px; font-size:11px; }
  .list-dialog-actions > * { flex:1; }
  .list-top-dialog .list-dialog-actions > * { flex:1 0 100%; min-width:0; }
  .list-cover-actions > .soft-button { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  .watchlist-card,.list-filters button,.list-add-tabs button,.list-card-icon,.list-watch-track span,.list-rating-star,.list-top-card .list-card-poster,.list-top-hint,.list-rating-clear,.list-source-link,.list-card-edit,.list-search,.list-search-tools select,.list-card-status,.list-discovery-card,.watchlist-page .gold-button,.watchlist-page .soft-button,.watchlist-page .dialog-close { transition:none; }
  .watchlist-page .gold-button:hover { transform:none; }
}