.watchlist-page{padding:calc(var(--header-height,60px) + 2rem) clamp(1rem, 4vw, 3.5rem) 4rem;max-width:1500px;min-height:100vh;margin:0 auto}.watchlist-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.watchlist-head__title-group{flex-direction:column;gap:.35rem;display:flex}.watchlist-head__title{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800}.watchlist-head__sub{color:var(--text-secondary);font-size:.95rem}.watchlist-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.watchlist-search{align-items:center;min-width:220px;display:flex;position:relative}.watchlist-search__icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:12px}.watchlist-search__input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md,12px);width:100%;color:var(--text-primary);padding:8px 32px 8px 36px;font-size:.88rem;transition:all .2s}.watchlist-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.watchlist-search__clear{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1;position:absolute;right:10px}.watchlist-search__clear:hover{color:var(--text-primary)}.watchlist-filters{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.watchlist-select{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md,12px);color:var(--text-primary);cursor:pointer;outline:none;padding:8px 12px;font-size:.85rem;font-weight:500;transition:border-color .2s}.watchlist-select:focus{border-color:var(--accent)}.watchlist-tabs-nav{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:.75rem}.watchlist-tabs-scroll{scrollbar-width:none;align-items:center;gap:.5rem;padding:4px 0;display:flex;overflow-x:auto}.watchlist-tabs-scroll::-webkit-scrollbar{display:none}.watchlist-tab{color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:7px 14px;font-size:.86rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.watchlist-tab:hover{color:var(--text-primary);border-color:#fff3;transform:translateY(-1px)}:root[data-mode=light] .watchlist-tab:hover,:root[data-theme=light] .watchlist-tab:hover{border-color:#0003}.watchlist-tab--active{box-shadow:0 4px 14px var(--accent-subtle);background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.watchlist-tab__count{background:#ffffff24;border-radius:999px;padding:2px 6px;font-size:11px}:root[data-mode=light] .watchlist-tab:not(.watchlist-tab--active) .watchlist-tab__count,:root[data-theme=light] .watchlist-tab:not(.watchlist-tab--active) .watchlist-tab__count{background:#00000014}.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.5rem 1.2rem;display:grid}@media (min-width:1024px){.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.watchlist-card-container{flex-direction:column;gap:6px;display:flex}.watchlist-card__shelf-bar{justify-content:center;padding-top:2px;display:flex}.history-list{flex-direction:column;gap:.75rem;max-width:820px;display:flex}.history-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md,12px);align-items:center;gap:1rem;padding:.9rem 1.1rem;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 4px 14px #00000040}.history-item:hover{border-color:#fff3;transform:translate(4px)}:root[data-mode=light] .history-item:hover,:root[data-theme=light] .history-item:hover{border-color:#0000002e}.history-item__play{background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.history-item__play:hover{background:var(--accent);color:#fff;transform:scale(1.08)}.history-item__body{min-width:0;color:inherit;flex:1;text-decoration:none}.history-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.history-item__meta{color:var(--text-tertiary);margin-top:.25rem;font-size:.8rem}.history-item__bar{background:var(--bg-tertiary);border-radius:4px;height:4px;margin-top:.5rem;overflow:hidden}.history-item__bar-fill{background:var(--accent);border-radius:4px;height:100%}.history-item__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.history-item__remove{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .15s}.history-item__remove:hover{color:var(--danger);background:#ef44441f}@media (max-width:768px){.watchlist-page{padding:calc(var(--header-height,58px) + 1rem) 12px calc(84px + env(safe-area-inset-bottom,16px))}.watchlist-head{gap:.85rem;margin-bottom:1rem}.watchlist-head__title{font-size:1.6rem}.watchlist-controls{gap:8px;width:100%}.watchlist-search{width:100%;min-width:100%}.watchlist-search__input{padding:10px 32px 10px 36px;font-size:16px!important}.watchlist-filters{gap:8px;width:100%;display:flex}.watchlist-select{flex:calc(50% - 4px);padding:10px 8px;font-size:14px}.watchlist-tabs-nav{margin-bottom:1.25rem;padding-bottom:.5rem}.watchlist-tabs-scroll{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.watchlist-tab{scroll-snap-align:start;min-height:40px;padding:8px 14px;font-size:13px}.watchlist-grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}.history-item{gap:10px;padding:10px 12px}.history-item__poster{width:52px;height:78px}.history-item__title{font-size:13.5px}.history-item__actions{gap:4px}.history-item__play,.history-item__remove{justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;display:flex}}