.watchlist-page{max-width:900px;margin:0 auto;padding:24px 20px 80px}.watchlist-header{margin-top:16px;margin-bottom:24px}.watchlist-page .eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2.5px;color:#ff8058;margin-bottom:8px}.watchlist-header h1{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-.8px}.watchlist-header .subtitle{font-size:13px;color:#9da1b4;margin:0;line-height:1.5}.watchlist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#111219;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:20px}.toolbar-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#c4c7d7}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;background:#f53;color:#fff;border-radius:99px;font-size:11px;font-weight:800}.toolbar-search{position:relative;width:min(100%,280px)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#7a7e93;pointer-events:none}.toolbar-search input{width:100%;padding:7px 12px 7px 32px;background:#171822;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff;font-size:13px;outline:none;transition:border-color .2s ease}.toolbar-search input:focus{border-color:#ff6944}.watchlist-list{display:flex;flex-direction:column;gap:10px}.wl-row{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#12131b;border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:transform .2s ease,border-color .2s ease,opacity .2s ease,background .2s ease}.wl-row:hover{background:#161722;border-color:#ff694459;box-shadow:0 4px 16px #00000059}.wl-thumb{position:relative;width:64px;height:94px;border-radius:8px;overflow:hidden;background:#1a1b26;flex-shrink:0;text-decoration:none;display:block}.wl-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.wl-row:hover .wl-thumb-img{transform:scale(1.06)}.wl-thumb-badges{position:absolute;top:4px;left:4px;display:flex;flex-direction:column;gap:3px;z-index:2}.wl-badge{font-size:8px;font-weight:800;padding:2px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.wl-badge.dub{background:#f53;color:#fff}.wl-badge.vip{background:linear-gradient(135deg,gold,#f90);color:#1a1000}.wl-thumb-eps{position:absolute;bottom:4px;left:4px;background:#0e0f16e6;backdrop-filter:blur(4px);color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.3px;z-index:2}.wl-thumb-play{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease;z-index:1}.wl-row:hover .wl-thumb-play{opacity:1}.wl-content{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}.wl-details{min-width:0;flex:1}.wl-title{font-size:14px;font-weight:700;color:#fff;text-decoration:none;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.wl-title:hover{color:#ff8058}.wl-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#8c90a3;flex-wrap:wrap}.wl-tag{color:#ff9d82;font-weight:600}.wl-sep{color:#4b4e63}.wl-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-watch{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#ff69441f;border:1px solid rgba(255,105,68,.35);border-radius:7px;color:#ff7e5a;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn-watch:hover{background:#ff6944;border-color:#ff6944;color:#fff;box-shadow:0 4px 14px #ff694466}.btn-remove-wl{width:30px;height:30px;border-radius:7px;background:#ff47631a;border:1px solid rgba(255,71,99,.2);color:#ff4763;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-remove-wl:hover{background:#ff4763;border-color:#ff4763;color:#fff;transform:scale(1.05)}.ajax-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.page-nav{padding:6px 14px;background:#151620;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#c4c7d7;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.page-nav:hover:not(:disabled){background:#202230;border-color:#ff6944;color:#fff}.page-nav:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:6px}.page-num{min-width:32px;height:30px;padding:0 6px;border-radius:6px;background:#151620;border:1px solid rgba(255,255,255,.08);color:#9ea2b5;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.page-num:hover:not(.active){background:#202230;color:#fff}.page-num.active{background:#f53;border-color:#f53;color:#fff}.page-info{font-size:12px;color:#7d8196;margin-left:8px}.state-card{text-align:center;padding:56px 20px;background:#111219;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin:20px 0}.state-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#ffffff0d;color:#ff8058;margin-bottom:16px}.state-icon.heart{color:#f57;background:#ff55771a}.state-card h2{font-size:20px;font-weight:800;color:#fff;margin:0 0 8px}.state-card p{font-size:13px;color:#9da1b4;max-width:400px;margin:0 auto 20px;line-height:1.5}.state-no-match{text-align:center;padding:30px;color:#8c90a3;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(114deg,#ff9342,#ff623f,#ff354f);color:#fff;box-shadow:0 6px 18px #ff623f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff623f73}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff6944;border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.wl-row{gap:12px;padding:8px 10px}.wl-thumb{width:52px;height:76px}.wl-content{flex-direction:column;align-items:stretch;gap:8px}.wl-actions{justify-content:flex-end}.page-info{display:none}.watchlist-toolbar{flex-direction:column;align-items:stretch}.toolbar-search{width:100%}}
