.auth-page{max-inline-size:30rem;margin-inline:auto;padding:24px 16px 48px}.auth,.auth-page,.auth__form{display:flex;flex-direction:column;gap:16px}.auth__code{font-size:24px;font-weight:700;letter-spacing:.4em;text-align:center;color:var(--heading)}.auth__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.auth__wait{margin:0;font-size:14px;color:var(--text-muted)}.auth__check{display:flex;gap:10px;align-items:flex-start;min-block-size:44px;font-size:15px}.auth__check input{inline-size:20px;block-size:20px;-webkit-margin-before:3px;margin-block-start:3px;accent-color:var(--olive)}.auth__ways{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.auth__ways .button{font-size:15px;padding-inline:8px}.auth__switch{margin:0;text-align:center;color:var(--text-muted)}.app-header__action{min-block-size:36px;padding-block:4px;border-color:var(--brass-light);color:#f3ead3}.auth__intro{margin:0;color:var(--text-muted)}.consents{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.consents li{padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.consent{display:flex;gap:12px;align-items:center;min-block-size:44px;font-weight:700;color:var(--text)}.consent__text{margin:4px 0 0;-webkit-padding-start:56px;padding-inline-start:56px;font-size:14px;color:var(--text-muted)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;inline-size:44px;block-size:26px;margin:0;border-radius:13px;background:var(--limestone-2);border:1px solid var(--line);cursor:pointer;transition:background-color .2s var(--ease)}.switch:after{content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:20px;block-size:20px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px rgb(29 36 51/.3);transition:inset-inline-start .2s var(--ease)}.switch:checked{background:var(--olive);border-color:var(--olive)}.switch:checked:after{inset-inline-start:20px}.switch:focus-visible{outline:3px solid var(--brass-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch,.switch:after{transition:none}}.roles{display:flex;flex-direction:column;gap:12px}.roles__title{margin:8px 0 0;font-size:18px;color:var(--heading)}.roles__hint{margin:0;font-size:14px;color:var(--text-muted)}.roles__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.role{inline-size:100%;min-block-size:56px;display:grid;grid-template-columns:1fr auto;align-items:center;grid-column-gap:8px;column-gap:8px;padding:8px 16px;text-align:start;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);-webkit-border-start:3px solid var(--line);border-inline-start:3px solid var(--line);border-radius:var(--radius);cursor:pointer}.role[aria-pressed=true]{border-inline-start-color:var(--brass);background:var(--olive-tint);cursor:default}.role:focus-visible{outline:3px solid var(--brass-ink);outline-offset:2px}.role__name{font-weight:700}.role__org{grid-row:2;font-size:14px;color:var(--text-muted)}.role__current{grid-column:2;grid-row:1/span 2;font-size:13px;font-weight:700;color:var(--olive)}.mfa{display:flex;flex-direction:column;gap:12px}.mfa__intro,.mfa__key-label{margin:0}.mfa__key-label{font-size:14px;color:var(--text-muted)}.mfa__key{padding:12px;font-size:18px;letter-spacing:.05em;text-align:center;word-break:break-all;background:var(--surface);border:1px dashed var(--brass);border-radius:var(--radius)}.mfa__codes,.mfa__key{margin:0;font-family:ui-monospace,monospace}.mfa__codes{-webkit-padding-start:2em;padding-inline-start:2em;column-count:2;font-size:16px;line-height:1.8}.invitation{display:flex;flex-direction:column;gap:8px;padding-block:8px;-webkit-border-before:1px solid var(--line);border-block-start:1px solid var(--line)}.invitation p{margin:0}.invitation__actions{display:flex;flex-wrap:wrap;gap:8px}