.access-preview{width:min(100%,410px);color:var(--text-strong);font-family:var(--font-ui);margin-inline:auto;position:relative}.access-preview .access-brand{text-align:center;color:var(--text-strong);margin-bottom:22px;font-family:Georgia,serif;font-size:26px;font-style:italic;display:block}.access-preview .access-panel{border:1px solid var(--line-soft);background:var(--surface-paper);border-radius:18px;padding:30px}.access-preview h1{margin:0 0 10px;font-size:25px;font-weight:650;line-height:1.3}.access-preview header>p{color:var(--text-muted);margin:0 0 26px;font-size:14px;line-height:1.65}.access-preview .access-form{flex-direction:column;gap:19px;display:flex}.access-preview [data-slot=field]{gap:8px}.access-preview [data-slot=field-label]{font-size:14px}.access-preview [data-slot=input]{height:var(--control-height);background:var(--surface-paper);color:var(--text-strong);border-radius:12px;padding-inline:14px;font-size:16px}.access-preview [data-slot=input]::placeholder{color:var(--text-muted);font-size:13px}.access-preview .access-password{position:relative}.access-preview .access-password input{padding-right:48px}.access-preview .access-password button{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--text-muted);background:0 0;position:absolute;top:1px;right:1px}.access-preview button{cursor:pointer;transition-property:color,background-color,border-color;transform:translate(0,0)}.access-preview button:disabled{cursor:default}.access-preview [data-slot=button].access-primary,.access-preview .access-success>button{min-height:var(--control-height);background:var(--action-primary-hover);width:100%;color:var(--action-primary-foreground);border-radius:12px}.access-preview .access-primary:hover,.access-preview .access-success>button:hover{background:color-mix(in srgb, var(--action-primary-hover) 90%, var(--text-strong))}.access-preview .access-consent{gap:12px;display:grid}.access-preview .access-consent label{color:var(--text-body);font-size:12px}.access-preview a:not(.access-brand),.access-preview .access-switch button,.access-preview .access-delivery+button{color:var(--action-primary-hover)}.access-preview .access-consent a{text-underline-offset:3px}.access-preview .access-challenge{border:1px solid var(--line-soft);background:var(--surface-panel);border-radius:6px;align-items:center;gap:10px;min-height:54px;padding:12px;font-size:13px;display:flex}.access-preview .access-challenge-note{color:var(--text-muted);margin-left:auto;font-size:12px}.access-preview .access-switch{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;font-size:12px;display:flex}.access-preview .access-switch button{padding-inline:0}.access-preview .access-other{text-align:center;color:var(--text-muted);margin:0;font-size:13px}.access-preview .access-forgot{font-size:13px}.access-preview .access-password-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-access-preview-shell{background:var(--surface-page)}.access-preview .access-delivery,.access-preview .access-legacy{color:var(--text-muted);margin:0;font-size:13px;line-height:1.75}.access-preview .access-error{color:color-mix(in srgb, var(--status-danger) 90%, var(--text-strong));margin:0;font-size:13px}.access-preview .access-success{gap:18px;padding-block:36px;display:grid}.access-preview .access-success>svg{color:var(--accent-sage-strong);width:30px;height:30px}.access-preview .access-success h2{margin:0;font-size:22px}.access-preview .access-success p{color:var(--text-body);margin:0;font-size:14px;line-height:1.8}.access-preview .access-notice,.access-recovery-notice{color:var(--text-muted);text-align:center;margin:16px 0 0;font-size:12px;line-height:1.6}.access-verification-delivery{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.access-preview .access-verification-delivery button{min-height:var(--touch-target-min);color:var(--action-primary-hover);padding-inline:0;text-decoration:none}.access-verification-error{min-height:1lh;line-height:1.6}.access-preview .access-verification-skip{min-height:var(--touch-target-min);color:var(--text-muted);text-decoration:none}.access-verification-change{border-top:1px solid var(--line-soft);color:var(--text-muted);text-align:center;padding-top:20px;font-size:12px}.access-recovery-fields{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.access-recovery-error{min-height:1lh;line-height:1.6}.access-recovery-sent{gap:18px;font-size:14px;line-height:1.8;display:grid}.access-preview .access-recovery-heading{align-items:center;gap:12px;margin-bottom:12px;display:flex}.access-recovery-heading>svg{width:28px;height:28px;color:var(--accent-sage-strong);flex-shrink:0}.access-recovery-success{gap:24px}.access-recovery-success>p{color:var(--text-muted);margin:0}.access-recovery-recipient{gap:6px;display:grid}.access-recovery-recipient>p{margin:0}.access-recovery-recipient>strong{text-align:center}.access-recovery-secondary{flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.access-preview .access-recovery-secondary [data-slot=button]{min-height:var(--touch-target-min);color:var(--text-muted);font-weight:400;text-decoration:none}.access-preview .access-recovery-secondary .access-recovery-back{width:auto;margin:0}.access-recovery-sent strong{overflow-wrap:anywhere;font-weight:500}.access-preview a.access-recovery-back{min-height:var(--touch-target-min);width:100%;color:var(--text-muted);margin-top:12px;text-decoration:none}@media (width<=520px){.access-preview .access-panel{padding:24px 18px}}@media (pointer:coarse){.access-preview .access-switch button{min-height:var(--touch-target-min)}}@media (prefers-reduced-motion:reduce){.access-preview button,.access-preview input{transition:none}}
