.watch-offer{z-index:10;right:env(safe-area-inset-right,0px);bottom:calc(78px + env(safe-area-inset-bottom));position:fixed}.watch-offer:not([data-phase=collapsed]){right:max(12px, env(safe-area-inset-right))}.watch-offer-room{height:124px}.watch-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb, var(--card) 88%, transparent);border:1px solid var(--line);color:var(--muted);cursor:pointer;font:400 11px/1 var(--sans);letter-spacing:.02em;border-right:0;border-radius:999px 0 0 999px;align-items:center;min-height:34px;padding:0 9px 0 8px;transition:color .18s;display:inline-flex;position:relative;box-shadow:0 1px 2px #30362f0f}.watch-pill-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .22s,opacity .16s,margin .22s;overflow:hidden}:is(.watch-pill:hover .watch-pill-label,.watch-pill:focus-visible .watch-pill-label){opacity:1;max-width:12em;margin-left:8px}@media (min-width:900px){.watch-pill-label{animation:5.2s 1.4s watch-introduce}}@keyframes watch-introduce{0%,to{opacity:0;max-width:0;margin-left:0}6%,88%{opacity:1;max-width:12em;margin-left:8px}}:is(.watch-pill:hover,.watch-pill:focus-visible){color:var(--ink)}.watch-pill:focus-visible{outline:2px solid var(--rust);outline-offset:3px}.watch-eyes{background:var(--ink);border-radius:999px;gap:3px;padding:4px 5px;transition:background .18s;display:flex}.watch-eyes i{background:var(--paper);border-radius:50%;width:4px;height:4px;transition:translate .18s;display:block}:is(.watch-pill:hover .watch-eyes,.watch-pill:focus-visible .watch-eyes){background:var(--rust)}:is(.watch-pill:hover .watch-eyes i,.watch-pill:focus-visible .watch-eyes i){animation:.22s .12s watch-blink}:is(.watch-pill:hover .watch-eyes i:first-child,.watch-pill:focus-visible .watch-eyes i:first-child){translate:-1px}:is(.watch-pill:hover .watch-eyes i:last-child,.watch-pill:focus-visible .watch-eyes i:last-child){translate:1px}@keyframes watch-blink{0%,to{scale:1}50%{scale:1 .15}}.watch-panel{background:var(--card);border:1px solid var(--card-line);border-top:2px solid var(--card-top);color:var(--ink);width:300px;padding:18px 18px 16px;animation:.16s ease-out watch-rise;box-shadow:0 3px 4px #333a2810,0 16px 34px #333a2806}@keyframes watch-rise{0%{opacity:0;translate:0 6px}}.watch-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.watch-panel h2{color:var(--ink);font:400 21px/1.15 var(--serif);text-wrap:balance;margin:0}.watch-panel p{color:#596252;margin:12px 0 0;font-size:13px;line-height:1.45}.watch-panel .watch-terms{color:var(--muted);margin-top:6px;font-size:11px}.watch-dismiss{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;flex:none;width:32px;height:32px;padding:0;font-size:20px;line-height:1}.watch-dismiss:hover{color:var(--ink)}.watch-panel form{gap:8px;margin-top:14px;display:grid}.watch-panel input{border:1px solid var(--card-line);color:var(--ink);background:#fffcf6;border-radius:0;width:100%;min-height:44px;padding:0 10px;font-size:14px}.watch-panel button[type=submit]{background:var(--rust);border:1px solid var(--rust);color:var(--card);cursor:pointer;width:100%;min-height:44px;font-size:13px}.watch-panel button[type=submit]:hover{background:var(--rust-deep);border-color:var(--rust-deep)}:is(.watch-panel input:focus-visible,.watch-panel button:focus-visible){outline:2px solid var(--rust);outline-offset:2px}.watch-panel .watch-error{color:var(--rust);margin-top:8px;font-size:12px}.watch-panel .watch-joined{color:var(--ink);font:400 19px/1.3 var(--serif);margin:0}.watch-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1560px){.watch-offer{right:max(16px, env(safe-area-inset-right))}.watch-pill{border-right:1px solid var(--line);border-radius:999px;padding-right:12px}.watch-pill-label{opacity:1;max-width:none;margin-left:8px}}@media (max-width:760px){.watch-offer-room{height:48px}.watch-pill{padding:0 3px 0 5px}.watch-eyes{padding:3px 4px}}@media (max-width:520px){.watch-pill:before{content:"";position:absolute;inset:-5px 0}.watch-offer:not([data-phase=collapsed]){bottom:calc(8px + env(safe-area-inset-bottom));left:8px;right:8px}.watch-offer:not([data-phase=collapsed]) .watch-panel{width:auto}.watch-dismiss{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.watch-pill,.watch-pill-label,.watch-eyes,.watch-eyes i{transition:none}.watch-pill:hover .watch-eyes i,.watch-pill-label,.watch-panel{animation:none}.watch-pill:focus-visible .watch-eyes i{animation:none}:is(.watch-pill:hover .watch-eyes i:first-child,.watch-pill:hover .watch-eyes i:last-child,.watch-pill:focus-visible .watch-eyes i:first-child,.watch-pill:focus-visible .watch-eyes i:last-child){translate:none}}