/* Email-link confirmation uses the same floating field as signup. */
html.reader-finish-active,html.reader-finish-active body{width:100%;max-width:100%;overflow:hidden}
.reader-finish-active body>[inert]{display:none!important}
.reader-finish-overlay{
 --reader-bg:#fff;--reader-text:#202124;--reader-muted:#616161;--reader-field:#fff;--reader-border:#808080;--reader-link:#343434;--reader-error:#b92d2d;
 position:fixed;inset:0;z-index:2147483600;overflow:auto;display:flex;flex-direction:column;padding:0;
 color-scheme:light dark;background:var(--reader-bg);color:var(--reader-text);font-family:"Helvetica Neue","Segoe UI",Arial,sans-serif;
}
.reader-finish-overlay,.reader-finish-overlay *{box-sizing:border-box}
.reader-finish-overlay .reader-access-card{width:100%;max-width:460px;padding-block:24px}
.reader-finish-overlay .reader-access-card>img{display:block;height:auto}
.reader-finish-overlay .reader-access-card h1{font-size:clamp(28px,3vw,36px);font-weight:650;line-height:1.2;margin:36px 0 22px;letter-spacing:-.8px;color:var(--reader-text)}
.reader-finish-overlay .reader-access-card p{font-size:17px;line-height:1.6;color:var(--reader-muted)}
.reader-finish-overlay .reader-access-card button{appearance:none;width:100%;min-height:52px;border:0;border-radius:4px;padding:14px 20px;background:#ff5500;color:#fff;font:600 17px "Helvetica Neue","Segoe UI",Arial,sans-serif;cursor:pointer;margin:22px 0 4px}
.reader-finish-overlay .reader-access-card button:hover:not(:disabled){background:#e64d00}
.reader-finish-overlay .reader-access-card button:disabled{opacity:.6;cursor:wait}
.reader-finish-overlay .reader-access-card a{color:var(--reader-link);text-decoration:underline;text-underline-offset:3px}
.reader-finish-overlay .reader-access-card button:focus-visible,.reader-finish-overlay .reader-access-card a:focus-visible{outline:2px solid var(--reader-text);outline-offset:4px}
.reader-finish-overlay [hidden]{display:none!important}
.reader-finish-overlay .reader-access-card form{margin-top:28px}
.reader-finish-overlay .reader-finish-field{
 position:relative;display:block;width:100%;height:60px;margin:0;background:var(--reader-field);border:1px solid var(--reader-border);border-radius:4px;
 transition:box-shadow .15s ease;
}
.reader-finish-overlay .reader-finish-field:not(.error):focus-within{
 border-color:var(--reader-text)!important;box-shadow:0 0 0 2px var(--reader-bg),0 0 0 4px var(--reader-text);z-index:1;
}
.reader-finish-overlay .reader-finish-field input{
 appearance:none;width:100%;height:100%;padding:24px 16px 8px;margin:0;border:0;border-radius:4px;outline:none;box-shadow:none;background:transparent;color:var(--reader-text);font:16px/22px "Helvetica Neue","Segoe UI",Arial,sans-serif;
}
.reader-finish-overlay .reader-finish-field .netflix-label{
 position:absolute;left:16px;top:50%;transform:translateY(-50%);display:block;max-width:calc(100% - 32px);margin:0;color:var(--reader-muted);font-size:16px;line-height:20px;font-weight:400;pointer-events:none;transition:top .15s ease,font-size .15s ease,transform .15s ease;
}
.reader-finish-overlay .reader-finish-field:focus-within .netflix-label,
.reader-finish-overlay .reader-finish-field input:not(:placeholder-shown)+.netflix-label,
.reader-finish-overlay .reader-finish-field input:autofill+.netflix-label{top:7px;transform:none;font-size:12px;font-weight:500}
.reader-finish-overlay .reader-finish-field:has(input[aria-invalid=true]){border-color:var(--reader-error)!important}
.reader-finish-overlay .reader-finish-field input:autofill{box-shadow:inset 0 0 0 100px var(--reader-field);-webkit-text-fill-color:var(--reader-text)}
.reader-finish-overlay .reader-finish-back{display:block;margin-top:24px;font-size:15px}
.reader-finish-overlay .reader-access-card p:empty{display:none}
@media(prefers-color-scheme:dark){.reader-finish-overlay{--reader-bg:#141414;--reader-text:#f1f1f1;--reader-muted:#b8b8b8;--reader-field:#202020;--reader-border:#808080;--reader-link:#e0e0e0;--reader-error:#ff8b85}}
@media(max-width:600px){.reader-finish-overlay .reader-access-main{padding:32px 24px}.reader-finish-overlay .reader-access-card{padding-block:16px}.reader-finish-overlay .reader-access-card h1{margin-top:30px}.reader-finish-overlay .reader-access-card p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.reader-finish-overlay .reader-finish-field,.reader-finish-overlay .reader-finish-field .netflix-label{transition:none}}

.reader-access-main{display:flex;align-items:center;justify-content:center;flex:1 0 auto;min-height:65vh;padding:64px 24px}
.reader-finish-overlay .reader-access-card{max-width:480px}
.reader-email-row{display:flex;align-items:center;gap:16px;justify-content:space-between;background:var(--reader-field);border:1px solid var(--reader-border);border-radius:4px;padding:16px;margin:28px 0}
.reader-email-row span{min-width:0;overflow-wrap:anywhere}.reader-email-row a{flex:none;font-size:14px}
.reader-finish-overlay .reader-access-card .reader-resend{width:auto;min-height:44px;padding:8px 0;margin:0;background:transparent;color:var(--reader-text);text-decoration:underline;font-size:16px}
.reader-finish-overlay .reader-access-card .reader-resend:hover:not(:disabled){background:transparent}

.reader-finish-overlay .reader-access-card button:active:not(:disabled):not(.reader-resend){background:#cc4400}

/* Login steps share the original header, backdrop and footer. */
#loginView>[hidden]{display:none!important}
.reader-finish-overlay.reader-login-panel{
 --reader-bg:#050505;--reader-text:#fff;--reader-muted:#9ca3af;--reader-field:rgba(26,26,26,.8);--reader-border:#707070;--reader-link:#d1d5db;--reader-error:#ff8b85;
 position:static;inset:auto;z-index:auto;overflow:visible;display:block;width:100%;max-width:28rem;background:transparent;color-scheme:dark;font-family:inherit;
}
.reader-login-panel.reader-finish-overlay .reader-access-card{max-width:none;padding:0}
.reader-login-panel.reader-finish-overlay .reader-access-card h1{font-size:24px;line-height:32px;letter-spacing:normal;font-weight:700;margin:0 0 32px;text-align:center}
.reader-login-panel.reader-finish-overlay .reader-access-card p{font-size:14px;line-height:22px}
.reader-login-panel.reader-finish-overlay .reader-email-row{margin:24px 0;border-radius:4px;font-size:16px}
.reader-login-panel.reader-finish-overlay .reader-access-card .reader-resend{font-size:14px}