.auth-code{justify-content:center;gap:clamp(.375rem,2vw,.625rem);display:flex;position:relative}.auth-code__slot{border:1px solid var(--color-brand-lines);background:var(--color-brand-bg);width:clamp(2rem,10vw,3rem);height:3.5rem;color:var(--color-brand-text);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.auth-code__slot--active{border:2px solid var(--color-brand-primary);outline:none}.auth-code:has(input[aria-invalid=true]) .auth-code__slot{border-color:var(--color-brand-primary)}.auth-code:has(input:disabled){opacity:.6}.auth-code__caret{background:var(--color-brand-primary);width:2px;height:1.5rem}.auth-code-actions{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;display:flex}.auth-code-action{color:var(--color-brand-text-light);padding:.5rem 0;font-size:.875rem;font-weight:500}.auth-code-action:hover{color:var(--color-brand-text)}.auth-code-action:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:3px;border-radius:.25rem}.auth-code-action:disabled{opacity:.5;cursor:not-allowed}.reader-account-page{border:1px solid var(--color-brand-lines);background:var(--color-brand-bg);border-radius:1rem;padding:clamp(1.5rem,5vw,3rem)}.reader-auth-form{max-width:24rem;margin-inline:auto}.reader-auth-intro{color:var(--color-brand-text);text-wrap:balance;margin-top:.75rem;font-size:.9375rem;line-height:1.6}.reader-auth-form .reader-auth-method{border:1px solid var(--color-brand-lines);background:var(--color-brand-bg);min-height:3.25rem;color:var(--color-brand-text);border-radius:.625rem;gap:.75rem;padding:.875rem 1rem;font-weight:500}.reader-auth-form .reader-auth-method:hover{background:var(--color-brand-bg-middle);border-color:var(--color-brand-text-light)}.reader-auth-form .reader-auth-method svg{flex-shrink:0;width:1.25rem;height:1.25rem}.reader-auth-form .apr-input{min-height:3rem;font-size:1rem}.reader-auth-form .button-primary{border-radius:.625rem;min-height:3rem}.reader-auth-form :is(button,a,input):focus-visible,.reader-account :is(button,a):focus-visible,.reader-auth-close:focus-visible{outline:2px dotted var(--color-brand-primary);outline-offset:2px}.reader-auth-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.reader-auth-modal{overscroll-behavior:contain;background:var(--color-brand-bg);border-radius:1rem;width:100%;max-width:28rem;max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 20px 80px #0003}.reader-auth-dialog{outline:none;padding:3.5rem clamp(1.25rem,5vw,2.5rem) 2rem;position:relative}.reader-auth-close{width:2.75rem;height:2.75rem;color:var(--color-brand-text);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.reader-auth-close:hover{background:var(--color-brand-bg-middle)}.reader-auth-close svg{width:1.25rem;height:1.25rem}.reader-account__identity{align-items:center;gap:1.25rem;padding-bottom:2rem;display:flex}.reader-account__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:4.5rem;height:4.5rem}.reader-account__initials{background:var(--color-brand-primary);color:#fff;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.reader-account__identity h1{overflow-wrap:anywhere}.reader-account__email{overflow-wrap:anywhere;color:var(--color-brand-text);margin-top:.375rem;font-size:.9375rem}.reader-account__links{border-top:1px solid var(--color-brand-lines)}.reader-account__link{border-bottom:1px solid var(--color-brand-lines);color:var(--color-brand-text);justify-content:space-between;align-items:center;gap:1rem;margin-inline:-.75rem;padding:1.375rem .75rem;display:flex}.reader-account__link:hover{background:var(--color-brand-bg-middle)}.reader-account__link-title{font-size:1.125rem;font-weight:600}.reader-account__link p{margin-top:.25rem;font-size:.9375rem;line-height:1.5}.reader-account__chevron{color:var(--color-brand-primary);font-size:1.75rem}.reader-account__footer{flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.25rem;display:flex}@media (max-width:380px){.reader-account__identity{align-items:flex-start;gap:.875rem}.reader-account__avatar{width:3rem;height:3rem;font-size:1rem}}