.signin{--flip-ms:.56s;--flip-ease:cubic-bezier(.65, .05, .25, 1);--flip-edge-ms:calc(var(--flip-ms) * .45);--reveal-ms:.44s;--w-front:252px;--w-back:min(380px, 100%);z-index:1;background:var(--brand-orange);min-height:100dvh;color:var(--on-orange);padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex;position:relative;overflow-x:clip}.signin-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(28px,5.5dvh,52px);padding:48px 16px 16px;display:flex}.signin-lockup{width:min(680px,90vw,max(260px,185.76dvh - 613.008px));max-width:100%;height:auto;animation:signin-rise .76s var(--ease-press) both;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;display:block}.signin-control{width:100%;animation:signin-rise .62s .18s var(--ease-press) both;flex-direction:column;align-items:center;display:flex}@keyframes signin-rise{0%{opacity:0;transform:translate(-4px,10px)}}.signin-flip{width:var(--w-front);perspective:1000px;max-width:100%;height:56px;transition:width var(--flip-ms) var(--flip-ease)}.signin-flip[data-flipped=true]{width:var(--w-back)}.signin-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--flip-ms) var(--flip-ease);position:relative}.signin-flip[data-flipped=true] .signin-card{transform:rotateY(180deg)}.signin-face{backface-visibility:hidden;position:absolute;inset:0}.signin-back{transform:rotateY(180deg)}.signin-face{transition:visibility 0s linear var(--flip-edge-ms), opacity 0s linear var(--flip-edge-ms)}.signin-back{visibility:hidden;opacity:0}.signin-flip[data-flipped=true] .signin-back{visibility:visible;opacity:1;transition:visibility 0s linear 0s, opacity 0s linear var(--flip-edge-ms)}.signin-flip[data-flipped=true] .signin-face-front{visibility:hidden}.signin-front{background:var(--brand-butter);width:100%;height:100%;color:var(--teal-night);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:var(--extrude-box);transition:transform .16s var(--ease-press), box-shadow .16s var(--ease-press);-webkit-tap-highlight-color:transparent;border:0;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:17px;font-weight:800;line-height:1;display:flex}.signin-front:hover{box-shadow:-3px 3px 0 var(--brand-sky), -6px 6px 0 var(--brand-teal);transform:translate(1px,-1px)}.signin-front:active{box-shadow:0 0 0 var(--brand-sky), -1px 1px 0 var(--brand-teal);transition-duration:60ms;transform:translate(-3px,3px)}.signin-front:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.signin-lock{width:18px;height:18px;margin-top:-2px;display:inline-grid;position:relative}.signin-lock>svg{transition:opacity .16s var(--ease-press), transform .2s var(--ease-press);grid-area:1/1}.signin-lock-open{opacity:0;transform:translateY(1px)}.signin-front:hover .signin-lock-shut,.signin-front:focus-visible .signin-lock-shut{opacity:0}.signin-front:hover .signin-lock-open,.signin-front:focus-visible .signin-lock-open{opacity:1;transform:translateY(0)}.signin-back{background:var(--surface);color:var(--ink);box-shadow:var(--extrude-box);border-radius:3px;align-items:center;gap:6px;padding:6px 6px 6px 14px;display:flex}.signin-back:has(.signin-phone:focus){outline:3px solid var(--focus);outline-offset:4px}.signin-cc{font-family:var(--sans);letter-spacing:.02em;color:var(--ink-muted);flex-shrink:0;font-size:19px;font-weight:600;line-height:44px}.signin-phone{min-width:0;height:44px;color:var(--ink);font-family:var(--sans);letter-spacing:.02em;font-variant-numeric:tabular-nums;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0 4px;font-size:19px;font-weight:600}.signin-phone:focus-visible{outline:none}.signin-phone::placeholder{color:var(--ink-muted);opacity:1;font-weight:500}.signin-phone[readonly]{color:var(--ink-2)}.signin-go{background:var(--teal);width:44px;height:44px;color:var(--brand-butter);cursor:pointer;transition:background-color .14s var(--ease-press), transform .14s var(--ease-press);border:0;border-radius:2px;flex-shrink:0;place-items:center;display:grid}.signin-go:hover:not(:disabled){background:var(--teal-hover)}.signin-go:hover:not(:disabled) svg{transform:translate(2px)}.signin-go svg{transition:transform .16s var(--ease-press)}.signin-go:active:not(:disabled){transform:translate(-1px,1px)}.signin-go:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.signin-go:disabled{cursor:default}[data-stage=code] .signin-go,[data-stage=verifying] .signin-go,[data-stage=done] .signin-go{background:var(--success);color:#fff}.signin-spin{animation:.9s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-reveal{width:var(--w-back);opacity:0;transition:grid-template-rows var(--reveal-ms) var(--ease-press), opacity .26s var(--ease-press);grid-template-rows:0fr;display:grid}.signin-reveal[data-open=true]{opacity:1;grid-template-rows:1fr}.signin-reveal-inner{min-height:0;margin-left:-6px;padding:0 0 6px 6px;overflow:hidden}.signin-sheet{background:var(--surface);color:var(--ink);box-shadow:var(--extrude-box);transition:transform var(--reveal-ms) var(--ease-press);border-radius:3px;margin-top:14px;padding:16px 16px 6px;transform:translateY(-8px)}.signin-reveal[data-open=true] .signin-sheet{transform:none}[data-stage=phone] .signin-sheet,[data-stage=sending] .signin-sheet{padding-bottom:12px}.signin-sheet-lede{font-family:var(--sans);color:var(--ink-2);margin:0 0 12px;font-size:15px;line-height:1.45;display:block}.signin-sheet-num{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.signin-otp{border:1.5px solid var(--control);background:var(--raised);width:100%;height:60px;color:var(--ink);font-family:var(--mono);letter-spacing:.55em;text-align:center;font-variant-numeric:tabular-nums;border-radius:2px;outline:none;padding:0 0 0 .55em;font-size:28px;font-weight:500;display:block}.signin-otp:focus,.signin-otp:focus-visible{border-color:var(--teal);outline:3px solid var(--focus);outline-offset:2px}.signin-otp[aria-invalid=true]{border-color:var(--danger)}.signin-otp[readonly]{color:var(--ink-2);background:var(--surface)}.signin-error{font-family:var(--sans);color:var(--danger);align-items:flex-start;gap:8px;margin:0;font-size:15px;font-weight:500;line-height:1.4;display:flex}.signin-error svg{flex-shrink:0;margin-top:2px}.signin-otp+.signin-error,form+.signin-error{margin-top:10px}.signin-status{font-family:var(--sans);color:var(--teal);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.signin-status:not(:empty){margin-top:10px}.signin-actions{justify-content:space-between;gap:8px;margin:6px -4px 0;display:flex}.signin-quiet{cursor:pointer;min-height:44px;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--brand-sky);text-decoration-color:var(--brand-sky);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0 4px;font-size:14px;font-weight:800}.signin-quiet:hover:not(:disabled){-webkit-text-decoration-color:var(--brand-orange);text-decoration-color:var(--brand-orange)}.signin-quiet:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.signin-quiet:disabled{cursor:default;color:var(--ink-muted);text-decoration-color:#0000}.signin-paid{padding:12px 16px max(16px, env(safe-area-inset-bottom));text-align:center;font-family:var(--sans);color:var(--on-orange);text-wrap:balance;margin:0;font-size:12px;font-weight:500;line-height:1.4}@media (max-width:420px){.signin{--w-front:236px}.signin-stage{padding-top:40px}.signin-front{letter-spacing:.12em;font-size:16px}}@media (prefers-reduced-motion:reduce){.signin-lockup,.signin-control{animation:none}.signin-flip,.signin-card{transition:none}.signin-flip[data-flipped=true] .signin-card,.signin-back{transform:none}.signin-face{backface-visibility:visible;transition:opacity .22s linear,visibility 0s linear .22s}.signin-flip[data-flipped=true] .signin-face-front,.signin-flip[data-flipped=false] .signin-back{opacity:0}.signin-flip[data-flipped=true] .signin-back{transition:opacity .22s linear,visibility linear}.signin-reveal{transition:opacity .22s linear}.signin-sheet{transition:none;transform:none}.signin-front,.signin-go,.signin-lock>svg,.signin-go svg{transition:none}.signin-spin{animation-duration:2.4s}}