/* Local visual revision: original footage only; no duplicated or blurred fills. */
body.video-entry-page:not(.is-authenticated){overflow:visible}
body.video-entry-page .entry-video-host,body.video-entry-page #cinematicBackdrop{inset:0;width:100%;height:100%;margin:0;padding:0;max-width:none;background:#294b4a}
body.video-entry-page .entry-video-host .qvs-video,body.video-entry-page #cinematicBackdrop .cinematic-landscape{inset:0;width:100%;height:100%;transform:none;object-fit:cover;object-position:50% 50%;filter:none;-webkit-mask-image:none;mask-image:none}
body.video-entry-page #cinematicBackdrop::before{content:none}
body.video-entry-page .cinematic-copy{left:max(clamp(28px,6.2vw,118px),env(safe-area-inset-left));top:50%;width:min(320px,28vw);text-align:left}
body.video-entry-page .cinematic-copy h1{font-size:clamp(58px,5.8vw,90px);line-height:1.3;letter-spacing:.16em}
body.video-entry-page .cinematic-kicker{margin-bottom:19px;letter-spacing:.22em}
body.video-entry-page .cinematic-subtitle{margin:20px 0 27px;font-size:12px;line-height:1.9}
body.video-entry-page .cinematic-enter{min-height:48px;padding-inline:26px}
/* Centre the whole card in the current visual viewport, including keyboards.
   Only the card has a mild glass filter; the scene itself stays untouched. */
body.video-entry-page .auth-gate{display:grid;align-items:center;justify-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto;overscroll-behavior:contain;transition:opacity .48s ease,visibility 0s .48s}
body.video-entry-page .auth-gate .modal{width:min(360px,100%);padding:29px 29px 28px;border-radius:24px;background:rgba(255,253,248,.92);border:1px solid rgba(255,255,255,.88);box-shadow:0 14px 45px rgba(31,66,57,.13),inset 0 1px rgba(255,255,255,.92);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);max-height:calc(var(--qiyu-auth-viewport-height,100dvh) - 48px);overflow-y:auto;transform:translateY(8px)!important;transition:opacity .48s ease,transform .58s cubic-bezier(.22,.7,.3,1)!important;text-align:left}
body.video-entry-page.has-entered.auth-ready:not(.is-authenticated) .auth-gate .modal{transform:translateY(0)!important}
body.video-entry-page .auth-gate h2{font-size:29px;line-height:1.4;letter-spacing:.13em;margin:0;color:#334b48}
body.video-entry-page .auth-gate .modal-copy{margin:10px 0 25px;font-size:12px;line-height:1.85;color:#61746d}
body.video-entry-page .auth-gate form{gap:17px}
body.video-entry-page .auth-gate form>label{gap:7px;font-size:12px;color:#566a62}
body.video-entry-page .auth-gate input{height:47px;min-height:47px;background:rgba(255,254,251,.96);color:#314a42;font-size:16px}
body.video-entry-page .auth-gate .modal-submit{height:47px;min-height:47px;margin-top:5px;font-size:14px}
@media(max-width:760px) and (orientation:portrait){
 body.video-entry-page .entry-video-host .qvs-video,body.video-entry-page #cinematicBackdrop .cinematic-landscape{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}
 body.video-entry-page .cinematic-copy,body.video-entry-page.is-entering .cinematic-copy{top:auto;right:max(24px,env(safe-area-inset-right));bottom:max(clamp(34px,6svh,64px),calc(env(safe-area-inset-bottom) + 24px));left:max(24px,env(safe-area-inset-left));width:auto;transform:none;text-align:center}
 body.video-entry-page .cinematic-copy h1{font-size:39px;letter-spacing:.18em;text-indent:.18em;line-height:1.3}
 body.video-entry-page .cinematic-kicker{margin-bottom:10px;font-size:8px}
 body.video-entry-page .cinematic-subtitle{margin:12px 0 21px;font-size:11px;line-height:1.85}
 body.video-entry-page .cinematic-enter{min-width:168px;min-height:46px;padding:10px 24px}
 body.video-entry-page .auth-gate{align-items:center;justify-items:center;padding:max(20px,env(safe-area-inset-top)) max(21px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(21px,env(safe-area-inset-left));background:none}
 body.video-entry-page .auth-gate .modal{width:min(348px,100%);padding:25px 25px 24px;border-radius:23px;max-height:calc(var(--qiyu-auth-viewport-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px);background:rgba(255,253,248,.94)}
 body.video-entry-page .auth-gate h2{font-size:27px}
 body.video-entry-page .auth-gate .modal-copy{margin:9px 0 22px;font-size:11px;line-height:1.85}
 body.video-entry-page .auth-gate form{gap:15px}
 body.video-entry-page .auth-gate input,body.video-entry-page .auth-gate .modal-submit{height:46px;min-height:46px}
}
@media(max-width:760px) and (max-height:700px) and (orientation:portrait){
 body.video-entry-page .cinematic-copy,body.video-entry-page.is-entering .cinematic-copy{bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px))}
 body.video-entry-page .cinematic-copy h1{font-size:35px}
 body.video-entry-page .cinematic-subtitle{margin:10px 0 17px;font-size:10px}
 body.video-entry-page .auth-gate .modal{padding:22px 23px}
 body.video-entry-page .auth-gate .modal-copy{margin:7px 0 18px}
}
@media(max-height:540px) and (orientation:landscape){
 body.video-entry-page .cinematic-copy,body.video-entry-page.is-entering .cinematic-copy{top:50%;bottom:auto;width:min(250px,32vw);transform:translateY(-50%)}
 body.video-entry-page .cinematic-copy h1{font-size:46px}
 body.video-entry-page .cinematic-kicker{margin-bottom:8px}
 body.video-entry-page .cinematic-subtitle{margin:10px 0 16px}
 body.video-entry-page .auth-gate{padding:12px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left))}
 body.video-entry-page .auth-gate .modal{width:min(340px,100%);padding:20px 24px;max-height:calc(var(--qiyu-auth-viewport-height,100dvh) - 24px)}
 body.video-entry-page .auth-gate h2{font-size:24px}
 body.video-entry-page .auth-gate .modal-copy{margin:7px 0 15px}
 body.video-entry-page .auth-gate form{gap:11px}
 body.video-entry-page .auth-gate input,body.video-entry-page .auth-gate .modal-submit{height:44px;min-height:44px}
}
body.video-entry-page.auth-keyboard-open .auth-gate{align-items:center;padding-top:10px;padding-bottom:10px}
body.video-entry-page.auth-keyboard-open .auth-gate .modal{max-height:calc(var(--qiyu-auth-viewport-height,100dvh) - 20px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.video-entry-page .auth-gate .modal{background:rgba(255,253,248,.98)}}
@media(prefers-reduced-motion:reduce){body.video-entry-page .auth-gate,body.video-entry-page .auth-gate .modal{transition:none!important}}