.auth-shell{background:var(--fg-color-background);min-height:100svh;color:var(--fg-color-primary);font-family:var(--fg-font-family);font-size:var(--fg-font-body-size);font-weight:var(--fg-font-body-weight);line-height:var(--fg-font-body-line-height);flex-direction:column;display:flex}.auth-brand{padding:var(--fg-space-large) var(--fg-space-section)}.auth-brand-link{color:var(--fg-color-primary);letter-spacing:.02em;min-height:var(--fg-control-min-target);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.auth-brand-link:focus-visible{outline:2px solid var(--fg-color-action);outline-offset:4px;border-radius:4px}.auth-main{padding:var(--fg-space-large) var(--fg-space-medium);flex-direction:column;flex:1;align-items:center;display:flex}.auth-card{gap:var(--fg-space-large);flex-direction:column;width:100%;max-width:560px;display:flex}.fg-access-focused-frame .auth-card>.fg-page-head{margin-bottom:0}.auth-card .fg-page-head h1{font-family:var(--fg-font-display-family);font-stretch:var(--fg-font-display-stretch,normal);font-size:var(--fg-font-display-size);line-height:var(--fg-font-display-line-height);letter-spacing:var(--fg-font-display-tracking);font-weight:var(--fg-font-display-weight)}@media (max-width:640px){.auth-card .fg-page-head h1{font-size:var(--fg-font-display-mobile-size)}}.auth-form{gap:var(--fg-space-medium);flex-direction:column;display:flex}.auth-section{gap:var(--fg-space-medium);padding-top:var(--fg-space-medium);border-top:1px solid var(--fg-color-divider);flex-direction:column;display:flex}.auth-section:first-child{border-top:0;padding-top:0}.auth-section-title{margin:0;font-size:17px;font-weight:650}.auth-links{gap:var(--fg-space-small);flex-direction:column;font-size:14px;display:flex}.auth-links a{color:var(--fg-color-action);min-height:var(--fg-control-min-target);align-items:center;width:fit-content;text-decoration:none;display:inline-flex}.auth-links a:hover{text-decoration:underline}.auth-link-button{appearance:none;font:inherit;color:var(--fg-color-action);cursor:pointer;min-height:var(--fg-control-min-target);background:0 0;border:0;align-items:center;width:fit-content;margin:0;padding:0;font-size:14px;display:inline-flex}.auth-link-button:hover{text-decoration:underline}.auth-link-button:focus-visible{outline:2px solid var(--fg-color-action);outline-offset:4px;border-radius:4px}.auth-note{color:var(--fg-color-text-secondary);margin:0;font-size:14px}.auth-error{color:var(--fg-color-error);margin:0;font-size:14px}.auth-success{background:var(--fg-color-success-background);color:var(--fg-color-success-text);padding:var(--fg-space-medium);border-radius:12px;margin:0;font-size:14px}.auth-footer{padding:var(--fg-space-large) var(--fg-space-section);color:var(--fg-color-text-secondary);text-align:center;font-size:13px}.auth-meta-list{gap:var(--fg-space-small);color:var(--fg-color-text-secondary);flex-direction:column;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.auth-meta-list strong{color:var(--fg-color-primary);font-weight:600}.auth-codes{background:var(--fg-color-background);border:1px solid var(--fg-color-divider);padding:var(--fg-space-medium);gap:var(--fg-space-small);overflow-wrap:anywhere;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));font-family:ui-monospace,monospace;font-size:13px;display:grid}.auth-qr{border:1px solid var(--fg-color-divider);border-radius:12px;align-self:center;line-height:0;overflow:hidden}.auth-details{color:var(--fg-color-text-secondary);font-size:14px}.auth-details summary{cursor:pointer;color:var(--fg-color-action);min-height:var(--fg-control-min-target);align-items:center;width:fit-content;display:flex}.auth-secret{background:var(--fg-color-background);border:1px solid var(--fg-color-divider);padding:var(--fg-space-medium);overflow-wrap:anywhere;color:var(--fg-color-primary);border-radius:12px;font-family:ui-monospace,monospace;font-size:13px}.auth-backup ul{padding:var(--fg-space-medium);background:var(--fg-color-background);border:1px solid var(--fg-color-divider);gap:var(--fg-space-small);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;font-family:ui-monospace,monospace;font-size:13px;list-style:none;display:grid}@media (prefers-reduced-motion:reduce){.auth-shell *{transition:none!important}}
