.flow-code{margin-top:var(--space-6);display:block}.flow-code-value{padding:var(--space-4) var(--space-3);border-radius:var(--radius-menu);background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--border);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--text-primary);text-wrap:balance;-webkit-user-select:all;user-select:all;font-weight:500;line-height:1.75rem}.flow-code-group{white-space:nowrap}.flow-code .flow-actions{margin-top:var(--space-4)}.flow-code-copy{display:inline-grid}.flow-code-face{justify-content:center;align-items:center;gap:var(--space-2);grid-area:1/1;display:inline-flex}.flow-code-face svg{flex:none;width:1rem;height:1rem}.flow-code-face-done,flow-code[data-copied] .flow-code-face-idle{visibility:hidden}flow-code[data-copied] .flow-code-face-done{visibility:visible}.flow-code-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=26rem){.flow-code-value{letter-spacing:.04em;font-size:1.0625rem;line-height:1.5rem}}.pk-press[aria-disabled=true],.pk-press[aria-disabled=true]:hover{opacity:1;cursor:default;background:var(--accent-primary)}.pk-press[aria-disabled=true]:active{transform:none}.pk-glyph{flex:none;width:1rem;height:1rem;position:relative}.pk-glyph svg{transition:opacity .18s var(--motion-ease-standard), transform .26s var(--motion-ease-spring);position:absolute;inset:0}.pk-fp-base{opacity:0}.pk-check{color:oklch(56% .15 160)}.pk-check path{stroke-dasharray:1 1;stroke-dashoffset:1px}[data-press=waiting] .pk-fp-base{opacity:.3}[data-press=waiting] .pk-fp [pathLength]{stroke-dasharray:1 1;animation:pk-scan 1.6s var(--motion-ease-standard) infinite;animation-delay:calc(var(--i) * 70ms)}[data-press=waiting] .pk-fp[data-glyph=key-round] [pathLength]{stroke-dasharray:.26 .74;animation:1.6s linear infinite pk-comet}[data-press=approved] .pk-fp,[data-press=approved] .pk-fp-base{opacity:0;transform:scale(.7)}[data-press=approved] .pk-check path{stroke-dashoffset:0;transition:stroke-dashoffset .36s var(--motion-ease-standard) .12s}.pk-labels{display:grid}.pk-label{grid-area:1/1}.pk-label.is-entering{animation:pk-label-in .24s var(--motion-ease-standard) 60ms both}.pk-label.is-leaving{animation:pk-label-out .16s var(--motion-ease-standard) both}.pk-status{transition:grid-template-rows .28s var(--motion-ease-standard);grid-template-rows:0fr;display:grid}.pk-status[data-open=true]{grid-template-rows:1fr}.pk-status-clip{min-width:0;min-height:0;overflow:clip}.pk-status p{padding-top:var(--space-4);font-size:var(--font-size-sm);color:var(--text-tertiary);text-wrap:pretty;line-height:1.125rem}.pk-status[data-tone=error] p{color:var(--status-warning-text)}.pk-status p svg{margin-right:var(--space-1-5);vertical-align:-.1875rem;display:inline-block}.pk-status-offer{margin-top:var(--space-1-5);color:var(--text-tertiary);display:block}.pk-status-action{font:inherit;color:var(--status-info);cursor:pointer;background:0 0;border:0;padding:0}.pk-status-action:hover{text-decoration:underline}.pk-status-action[aria-disabled=true]{opacity:.6;cursor:default;text-decoration:none}@keyframes pk-scan{0%{stroke-dashoffset:1px}45%,62%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes pk-comet{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}@keyframes pk-label-in{0%{opacity:0;filter:blur(2px);transform:translateY(.25rem)}}@keyframes pk-label-out{to{opacity:0;filter:blur(2px);transform:translateY(-.25rem)}}@keyframes pk-arrive{0%{opacity:0;filter:blur(4px);transform:translateY(.625rem)}}passkey-approval{display:block}.passkey-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@property --passkey-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --passkey-arc{syntax:"<percentage>";inherits:false;initial-value:28%}.passkey{--passkey-hue:240;--passkey-glow:oklch(.72 .11 var(--passkey-hue) / 14%);--passkey-ring-ink:oklch(.84 .09 var(--passkey-hue))}.passkey[data-press=approved]{--passkey-hue:160;--passkey-glow:oklch(72% .14 160/.2);--passkey-ring-ink:oklch(80% .13 160)}.passkey-stage{height:6rem;margin-bottom:var(--space-8);place-items:center;display:grid;position:relative}.passkey-bloom{background:radial-gradient(closest-side, var(--passkey-glow), transparent);filter:blur(12px);width:22rem;height:16rem;transition:background .6s var(--motion-ease-standard);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.passkey-tile{-webkit-backdrop-filter:blur(6px)saturate(140%);color:oklch(97% 0 0);background:linear-gradient(oklch(100% 0 0/.1),oklch(100% 0 0/.025) 58%,oklch(100% 0 0/.06));border-radius:1.5rem;place-items:center;width:6rem;height:6rem;display:grid;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.42),inset 0 0 0 1px oklch(100% 0 0/.1),inset 0 -1px oklch(100% 0 0/.14),0 0 0 .5px oklch(0% 0 0/.55),0 24px 48px -16px oklch(0% 0 0/.7)}.passkey-backprint{color:oklch(100% 0 0/.09);pointer-events:none;width:13.5rem;height:13.5rem;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(closest-side,#000 50%,#0000);mask-image:radial-gradient(closest-side,#000 50%,#0000)}.passkey-ripples{width:100%;height:100%;display:block}.passkey-ripples circle{transition:stroke .6s var(--motion-ease-standard)}.passkey[data-press=waiting] .passkey-ripples circle{animation:passkey-sonar 2.4s var(--motion-ease-standard) infinite;animation-delay:calc(var(--i) * .14s)}.passkey[data-press=approved] .passkey-ripples circle{animation:passkey-flash .9s var(--motion-ease-standard) both;animation-delay:calc(var(--i) * 60ms)}.passkey-tile:after{content:"";border-radius:inherit;transition:background .5s var(--motion-ease-standard);background:oklch(72% .14 160/0);position:absolute;inset:0}.passkey[data-press=approved] .passkey-tile:after{background:oklch(72% .14 160/.16)}.passkey-tile svg{z-index:1;transition:opacity .22s var(--motion-ease-standard), transform .42s var(--motion-ease-spring);grid-area:1/1;position:relative}.passkey-sheen{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.passkey-sheen:before{content:"";animation:passkey-sheen 6s var(--motion-ease-standard) 1.2s infinite;background:linear-gradient(115deg,#0000 38%,oklch(100% 0 0/.16) 50%,#0000 62%);position:absolute;inset:-20%;transform:translate(-110%)}.passkey[data-press]:not([data-press=idle]) .passkey-sheen{opacity:0}.passkey-ring{background:conic-gradient(from var(--passkey-angle), transparent calc(100% - var(--passkey-arc)), var(--passkey-ring-ink));-webkit-mask-composite:xor;filter:drop-shadow(0 0 6px var(--passkey-glow));opacity:0;transition:opacity .24s var(--motion-ease-standard), --passkey-arc .52s var(--motion-ease-standard);border-radius:1.9375rem;padding:1.5px;position:absolute;inset:-.4375rem;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.passkey:is([data-press=waiting],[data-press=approved]) .passkey-ring{opacity:1;animation:1.4s linear infinite passkey-orbit}.passkey[data-press=approved] .passkey-ring{--passkey-arc:100%}.passkey-fp-base{opacity:.32}.passkey-fp [pathLength]{stroke-dasharray:1 1;stroke-dashoffset:0}.passkey[data-press=waiting] .passkey-fp[data-glyph=key-round] [pathLength]{stroke-dasharray:.26 .74;animation:1.6s linear infinite pk-comet}.passkey[data-press=waiting] .passkey-fp:not([data-glyph=key-round]) [pathLength]{animation:pk-scan 1.6s var(--motion-ease-standard) infinite;animation-delay:calc(var(--i) * 70ms)}.passkey-check{color:oklch(88% .12 160);opacity:0}.passkey-check path{stroke-dasharray:1 1;stroke-dashoffset:1px}.passkey[data-press=approved] .passkey-fp,.passkey[data-press=approved] .passkey-fp-base{opacity:0;transform:scale(.72)}.passkey[data-press=approved] .passkey-check{opacity:1}.passkey[data-press=approved] .passkey-check path{stroke-dashoffset:0;transition:stroke-dashoffset .42s var(--motion-ease-standard) .14s}.passkey-key .flow-rows li[data-can] svg{color:var(--text-secondary)}.passkey-key h1:focus,.passkey-ask h1:focus{outline:none}.passkey-swap{display:inline-grid}.passkey-swap-item{grid-area:1/1}.passkey-swap-item.is-entering{animation:pk-label-in .3s var(--motion-ease-standard) 80ms both}.passkey-swap-item.is-leaving{animation:pk-label-out .18s var(--motion-ease-standard) both}.passkey-key>:not(.passkey-stage){transition:opacity .24s var(--motion-ease-standard)}.passkey[data-press=waiting] .passkey-key :is(.flow-rows,.passkey-guard,.flow-fine),.passkey-back:disabled{opacity:.4}.passkey[data-press=approved] .passkey-key :is(.flow-rows,.passkey-guard,.flow-actions,.flow-fine){opacity:0}.passkey-create[aria-disabled=true],.passkey-create[aria-disabled=true]:hover{opacity:1;cursor:default;background:var(--accent-primary)}@media (pointer:coarse),(width<=480px){.flow-rows li.passkey-desk-only{display:none}}.passkey[data-dir=forward] .passkey-step-out{animation:passkey-out-left .2s var(--motion-ease-standard) forwards}.passkey[data-dir=forward] .passkey-step-in{animation:passkey-in-right .52s var(--motion-ease-spring) both}.passkey[data-dir=back] .passkey-step-out{animation:passkey-out-right .2s var(--motion-ease-standard) forwards}.passkey[data-dir=back] .passkey-step-in{animation:passkey-in-left .52s var(--motion-ease-spring) both}.passkey[data-dir=forward] .passkey-step-in .passkey-tile{animation:passkey-tile-in .72s var(--motion-ease-spring) 60ms both}.passkey[data-press=approved] .passkey-key .passkey-tile{animation:passkey-settle .64s var(--motion-ease-spring)}@keyframes passkey-orbit{to{--passkey-angle:360deg}}@keyframes passkey-sonar{0%,to{stroke:oklch(100% 0 0/.09)}18%{stroke:oklch(84% .09 240/.55)}46%{stroke:oklch(100% 0 0/.09)}}@keyframes passkey-flash{0%{stroke:oklch(100% 0 0/.09)}30%{stroke:oklch(82% .13 160/.7)}to{stroke:oklch(82% .13 160/.18)}}@keyframes passkey-sheen{0%{transform:translate(-110%)}22%,to{transform:translate(110%)}}@keyframes passkey-settle{40%{transform:scale(1.05)}}@keyframes passkey-tile-in{0%{opacity:0;filter:blur(6px);transform:scale(.84)}}@keyframes passkey-out-left{to{opacity:0;filter:blur(3px);transform:translate(-1.5rem)}}@keyframes passkey-out-right{to{opacity:0;filter:blur(3px);transform:translate(1.5rem)}}@keyframes passkey-in-right{0%{opacity:0;filter:blur(3px);transform:translate(1.5rem)}}@keyframes passkey-in-left{0%{opacity:0;filter:blur(3px);transform:translate(-1.5rem)}}.passkey-guard{align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding:var(--space-3) var(--space-3-5);text-align:left;border-radius:var(--radius-menu);box-shadow:inset 0 0 0 1px var(--border), inset 0 1px 0 var(--card-highlight);background:oklch(100% 0 0/.03);display:flex}.passkey-guard[hidden]{display:none}.passkey-guard.is-arriving{animation:pk-arrive .42s var(--motion-ease-spring) both}.passkey-guard-glyph{width:1.75rem;height:1.75rem;color:var(--text-primary);background:oklch(100% 0 0/.07);border-radius:.5rem;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1),inset 0 1px oklch(100% 0 0/.08)}.passkey-guard-glyph.is-ok{background:var(--status-success-bg);box-shadow:inset 0 0 0 1px var(--status-success-muted);color:var(--status-success-text)}.passkey-guard-text b{font-size:var(--font-size-md);color:var(--text-primary);font-weight:500;line-height:1.25rem;display:block}.passkey-guard-text span{font-size:var(--font-size-sm);color:var(--text-tertiary);text-wrap:balance;line-height:1.125rem;display:block}.passkey-create .passkey-g{display:none}.passkey-key.is-google .passkey-create .passkey-g{display:inline-flex}.passkey-g-icon{width:1.125rem;height:1.125rem}