.auth{min-block-size:calc(100dvh - var(--cq-space-16) - var(--cq-hairline));max-inline-size:var(--ed-width-page);padding-inline:var(--ed-gutter);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.auth-main{padding-block:var(--cq-space-12) var(--cq-space-16);align-content:center;justify-items:center;display:grid}.auth-column{gap:var(--cq-space-8);inline-size:100%;max-inline-size:var(--ed-width-column);display:grid}.auth-step{gap:var(--cq-space-6);view-transition-name:auth-step;min-inline-size:0;display:grid}.auth-picture{display:none}@media (min-width:1024px){.auth[data-picture]{column-gap:var(--cq-space-16);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.auth[data-picture] .auth-main{justify-items:start}.auth-picture{margin-block:var(--cq-space-6);padding:var(--cq-space-12) var(--cq-space-8);background-color:var(--cq-raised);border:var(--cq-hairline) solid var(--cq-line);border-radius:var(--ed-radius-frame);place-items:center;display:grid;position:relative;overflow:clip}}.auth-head{gap:var(--cq-space-3);display:grid}.auth-title{font-size:var(--ed-text-section);line-height:var(--ed-line-section);font-weight:var(--cq-weight-medium);font-stretch:var(--ed-stretch-display);letter-spacing:var(--ed-tracking-section);text-wrap:balance;margin:0}.auth-title:focus{outline:none}.auth-lede{max-inline-size:var(--cq-measure);color:var(--cq-ink-2);text-wrap:pretty;margin:0}.auth-address{font-weight:var(--cq-weight-medium);color:var(--cq-ink);overflow-wrap:anywhere}.auth-progress{gap:var(--cq-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.auth-progress-step{gap:var(--cq-space-2);font-family:var(--cq-font-mono);font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);display:grid}.auth-progress-step:before{content:"";block-size:var(--cq-rule);background-color:var(--cq-line);border-radius:var(--cq-hairline)}.auth-progress-step:is([data-state=done],[data-state=current]){color:var(--cq-ink)}.auth-progress-step:is([data-state=done],[data-state=current]):before{background-color:var(--cq-ink)}.auth-form{gap:var(--cq-space-6);display:grid}.auth-step .cq-field{justify-items:stretch;max-inline-size:none}.auth-field-after{justify-content:flex-end;display:flex}.auth-field-aside{font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink-2);-webkit-text-decoration-color:var(--cq-line-strong);text-decoration-color:var(--cq-line-strong)}.auth-field-aside:hover{color:var(--cq-ink);text-decoration-color:currentColor}.auth-secret{position:relative}.auth-secret>.cq-input{padding-inline-end:var(--cq-control-large)}.auth-reveal{inline-size:var(--cq-control-large);color:var(--cq-ink-2);border-radius:var(--cq-radius);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.auth-reveal:hover,.auth-reveal[aria-pressed=true]{color:var(--cq-ink)}.auth-reveal:disabled{cursor:not-allowed}.auth-eye,.auth-rule-mark,.auth-notice-sign{inline-size:var(--cq-icon);block-size:var(--cq-icon);fill:none;stroke:currentColor;stroke-width:var(--cq-icon-stroke);stroke-linecap:round;stroke-linejoin:round;flex:none}.auth-rule{align-items:center;gap:var(--cq-space-2);font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink-2);margin:0;display:flex}.auth-rule-mark{color:var(--cq-line-strong)}.auth-rule-mark path{stroke-dasharray:10;stroke-dashoffset:10px}.auth-rule[data-met],.auth-rule[data-met] .auth-rule-mark{color:var(--cq-ink)}.auth-rule[data-met] .auth-rule-mark path{stroke-dashoffset:0}.auth-code-box{--auth-code-gap:.7em;justify-self:start;position:relative}.auth-code-input.cq-input[data-code]{inline-size:calc(6ch + 6 * var(--auth-code-gap) + 2 * var(--cq-space-4));min-block-size:calc(var(--cq-control-large) + var(--cq-space-3));padding:0 var(--cq-space-4) var(--cq-space-1);font-size:var(--cq-text-heading);line-height:var(--cq-line-heading);letter-spacing:var(--auth-code-gap);font-variant-numeric:tabular-nums;caret-color:var(--cq-ink)}.auth-code-places{column-gap:var(--auth-code-gap);font-family:var(--cq-font-mono);font-size:var(--cq-text-heading);pointer-events:none;grid-template-columns:repeat(6,1ch);display:grid;position:absolute;inset-block-end:var(--cq-space-2);inset-inline-start:var(--cq-space-4)}.auth-code-place{block-size:var(--cq-rule);background-color:var(--cq-line);border-radius:var(--cq-hairline)}.auth-code-place[data-filled]{background-color:var(--cq-ink)}.auth-code-input:focus~.auth-code-places>.auth-code-place[data-next]{background-color:var(--cq-ink-2)}.auth-code[data-kind=backup] .auth-code-box{justify-self:stretch}.auth-code[data-kind=backup] .auth-code-input.cq-input[data-code]{inline-size:100%;min-block-size:var(--cq-control-large);font-size:var(--cq-text-title);line-height:var(--cq-line-title);letter-spacing:.06em;padding-block-end:0}.auth-notice{grid-template-columns:var(--cq-icon) minmax(0, 1fr);gap:var(--cq-space-3);padding:var(--cq-space-3) var(--cq-space-4);font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);background-color:var(--cq-sunken);border:var(--cq-hairline) solid var(--cq-line);border-radius:var(--cq-radius);display:grid}.auth-notice[data-tone=error]{border-color:var(--cq-line-strong)}.auth-notice-sign{color:var(--cq-ink);margin-block-start:calc((var(--cq-line-ui) - var(--cq-icon)) / 2)}.auth-notice-body{gap:var(--cq-space-3);min-inline-size:0;display:grid}.auth-notice-text{color:var(--cq-ink-2);margin:0}.auth-notice-title{font-weight:var(--cq-weight-strong);color:var(--cq-ink)}.auth-notice-action{gap:var(--cq-space-3);flex-wrap:wrap;display:flex}.auth-notice a{color:var(--cq-ink)}.auth-clock{font-family:var(--cq-font-mono);font-variant-numeric:tabular-nums;color:var(--cq-ink)}.auth-submit,.auth-go{inline-size:100%}.auth-submit-mark{inline-size:var(--cq-icon);block-size:var(--cq-icon);display:none}.auth-submit:is([data-state=busy],[data-state=done]) .auth-submit-mark{display:inline-grid}.auth-submit-mark svg{fill:none;stroke:currentColor;block-size:100%;inline-size:100%;stroke-width:var(--cq-icon-stroke);stroke-linecap:round;stroke-linejoin:round}.auth-submit[data-state=busy] .auth-submit-mark circle{stroke-dasharray:24 14}.auth-submit[aria-disabled=true]{cursor:progress}.auth-who,.auth-switch,.auth-quiet{font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink-2);margin:0}.auth-switch a,.auth-text-button{font:inherit;color:var(--cq-ink);text-decoration:underline;-webkit-text-decoration-color:var(--cq-line-strong);text-decoration-color:var(--cq-line-strong);text-underline-offset:var(--cq-underline-offset);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.auth-text-button:after{content:"";inset:calc((min(100%, var(--cq-target)) - var(--cq-target)) / 2);position:absolute}.auth-switch a:hover,.auth-text-button:hover{text-decoration-color:currentColor}.auth-text-button[aria-disabled=true]{color:var(--cq-ink-2);cursor:not-allowed;text-decoration:none}.auth-actions{align-items:center;gap:var(--cq-space-3) var(--cq-space-6);flex-wrap:wrap;display:flex}.auth-legal{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);margin:0}.auth-legal a{color:inherit}.auth-envelope svg{inline-size:var(--cq-space-16);block-size:auto;fill:var(--cq-raised);stroke:var(--cq-ink);stroke-width:var(--cq-pen);stroke-linejoin:round;display:block}.auth-inbox{gap:var(--cq-space-3);display:grid}.auth-setup{gap:var(--cq-space-8);margin:0;padding:0;list-style:none;display:grid}.auth-setup-step{grid-template-columns:var(--cq-space-8) minmax(0, 1fr);gap:var(--cq-space-4);display:grid}.auth-setup-number{inline-size:var(--cq-space-8);block-size:var(--cq-space-8);font-family:var(--cq-font-mono);font-size:var(--cq-text-data);line-height:var(--cq-line-data);color:var(--cq-ink);border:var(--cq-hairline) solid var(--cq-line-strong);border-radius:50%;place-items:center;display:grid}.auth-setup-body{gap:var(--cq-space-4);min-inline-size:0;display:grid}.auth-setup-title{font-size:var(--cq-text-body);line-height:var(--cq-line-body);font-weight:var(--cq-weight-medium);margin:0;padding-block-start:var(--cq-space-1)}.auth-setup-scan{gap:var(--cq-space-4);justify-items:start;display:grid}.auth-setup-other{gap:var(--cq-space-3);justify-items:start;inline-size:100%;display:grid}.auth-qr{inline-size:calc(var(--cq-space-4) * 11);aspect-ratio:1;background-color:var(--cq-raised);border:var(--cq-hairline) solid var(--cq-line);border-radius:var(--cq-radius-panel);overflow:clip}.auth-qr-code{block-size:100%;inline-size:100%;display:block}.auth-qr-code path{fill:var(--cq-ink)}.auth-qr-waiting{background-color:var(--cq-sunken)}.auth-open-app{display:none}@media (pointer:coarse){.auth-open-app{display:inline-flex}}.auth-setup-other .cq-disclosure{inline-size:100%}.auth-key{align-items:center;gap:var(--cq-space-2) var(--cq-space-3);padding:var(--cq-space-3) var(--cq-space-4);background-color:var(--cq-sunken);border-radius:var(--cq-radius);grid-template-columns:minmax(0,1fr) auto;display:grid}.auth-key-value{font-size:var(--cq-text-data);line-height:var(--cq-line-data);letter-spacing:.04em;flex-wrap:wrap;gap:0 1ch;display:flex}.auth-key-note{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);grid-column:1/-1;margin:0}.auth-backup{gap:var(--cq-space-4);display:grid}.auth-backup-list{gap:var(--cq-space-1);padding:var(--cq-space-4) var(--cq-space-6);counter-reset:code;background-color:var(--cq-raised);border:var(--cq-hairline) solid var(--cq-line);border-radius:var(--cq-radius-panel);margin:0;list-style:none;display:grid}.auth-backup-code{gap:var(--cq-space-3);font-size:var(--cq-text-data);line-height:var(--cq-line-data);white-space:nowrap;counter-increment:code;display:flex}.auth-backup-code:before{content:counter(code);min-inline-size:2ch;font-family:var(--cq-font-mono);text-align:end;color:var(--cq-ink-2)}.auth-backup-actions{gap:var(--cq-space-3);flex-wrap:wrap;display:flex}.auth-backup-actions .cq-copy{min-block-size:var(--cq-control-height);padding:var(--cq-space-1) var(--cq-space-3);font-size:var(--cq-text-data);line-height:var(--cq-line-data)}.auth-check{align-items:start;gap:var(--cq-space-3);padding:var(--cq-space-3) var(--cq-space-4);font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);border:var(--cq-hairline) solid var(--cq-line-strong);border-radius:var(--cq-radius);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.auth-check:has(:checked){border-color:var(--cq-ink)}.auth-check-box{inline-size:var(--cq-choice);block-size:var(--cq-choice);margin:calc((var(--cq-line-ui) - var(--cq-choice)) / 2) 0 0;accent-color:var(--cq-action)}.auth-fake{gap:var(--cq-space-3);padding:var(--cq-space-3) var(--cq-space-4);font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);border:var(--cq-hairline) dashed var(--cq-line-strong);border-radius:var(--cq-radius);display:grid}.auth-fake-text{align-items:baseline;gap:var(--cq-space-1) var(--cq-space-2);flex-wrap:wrap;margin:0;display:flex}.auth-fake-now{gap:var(--cq-space-2);display:grid}.auth-fake-now:empty{display:none}.auth-fake .cq-disclosure{border:0}.auth-fake .cq-disclosure-summary{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink)}.auth-fake dl{gap:var(--cq-space-2);margin:0;display:grid}.auth-fake-way dt{color:var(--cq-ink);overflow-wrap:anywhere}.auth-fake-way dd{margin:0}.auth-fake-link,.auth-fake-code{align-items:center;gap:var(--cq-space-1) var(--cq-space-2);padding:var(--cq-space-2) var(--cq-space-3);font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink);border:var(--cq-hairline) dashed var(--cq-line-strong);border-radius:var(--cq-radius);flex-wrap:wrap;margin:0;display:flex}.auth-fake-link{justify-self:start;text-decoration:none}.auth-fake-link:hover span{text-underline-offset:var(--cq-underline-offset);text-decoration:underline}.auth-product{gap:var(--cq-space-6);inline-size:min(100%,40rem);margin:0;display:grid}.auth-product-top{align-items:baseline;gap:var(--cq-space-1) var(--cq-space-3);font-size:var(--cq-text-ui);line-height:var(--cq-line-ui);color:var(--cq-ink-2);flex-wrap:wrap;display:flex}.auth-product .cq-rolemap-caption{font-size:var(--cq-text-title);line-height:var(--cq-line-title);font-weight:var(--cq-weight-medium);color:var(--cq-ink)}.auth-product-source{font-size:var(--cq-text-label);line-height:var(--cq-line-label);color:var(--cq-ink-2);margin:0}@media (prefers-reduced-motion:no-preference){@keyframes auth-leave-forward{to{opacity:0;transform:translateX(calc(var(--cq-space-4) * -1))}}@keyframes auth-arrive-forward{0%{opacity:0;transform:translateX(var(--cq-space-6))}}@keyframes auth-leave-back{to{opacity:0;transform:translateX(var(--cq-space-4))}}@keyframes auth-arrive-back{0%{opacity:0;transform:translateX(calc(var(--cq-space-6) * -1))}}::view-transition-old(auth-step){animation:auth-leave-forward calc(var(--cq-duration) * 1.25) var(--cq-ease) both}::view-transition-new(auth-step){animation:auth-arrive-forward calc(var(--cq-duration) * 2) var(--cq-ease) calc(var(--cq-duration-quick) / 2) both}:root[data-step=back]::view-transition-old(auth-step){animation-name:auth-leave-back}:root[data-step=back]::view-transition-new(auth-step){animation-name:auth-arrive-back}.auth-submit,.auth-go{transition:background-color var(--cq-duration-quick) var(--cq-ease), border-color var(--cq-duration-quick) var(--cq-ease), transform var(--cq-duration-quick) var(--cq-ease)}.auth-submit:active:not([aria-disabled=true],:disabled),.auth-go:active{transform:scale(.98)}@keyframes auth-turn{to{transform:rotate(1turn)}}.auth-submit[data-state=busy] .auth-submit-mark svg{animation:auth-turn calc(var(--cq-duration) * 5) linear infinite}.auth-rule-mark path{transition:stroke-dashoffset var(--cq-duration) var(--cq-ease)}.auth-rule-mark,.auth-code-place,.auth-progress-step:before{transition:color var(--cq-duration) var(--cq-ease), background-color var(--cq-duration) var(--cq-ease)}.auth-text-button,.auth-switch a,.auth-field-aside,.auth-reveal{transition:color var(--cq-duration-quick) var(--cq-ease), text-decoration-color var(--cq-duration-quick) var(--cq-ease)}}