.reader-auth{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);max-height:calc(100dvh - var(--spacing-rem-3));overscroll-behavior:contain;max-width:100%;padding:var(--spacing-rem-2);width:min(30rem,100% - var(--spacing-rem-2));margin:auto;overflow-y:auto}.reader-auth::backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reader-auth__brand{font-family:var(--font-serif);font-size:var(--text-wordmark);margin-bottom:var(--spacing-rem-1-5);font-weight:600}.reader-auth__brand span{color:var(--primary)}.reader-auth__close{border:1px solid var(--border);border-radius:var(--radius);height:var(--touch-h);right:var(--spacing-rem-1);top:var(--spacing-rem-1);width:var(--touch-h);justify-content:center;align-items:center;display:flex;position:absolute}.reader-auth__close:hover{background:var(--muted)}.reader-auth__close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.reader-auth__context{background:var(--muted);border-inline-start:2px solid var(--primary);margin-bottom:var(--spacing-rem-1-5);overflow-wrap:anywhere;padding:var(--spacing-rem-0-75) var(--spacing-rem-1)}.reader-auth__context p{color:var(--muted-foreground);font-size:var(--text-eyebrow);margin-bottom:var(--spacing-rem-0-25)}.reader-auth__context strong{font-family:var(--font-serif);font-weight:600}.reader-auth .auth-flow--embedded{min-height:0;padding:0;display:block}.reader-auth .auth-flow--embedded .auth-flow__card{max-width:none;padding:0}.reader-auth .auth-flow--embedded h2{font-family:var(--font-serif);font-size:var(--text-h2);line-height:var(--lh-h2);margin-bottom:var(--spacing-rem-0-75)}.reader-auth .auth-flow--embedded p{color:var(--muted-foreground);font-size:var(--text-data);line-height:1.6}.reader-auth .auth-flow--embedded a{color:var(--foreground);font-size:var(--text-data)}.reader-auth .auth-flow--embedded form>.button,.reader-auth .auth-flow--embedded .auth-flow__google .button{width:100%}.reader-auth .auth-flow--embedded .auth-flow__field{margin:var(--spacing-rem-1) 0}.reader-auth .auth-flow--embedded .auth-flow__status[role=alert]{color:var(--error)}@media (max-width:600px){.reader-auth{border-radius:var(--radius) var(--radius) 0 0;max-height:calc(100dvh - var(--spacing-rem-1));padding:var(--spacing-rem-1-5);padding-bottom:max(var(--spacing-rem-1-5),env(safe-area-inset-bottom));border-bottom:0;width:100%;margin:auto 0 0}}