body.watchlist-open{overflow:hidden}.watchlist-overlay{position:fixed;inset:0;background:rgba(0,0,0,0);visibility:hidden;transition:background .28s ease,visibility 0s .28s;z-index:100}.watchlist-overlay.is-open{background:rgba(0,0,0,.68);visibility:visible;transition-delay:0s}.watchlist-drawer{position:absolute;right:0;top:0;width:min(480px,100%);height:100%;background:#101012;border-left:1px solid var(--line);box-shadow:-30px 0 80px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .36s cubic-bezier(.22,.8,.22,1);display:flex;flex-direction:column}.watchlist-overlay.is-open .watchlist-drawer{transform:none}.watchlist-drawer>header{padding:34px 32px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.watchlist-drawer h2{font:800 38px/1 var(--font-display);letter-spacing:-.05em;margin:8px 0 7px}.watchlist-total{color:var(--muted);font-size:13px}.watchlist-close,.watchlist-remove{border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;border-radius:50%;display:grid;place-items:center}.watchlist-close{width:42px;height:42px;font-size:25px}.watchlist-close:hover,.watchlist-remove:hover{border-color:var(--ink);background:var(--ink);color:#111}.watchlist-content{overflow:auto;padding:8px 32px 32px}.watchlist-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.watchlist-item>a{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:16px;min-width:0}.watchlist-item img{width:64px;aspect-ratio:2/3;object-fit:cover;border-radius:2px;background:#1b1b1e}.watchlist-item span{min-width:0}.watchlist-item strong{font-size:15px;line-height:1.25;display:block;margin-bottom:7px}.watchlist-item small{font-size:12px;color:var(--muted);display:block}.watchlist-remove{width:34px;height:34px;font-size:20px}.watchlist-empty{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.watchlist-empty>span{font-size:54px;color:var(--lime);font-weight:200}.watchlist-empty h3{font:750 30px/1.1 var(--font-display);letter-spacing:-.04em;margin:18px 0 10px}.watchlist-empty p{color:var(--muted);line-height:1.6;margin:0 0 26px;max-width:330px}@media(max-width:560px){.watchlist-drawer>header,.watchlist-content{padding-left:22px;padding-right:22px}.watchlist-drawer{border-left:0}.watchlist-drawer h2{font-size:34px}}