@import url("/static/customer-feedback.css?v=e76296312c48b9087c81");
.delivery-more-actions button{display:flex;align-items:center;gap:10px}.delivery-more-actions svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.delivery-tv-entry{position:relative;display:block;width:min(100%,460px);aspect-ratio:3/2;padding:0;margin:24px auto 2px;overflow:hidden;border:1px solid #ffffff20;border-radius:18px;background:#101727;cursor:pointer;color:#fff;text-align:center}.delivery-tv-entry[hidden],#customer-tv-menu[hidden]{display:none!important}.delivery-tv-entry img{display:block;width:100%;height:100%;object-fit:cover}.tv-room-screen{position:absolute;top:19%;left:26%;width:49%;height:29%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-shadow:0 2px 12px #0008}.tv-room-screen strong{font-size:clamp(19px,3vw,25px);font-weight:600;letter-spacing:3px}.tv-room-screen span{font-size:12px;color:#a9c2e9}.tv-room-link{position:absolute;left:0;right:0;bottom:9%;font-size:13px;text-shadow:0 2px 8px #000}.delivery-tv-entry:hover{border-color:#759ed4}.delivery-tv-entry:focus-visible{outline:2px solid #7eafff;outline-offset:4px}
.delivery-tv-dialog{width:min(1340px,98vw);max-width:98vw;height:94dvh;max-height:94dvh;padding:0;border:1px solid #414c60;border-radius:20px;background:#090c14;overflow:hidden}.delivery-tv-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.delivery-tv-dialog iframe{display:block;border:0;width:100%;height:100%}@media(max-width:760px){.delivery-tv-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}}

.delivery-tv-entry{border:0;background:transparent!important;overflow:visible;width:min(100%,360px);border-radius:0}.delivery-tv-entry img{object-fit:contain}.tv-room-screen{top:12%;left:8%;width:84%;height:66%}.tv-room-link{bottom:25%;font-size:12px;color:#b5cff2}.delivery-tv-entry:hover{filter:brightness(1.1)}

.pin-hand-host{position:relative;overflow:visible!important}.delivery-pin-anchor{position:absolute;width:86px;height:0;z-index:15;pointer-events:none;opacity:0}.delivery-pin-anchor.ready{opacity:1}.delivery-pin-hand{display:block;width:100%;position:absolute;left:-3.44px;top:-33.54px;pointer-events:none;transform-origin:4% 39%}.delivery-pin-anchor.ready .delivery-pin-hand{animation:pin-point 3.2s ease-in-out infinite}.delivery-pin-anchor.leaving{opacity:0;transition:opacity .15s}.delivery-pin-anchor.leaving .delivery-pin-hand{animation:none;transform:scale(.65) rotate(-10deg);transition:transform .15s}@keyframes pin-point{0%,100%{opacity:0;transform:scale(.6) rotate(var(--pin-angle,-15deg))}7%,78%{opacity:1;transform:scale(1) rotate(var(--pin-angle,-15deg))}30%,60%{transform:scale(1) rotate(calc(var(--pin-angle,-15deg) + 10deg))}88%{opacity:0;transform:scale(.7) rotate(var(--pin-angle,-15deg))}}@media(max-width:600px){.delivery-pin-anchor{width:74px}.delivery-pin-hand{left:-2.96px;top:-28.86px}}

.delivery-more-actions button[hidden]{display:none!important}.family-pin-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;border:1px solid #ffffff26;border-radius:20px;background:#151c2b;color:#eef3ff;padding:24px}.family-pin-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.family-pin-close{float:right;width:36px!important;padding:4px!important;background:transparent!important;font-size:25px}.family-pin-dialog h2{font-size:21px;margin:4px 0 24px}.family-pin-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 36px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff12}.family-pin-row img{width:42px;height:42px;border-radius:7px;object-fit:cover}.family-pin-row span{overflow-wrap:anywhere}.family-pin-row strong{font-size:14px;letter-spacing:1px}.family-pin-row .pin-eye{width:36px;margin:0;padding:7px}.family-pin-dialog p{font-size:13px;color:#aeb9ca;line-height:1.7}

/* The delivery launcher must not leave a native touch/focus overlay above the guide. */
.delivery-tv-entry,#customer-tv-menu{-webkit-tap-highlight-color:transparent}
.tv-guide-open .delivery-tv-entry{visibility:hidden;outline:none!important;filter:none}
.tv-guide-open #customer-tv-menu{outline:none!important}
.delivery-tv-dialog:focus,.delivery-tv-dialog iframe:focus{outline:none}

/* Shared TV tutorial preparation and reminders. */

#prepare-retry,#reload{display:block;margin:26px auto 0;min-width:144px;min-height:46px;padding:11px 22px;border:1px solid #5d9af3;border-radius:14px;background:#2679ec;color:#fff;font:inherit;font-size:14px;line-height:1.5;box-shadow:none}
#prepare-retry[hidden],#reload[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){#prepare-retry:hover,#reload:hover{background:#3588fa;border-color:#83b6ff}}
#prepare-progress{display:block;margin:18px auto 0}
.tv-shared-stay{animation:tv-stay-pulse 1.8s ease-in-out infinite!important;pointer-events:none}
@keyframes tv-stay-pulse{0%,100%{opacity:.18}45%,60%{opacity:1}}
button{-webkit-tap-highlight-color:transparent}
@media(prefers-reduced-motion:reduce){#prepare-retry,#reload{display:block;margin:26px auto 0;min-width:144px;min-height:46px;padding:11px 22px;border:1px solid #5d9af3;border-radius:14px;background:#2679ec;color:#fff;font:inherit;font-size:14px;line-height:1.5;box-shadow:none}
#prepare-retry[hidden],#reload[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){#prepare-retry:hover,#reload:hover{background:#3588fa;border-color:#83b6ff}}
#prepare-progress{display:block;margin:18px auto 0}
.tv-shared-stay{animation:none!important}}


[data-tv-preparation]{max-width:430px;margin:70px auto;text-align:center;padding:24px;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
[data-tv-preparation] #prepare-status{color:#b4cbea;font-size:14px;margin:16px auto;min-height:24px}
[data-tv-preparation] .prepare-caption{font-size:13px;line-height:1.6;margin:16px 0;color:#8d9bb2}
[data-tv-preparation] #prepare-progress{display:block;width:min(280px,100%);height:5px;border:0;border-radius:5px;margin:18px auto 0;accent-color:#87b9ff;overflow:hidden}
[data-tv-preparation] #prepare-progress::-webkit-progress-bar{background:#222e42}
[data-tv-preparation] #prepare-progress::-webkit-progress-value{background:#87b9ff}
[data-tv-preparation] .prepare-orbit{width:38px;height:38px;margin:0 auto 22px;border:2px solid #2d405d;border-top-color:#a3cbff;border-radius:50%;animation:tv-preparation-spin 1s linear infinite}
@keyframes tv-preparation-spin{to{transform:rotate(360deg)}}

body.tv-preparing{font-family:Arial,"Microsoft YaHei",sans-serif;background:#080b13;color:#f5f6fa}
.tv-preparing main{max-width:1000px;margin:auto;padding:28px 24px 34px}
.tv-preparing header{display:flex;justify-content:space-between;align-items:center;margin:0 0 38px}
.tv-preparing header b{font-size:23px}.tv-preparing header button{font:14px Arial,"Microsoft YaHei",sans-serif;padding:10px 13px;border:1px solid #ffffff24;border-radius:16px;background:transparent;color:#f5f6fa}
.tv-preparing h1{font-size:32px;margin:0 0 18px;line-height:normal}
.tv-preparing main>.muted{font-size:16px;margin:0 0 30px;color:#9198a9;line-height:1.7}
.tv-preparing footer{display:none}
@media(max-width:600px){.tv-preparing main{padding:22px 16px 28px}.tv-preparing header{margin-bottom:34px}.tv-preparing header b{font-size:21px}.tv-preparing h1{font-size:27px}.tv-preparing main>.muted{margin-bottom:25px}}

/* Provider-neutral tutorial controls. New providers use these same hosts. */
.tv-pair-host{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:transparent;backdrop-filter:blur(5px);font-family:Arial,"Microsoft YaHei",sans-serif}
.tv-pair-host[hidden]{display:none!important}
.tv-pair-host>.pair-panel{box-sizing:border-box;width:min(340px,94%);margin:0;padding:16px 20px;border-radius:16px;background:#161e30df;border:1px solid #ffffff24;box-shadow:0 14px 36px #0006;text-align:center;animation:tv-pair-pop .2s cubic-bezier(.2,.8,.2,1) both}
.tv-pair-host .pair-panel h3{font-size:19px;line-height:1.3;margin:0 0 6px;color:#f4f5fa}
.tv-pair-host .pair-panel p{font-size:13px;line-height:1.4;margin:0;color:#b9c5d9}
.tv-pair-host .pair-panel .digits{display:flex;justify-content:center;align-items:center;gap:5px;margin:12px 0 0}
.tv-pair-host .pair-panel .digit{box-sizing:border-box;width:25px;flex:0 0 25px;height:34px;font:18px Arial;padding:0;text-align:center;color:white;border:1.5px solid #e64c61;border-radius:6px;background:#0a1322;outline:none}
.tv-pair-host .digit:focus{border-color:#ff8292;box-shadow:0 0 0 3px #e64c6128}
.tv-pair-host .dash{color:#ff7184;font-size:18px;width:12px;text-align:center}
.tv-pair-host .pair-panel .error{min-height:18px;margin-top:5px}
.tv-pair-host .pair-success{color:#83d6b0;font-size:32px;line-height:1;margin-bottom:10px}
.tv-pair-host .pair-panel.shake{animation:tv-pair-shake .35s ease}
@keyframes tv-pair-pop{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@keyframes tv-pair-shake{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
#hand-anchor{position:absolute;inset:0;z-index:95;pointer-events:none}
.tv .tv-shared-pointer{position:absolute;width:10%;height:auto;display:block;z-index:95;pointer-events:none;transform-origin:15% 43%;animation:tv-pointer-rock 1.5s ease-in-out infinite}
.tv .tv-shared-pointer.entering{animation:tv-pointer-rock 1.5s ease-in-out infinite,tv-pointer-enter .16s ease-out both}
.tv .tv-shared-pointer.leaving{animation:tv-pointer-rock 1.5s ease-in-out infinite,tv-pointer-exit .12s ease-in both}
@keyframes tv-pointer-rock{0%,100%{transform:translate(-15%,-43%) rotate(calc(var(--angle,0deg) - 1.5deg))}50%{transform:translate(calc(-15% - 4px),-43%) rotate(calc(var(--angle,0deg) + 1.5deg))}}
@keyframes tv-pointer-enter{0%{opacity:0;scale:.72}75%{opacity:1;scale:1.035}100%{opacity:1;scale:1}}
@keyframes tv-pointer-exit{to{opacity:0;scale:.8}}
@media(max-width:760px){.tv .tv-shared-pointer{width:12%}.tv-pair-host>.pair-panel{padding:10px 12px}.tv-pair-host .pair-panel h3{font-size:17px}.tv-pair-host .pair-panel .digits{margin-top:8px}.tv-pair-host .pair-panel .digit{height:30px}}
@media(prefers-reduced-motion:reduce){.tv .tv-shared-pointer,.tv .tv-shared-pointer.entering,.tv .tv-shared-pointer.leaving,.tv-pair-host>.pair-panel{animation:none}}

.tv.tv-guide-shell{--tv-bezel:5px;position:relative;padding:var(--tv-bezel);border:0;border-radius:22px;background:linear-gradient(150deg,#59616e,#151922 40%,#3b424d);isolation:isolate;overflow:visible}
.tv.tv-guide-shell:after{content:'';position:absolute;inset:0;border:var(--tv-bezel) solid transparent;border-radius:inherit;box-shadow:inset 0 0 0 1px #4a5162;pointer-events:none;z-index:90}
.tv.tv-guide-shell>.screen{position:relative;width:100%;height:auto;padding:0;aspect-ratio:16/9;border-radius:17px;overflow:hidden;clip-path:inset(0 round 17px);background:#000}
.tv.tv-guide-shell>.tv-pointer-layer{position:absolute;inset:var(--tv-bezel);z-index:95;pointer-events:none}
/* Captured decoder frames contain a few black edge pixels; bleed artwork under the bezel uniformly. */
.tv-guide-shell .tv-recorded-art{transform:scale(1.009);transform-origin:center}
.tv-guide-shell .screen>.tv-recorded-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
@media(max-width:760px){.tv.tv-guide-shell{--tv-bezel:4px;border-radius:16px}.tv.tv-guide-shell>.screen{border-radius:12px;clip-path:inset(0 round 12px)}}

.tv-guide-shell:has(.blackout.on)>.tv-pointer-layer{visibility:hidden}

.tv .tv-shared-stay{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);max-width:90%;padding:1.8% 3%;border:0;border-radius:12px;background:#fff;color:#252b36;font:clamp(10px,calc(var(--screen-unit,4px)*1.55),16px)/1.5 Arial,"Microsoft YaHei",sans-serif;text-align:center;white-space:nowrap;z-index:12}
.tv-shared-notice{box-sizing:border-box;width:min(420px,90vw);max-width:90vw;padding:27px;border:1px solid #ffffff38;border-radius:24px;background:#182031;color:#fff}
.tv-shared-notice::backdrop{background:#03070ccc;backdrop-filter:blur(5px)}
.tv-shared-notice h2{font-size:23px;margin:0 0 14px}.tv-shared-notice p{font-size:16px;line-height:1.8}.tv-shared-notice button{width:100%;margin-top:10px}

/* One customer tutorial layout, independent of recorded provider artwork. */
.tv-tutorial{font:16px/1.7 system-ui,sans-serif;background:#090c14;color:#f4f5fa}
.tv-tutorial main{max-width:1280px;margin:auto;padding:30px 24px}
.tv-tutorial header{display:flex;justify-content:space-between;align-items:center;margin:0}
.tv-tutorial header b{font-size:16px}
.tv-tutorial header button{font:inherit;padding:12px 20px;border-radius:14px;background:#171d2b;border:1px solid #30394c}
.tv-tutorial h1{font-size:34px;margin:28px 0 8px}
.tv-tutorial main>.muted{color:#8c97ae;margin:0;line-height:1.7}
.tv-tutorial .layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(250px,1fr);gap:30px;align-items:start;margin-top:24px}
.tv-tutorial .copy{display:grid;grid-template-rows:auto;align-content:start;gap:10px;margin:0;min-width:0}
.tv-tutorial .copy h2{font-size:23px;line-height:1.4;margin:0}
.tv-tutorial .copy #desc{font-size:16px;line-height:1.6;margin:0;min-height:0}
.tv-tutorial .actions,.tv-tutorial .guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.tv-tutorial .actions button,.tv-tutorial .guide-actions button{font:inherit;font-size:15px;white-space:nowrap;margin:0;padding:10px 8px;min-width:0;height:48px;min-height:48px;border-radius:14px}
.tv-tutorial footer{font-size:13px;margin-top:28px;color:#8490a6}
@media(max-width:760px){.tv-tutorial main{padding:20px 15px}.tv-tutorial h1{font-size:27px}.tv-tutorial .layout{grid-template-columns:1fr;margin-top:20px;gap:22px}.tv-tutorial .copy h2{font-size:22px}}

/* Shared trailing attention link: Netflix email / Disney acknowledgement help. */
.tv-copy-line{display:flow-root;line-height:1.75;color:#bbc1ce}
.tv-copy-line #desc{display:inline}.tv-copy-line #desc.has-prefix{display:block}.tv-copy-line #desc:empty{display:none}
.tv-copy-last-line{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.tv-copy-last-line>span{white-space:nowrap}
.tv-copy-line .tv-copy-link{display:inline-flex;align-items:center;gap:5px;flex:none;padding:0;margin:0;border:0;border-radius:0;background:none;color:white;font-size:inherit;font-weight:700;line-height:inherit;text-shadow:0 0 9px #ffffff60;white-space:nowrap}
.tv-copy-link .attention-dot{position:relative;display:inline-block;flex:none;width:5px;height:5px;margin:0 6px;border-radius:50%;background:white;box-shadow:0 0 5px white}
.tv-copy-link .attention-dot:before,.tv-copy-link .attention-dot:after{content:'';position:absolute;inset:-2px;border:1px solid #fff9;border-radius:50%;animation:tv-white-wave 2s ease-out infinite}.tv-copy-link .attention-dot:after{animation-delay:1s}
@keyframes tv-white-wave{from{transform:scale(.6);opacity:.8}to{transform:scale(2.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.tv-copy-link .attention-dot:before,.tv-copy-link .attention-dot:after{animation:none}}

/* Match the original Netflix return control on every provider. */
.tv-tutorial header #back,.tv-tutorial header #tv-guide-back{padding:6px 10px;font-size:13px;line-height:1.7;background:transparent;border-color:#334052;color:#b7c4da}
.tv-tutorial h1{line-height:1.7}

html.tv-guide-open,html.tv-guide-open body{overflow:hidden;overscroll-behavior:none}
.tv-delivery-help{box-sizing:border-box;width:min(520px,calc(100vw - 32px));padding:26px;border:1px solid #3c475b;border-radius:24px;background:#181e2b;color:#eef3fa}
.tv-delivery-help::backdrop{background:#0009;backdrop-filter:blur(6px)}
.tv-delivery-help p{line-height:1.8;color:#c7d0df}
.tv-delivery-help .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.tv-delivery-help button{min-width:0}

html.tv-content-fits{overflow-y:hidden;overscroll-behavior-y:none}

/* Preserve natural Chinese wrapping; the help link trails the final line. */
.tv-tutorial .tv-copy-line #desc{white-space:normal;word-break:normal}
.tv-tutorial .tv-copy-line .tv-copy-link{float:none;margin:0;line-height:inherit}
.tv-tutorial .tv-delivery-help .actions{grid-template-columns:1fr}
.tv-delivery-help ol{padding-left:1.5em;color:#c7d0df;line-height:1.8}
.tv-delivery-help li+li{margin-top:12px}
.tv-tutorial .tv-retry-confirm .actions{grid-template-columns:1fr 1fr}

.delivery-tv-queue{width:min(440px,calc(100vw - 40px));padding:28px;border:1px solid #3a4659;border-radius:24px;background:#161c29;color:#eef3fc}.delivery-tv-queue p{line-height:1.7;color:#bac7da}.delivery-tv-queue button{width:100%}.delivery-tv-queue::backdrop{background:#0009;backdrop-filter:blur(6px)}

.tv-tutorial .tv-copy-line #desc.has-prefix{display:block}
.tv-tutorial .tv-copy-line .tv-copy-last-line{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;line-height:inherit}
.tv-tutorial .tv-copy-line .tv-copy-last-line>.tv-copy-link,.tv-tutorial .tv-copy-line .tv-copy-last-line>#view-login-email{float:none;min-height:0;margin:0;padding:0;font-size:inherit;line-height:inherit;align-self:center}
