.pf ::selection{background:var(--pf-ink);color:var(--pf-bg)}.pf{background:var(--pf-bg);min-height:100dvh;color:var(--pf-ink);font-family:var(--pf-font-text);-webkit-tap-highlight-color:transparent;-moz-text-size-adjust:100%;text-size-adjust:100%;flex:1;grid-template:"mark main""gap main"1fr"title main""foot main"/minmax(0,1fr) minmax(0,1.05fr);font-size:16px;line-height:1.5;display:grid;overflow-x:clip}:where(.pf) :where(button,input){font:inherit;color:inherit}.pf-mark{grid-area:mark;margin:0;padding:28px clamp(24px,5vw,72px) 0}.pf-mark .pf-logo{height:28px}.pf-art{contain:size;pointer-events:none;grid-area:gap;justify-content:center;align-items:center;min-height:0;display:flex}.pf-art .pf-weld{width:auto;height:min(38vh,300px);max-height:100%}.pf-title{grid-area:title;align-self:end;gap:26px;min-width:0;padding:0 clamp(24px,5vw,72px);display:grid}.pf-foot{color:var(--pf-muted);grid-area:foot;padding:0 clamp(24px,5vw,72px) clamp(40px,10vh,104px);font-size:15px}.pf-foot:not(:empty){padding-top:26px}.pf-main{border-left:1px solid var(--pf-line);flex-direction:column;grid-area:main;justify-content:center;min-width:0;padding:48px clamp(24px,5vw,88px);display:flex}.pf-step{grid-template-columns:minmax(0,1fr);gap:34px;width:100%;max-width:520px;display:grid}.pf-count{color:var(--pf-muted);font-variant-numeric:tabular-nums;font-size:14px}.pf-display{font-family:var(--pf-font);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(2.6rem,5.2vw,5rem);font-weight:400;line-height:1.02}.pf-display b{color:var(--pf-acc-text);font-weight:650}.pf-display span{color:var(--pf-muted)}.pf-quiet{color:var(--pf-muted);font-size:15px}.pf-btn{appearance:none;cursor:pointer;background:var(--pf-acc);height:54px;color:var(--pf-acc-fg);letter-spacing:-.01em;white-space:nowrap;transition:transform .16s var(--pf-ease-out), opacity .16s ease;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.pf-btn:active:not(:disabled){transform:scale(.97)}.pf-btn:disabled{cursor:default;opacity:.5}.pf-btn[aria-busy=true]{cursor:progress;opacity:1}.pf-spin{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.6s linear infinite pf-spin}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-btn,.pf-link,.pf-reveal,.pf-receipt button,.pf-field>label,.pf-check,.pf-check input,.pf-code input,.pf-sr{touch-action:manipulation}.pf-btn,.pf-link,.pf-reveal{-webkit-user-select:none;user-select:none}.pf-link{cursor:pointer;color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--pf-line-strong);text-decoration-color:var(--pf-line-strong);text-underline-offset:3px;transition:opacity .12s var(--pf-ease-out);background:0 0;border:0;padding:0}@media (hover:hover) and (pointer:fine){.pf-link:hover{text-decoration-color:currentColor}}.pf-link:active:not(:disabled),.pf-reveal:active,.pf-receipt button:active{opacity:.6}.pf-link:disabled{cursor:default;text-decoration:none}.pf-action{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.pf-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.pf-actions .pf-back{margin-left:auto}.pf-row{flex-wrap:wrap;align-items:center;gap:4px 20px;display:flex}:where(.pf) :focus-visible{outline:2px solid var(--pf-ink);outline-offset:3px;border-radius:4px}.pf-btn:focus-visible{border-radius:12px}.pf-fields{gap:28px;display:grid}.pf-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 32px;display:grid}.pf-field{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid}.pf-field>label{color:var(--pf-muted);font-size:13px;font-weight:600}.pf-in{border-bottom:1.5px solid var(--pf-line-strong);align-items:baseline;display:flex}.pf-in:focus-within{border-bottom-color:var(--pf-ink)}.pf-in input{min-width:0;font-family:var(--pf-font);letter-spacing:-.025em;background:0 0;border:0;outline:none;flex:1;min-height:44px;padding:4px 0 10px;font-size:clamp(1.35rem,2.1vw,1.85rem);line-height:1.25}.pf-in input::placeholder{color:var(--pf-muted);opacity:1}.pf-in .pf-pre,.pf-in .pf-suf{font-family:var(--pf-font);letter-spacing:-.025em;color:var(--pf-muted);white-space:nowrap;font-size:clamp(1.35rem,2.1vw,1.85rem)}.pf-in .pf-pre{margin-right:10px}.pf-in .pf-suf{text-overflow:ellipsis;min-width:0;overflow:hidden}.pf-reveal{cursor:pointer;color:var(--pf-muted);transition:opacity .12s var(--pf-ease-out);background:0 0;border:0;align-self:center;padding:4px 0 4px 10px;font-size:13px;font-weight:500;position:relative}.pf-reveal:after{content:"";width:max(100%,44px);height:44px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pf-msg{min-height:20px;color:var(--pf-muted);align-items:center;gap:6px;font-size:14px;line-height:1.4;display:flex}.pf-msg[data-tone=ok]{color:var(--pf-ok)}.pf-msg[data-tone=bad]{color:var(--pf-bad)}.pf-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.pf-alert{border-left:2px solid var(--pf-bad);max-width:560px;margin:0;padding:2px 0 2px 12px;font-size:15px;line-height:1.45}.pf-alert[data-tone=neutral]{border-left-color:var(--pf-line-strong)}.pf-check{cursor:pointer;min-height:44px;color:var(--pf-muted);align-items:center;gap:10px;font-size:15px;line-height:1.4;display:flex}.pf-check input{width:18px;height:18px;accent-color:var(--pf-ink);flex:none;margin:0}.pf-code{gap:clamp(4px,20vw - 60px,12px);display:flex}.pf-code input{text-align:center;width:100%;min-width:0;max-width:74px;height:86px;font-family:var(--pf-font);font-variant-numeric:tabular-nums;border:0;border-bottom:2px solid var(--pf-line-strong);background:0 0;border-radius:0;outline:none;padding:0;font-size:40px;font-weight:500}.pf-code input:focus{border-bottom-color:var(--pf-ink)}.pf-code[data-bad=true] input{border-bottom-color:var(--pf-bad)}.pf-code[data-shake=true]{animation:pf-shake .35s var(--pf-ease-out)}@keyframes pf-shake{20%{transform:translate(-6px)}50%{transform:translate(5px)}80%{transform:translate(-2px)}}.pf-receipt{gap:10px;margin:6px 0 0;font-size:15px;display:grid}.pf-receipt>div{min-width:0;animation:pf-rise .32s var(--pf-ease-out) both;align-items:baseline;gap:10px;display:flex}.pf-receipt dt{color:var(--pf-muted);flex:none;width:76px;font-size:13px}.pf-receipt dd{min-width:0;margin:0}.pf-receipt button{cursor:pointer;text-align:left;color:var(--pf-ink);text-decoration:underline;-webkit-text-decoration-color:var(--pf-line);text-decoration-color:var(--pf-line);text-underline-offset:3px;overflow-wrap:anywhere;transition:opacity .12s var(--pf-ease-out);background:0 0;border:0;padding:0}.pf-enter b,.pf-enter span{animation:pf-in .9s var(--pf-ease-out) both;display:inline-block}.pf-enter span{animation-delay:.11s}.pf-enter .pf-lead{animation-delay:0s}@keyframes pf-in{0%{opacity:0;filter:blur(6px);transform:translateY(.12em)}}.pf-swap,.pf-step>*{animation:pf-rise .32s var(--pf-ease-out) both}.pf-step>:nth-child(2){animation-delay:40ms}.pf-step>:nth-child(3){animation-delay:80ms}.pf-step>:nth-child(4){animation-delay:.12s}.pf-step>:nth-child(5){animation-delay:.16s}.pf-step>:nth-child(6){animation-delay:.2s}.pf-step[data-dir=fwd]{animation:pf-fwd .32s var(--pf-ease-out) both}.pf-step[data-dir=bwd]{animation:pf-bwd .32s var(--pf-ease-out) both}@keyframes pf-fwd{0%{opacity:0;filter:blur(4px);transform:translate(28px)}}@keyframes pf-bwd{0%{opacity:0;filter:blur(4px);transform:translate(-28px)}}@keyframes pf-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes pf-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pf-enter b,.pf-enter span{animation:.4s both pf-fade}.pf-swap,.pf-step>*,.pf-step[data-dir=fwd],.pf-step[data-dir=bwd],.pf-receipt>div{animation:.25s both pf-fade}.pf-code[data-shake=true]{animation:none}.pf-btn{transition:opacity .16s}.pf-btn:active:not(:disabled){transform:none}.pf-spin{animation-duration:1.6s}}@media (max-width:820px){.pf{grid-template:"mark""title""main"1fr"foot"/minmax(0,1fr)}.pf-mark{padding:20px 20px 0}.pf-mark .pf-logo{height:22px}.pf-art{display:none}.pf-title{align-self:start;padding:44px 20px 0}.pf-display{font-size:2.4rem}.pf-display .pf-desk-only{display:none}.pf-main{border-left:0;justify-content:flex-start;padding:34px 20px 48px}.pf-foot{padding:0 20px 64px}.pf-foot:not(:empty){padding-top:0}.pf-pair{grid-template-columns:minmax(0,1fr)}.pf-code input{height:64px;font-size:30px}.pf-in input,.pf-code input{scroll-margin:36px 0 120px}.pf-receipt{gap:0}.pf-receipt>div{align-items:center;min-height:44px}.pf-receipt button{min-height:44px}}.pf-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
