.code-slots{--cs-accent: #f5f5f5;--cs-ink: #f5f5f5;--cs-slot: #27272a;--cs-digit: #18181b;--cs-danger: #ff3b30;--cs-size: 44px;--cs-height: 52px;--cs-gap: 8px;--cs-radius: 12px;--cs-font: 22px;position:relative;display:inline-block}.code-slots__row{position:relative;display:inline-flex;gap:var(--cs-gap);cursor:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.code-slots__row[data-disabled]{opacity:.5;cursor:not-allowed}.code-slots__input{position:absolute;inset:0;z-index:4;margin:0;padding:0;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;font-size:16px;opacity:0;cursor:inherit;-webkit-appearance:none;appearance:none}.code-slots__wash{position:absolute;inset:0;z-index:1;display:grid;place-items:center;border-radius:var(--cs-radius);background:var(--cs-accent);color:var(--cs-digit);pointer-events:none}.code-slots__check{display:grid;place-items:center}.code-slots__slot{position:relative;width:var(--cs-size);height:var(--cs-height);border-radius:var(--cs-radius);overflow:hidden;background:var(--cs-slot);transition:background-color .2s ease;user-select:none;-webkit-user-select:none}.code-slots__fill{position:absolute;inset:0;border-radius:inherit;background:var(--cs-accent);transform-origin:center;transition:background-color .2s ease}@media(hover:hover)and (pointer:fine){.code-slots__row[data-status=idle]:not([data-disabled]):hover .code-slots__slot:not([data-active]){background:color-mix(in srgb,var(--cs-ink) 4%,var(--cs-slot))}}.code-slots__slot[data-active]{background:color-mix(in srgb,var(--cs-ink) 8%,var(--cs-slot))}.code-slots__row[data-status=error] .code-slots__slot{background:color-mix(in srgb,var(--cs-danger) 20%,var(--cs-slot))}.code-slots__row[data-status=error] .code-slots__fill{background:var(--cs-danger)}.code-slots__digit{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:var(--cs-digit);font-family:inherit;font-size:var(--cs-font);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.code-slots__caret{position:absolute;z-index:3;top:25%;left:calc(var(--cs-size) / 2 - .75px);width:1.5px;height:50%;opacity:0;pointer-events:none}.code-slots__caret[data-show]{opacity:1}.code-slots__caret-line{display:block;width:100%;height:100%;background:var(--cs-ink);animation:code-slots-blink 1s linear infinite}.code-slots__caret[data-filled]{left:calc(var(--cs-size) - 7px)}.code-slots__caret[data-filled] .code-slots__caret-line{background:var(--cs-digit)}@keyframes code-slots-blink{0%,49.9%{opacity:1}50%,to{opacity:0}}.code-slots__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){.code-slots__digit,.code-slots__check{transform:none!important;transition:opacity .15s ease}.code-slots__caret-line{animation:none}.code-slots__wash{opacity:0;transition:opacity .2s ease}.code-slots__row[data-status=success] .code-slots__wash{opacity:1}}.lattice-loader{--ll-n: 3;--ll-cell: 6px;--ll-gap: 2px;--ll-font: 14px;--ll-color: currentColor;--ll-mark: #22c55e;--ll-idle: .15;--ll-glow: currentColor;--ll-mark-glow: #22c55e;--ll-peak: 1;--ll-cycle: 864ms;--ll-ease-out: cubic-bezier(.23, 1, .32, 1);--ll-ease-in-out: cubic-bezier(.77, 0, .175, 1);position:relative;display:inline-flex;align-items:center;gap:calc(var(--ll-font) * .625);font-family:inherit;font-size:var(--ll-font);line-height:1}.lattice-loader__grid{display:grid;flex:none}.lattice-loader__layer{grid-area:1 / 1;display:grid;grid-template-columns:repeat(var(--ll-n),var(--ll-cell));gap:var(--ll-gap)}.lattice-loader__cell{width:var(--ll-cell);height:var(--ll-cell);border-radius:max(1px,calc(var(--ll-cell) * .25));background:var(--ll-color);opacity:var(--ll-idle)}.lattice-loader[data-shape=round] .lattice-loader__cell{border-radius:50%}.lattice-loader[data-glow] .lattice-loader__run .lattice-loader__cell:not([data-hole]){box-shadow:0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * .12) var(--ll-glow)}.lattice-loader[data-glow] .lattice-loader__mark .lattice-loader__cell[data-on]{box-shadow:0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * .12) var(--ll-mark-glow)}.lattice-loader__run{transition:opacity .2s ease}.lattice-loader__run .lattice-loader__cell{animation:lattice-on var(--ll-cycle) var(--ll-ease-in-out) infinite}.lattice-loader__run .lattice-loader__cell[data-lit="45"]{animation-name:lattice-on-45}.lattice-loader__run .lattice-loader__cell[data-lit="35"]{animation-name:lattice-on-35}.lattice-loader__run .lattice-loader__cell[data-lit="25"]{animation-name:lattice-on-25}.lattice-loader__run .lattice-loader__cell[data-hole]{animation:none;opacity:calc(var(--ll-idle) * .47)}.lattice-loader__mark{opacity:0;transform:scale(.9);transform-origin:center;transition:opacity .16s var(--ll-ease-out),transform .16s var(--ll-ease-out)}.lattice-loader__mark .lattice-loader__cell{transition:opacity .2s ease,background-color .2s ease}.lattice-loader__mark .lattice-loader__cell[data-on]{background:var(--ll-mark);opacity:var(--ll-peak)}.lattice-loader:not([data-status=working]) .lattice-loader__run{opacity:0}.lattice-loader:not([data-status=working]) .lattice-loader__run .lattice-loader__cell{animation-play-state:paused}.lattice-loader:not([data-status=working]) .lattice-loader__mark{opacity:1;transform:none;transition:opacity .2s ease,transform .2s var(--ll-ease-out)}.lattice-loader__label{position:relative;display:inline-block;font-weight:500}.lattice-loader__text{position:absolute;top:0;left:0;white-space:nowrap;opacity:0;filter:blur(2px);transition:opacity .2s ease,filter .2s ease}.lattice-loader__text[data-active]{position:static;opacity:1;filter:blur(0)}.lattice-loader__timer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--ll-font) * .875);font-variant-numeric:tabular-nums;opacity:.6}.lattice-loader__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes lattice-on{0%,to{opacity:var(--ll-idle)}18%,42%{opacity:var(--ll-peak)}62%{opacity:var(--ll-idle)}}@keyframes lattice-on-45{0%,to{opacity:var(--ll-idle)}13%,31%{opacity:var(--ll-peak)}45%{opacity:var(--ll-idle)}}@keyframes lattice-on-35{0%,to{opacity:var(--ll-idle)}10%,24%{opacity:var(--ll-peak)}35%{opacity:var(--ll-idle)}}@keyframes lattice-on-25{0%,to{opacity:var(--ll-idle)}7%,17%{opacity:var(--ll-peak)}25%{opacity:var(--ll-idle)}}@media(prefers-reduced-motion:reduce){.lattice-loader__run{--ll-peak: .7}.lattice-loader__run .lattice-loader__cell{animation-delay:0ms!important;animation-duration:1.4s!important}.lattice-loader .lattice-loader__mark{transform:none}.lattice-loader .lattice-loader__text{filter:none}}.auth-form :is([data-auth-code-slots],[data-signup-code-slots]){flex:1;min-width:0;height:45px}.auth-form .code-slots{display:block;height:45px}.auth-form .code-slots__row{vertical-align:top}.auth-form .code-slots__input:not([type=checkbox]){width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;outline:0;box-shadow:none;border-radius:8px;background:transparent;color:transparent;caret-color:transparent}.auth-form .code-slots__slot[data-active]{box-shadow:inset 0 0 0 1.5px #737b8b}.auth-form .code-slots__row[data-disabled]{opacity:1;cursor:wait}.auth-form .auth-code-retry{height:28px;margin-top:10px}.auth-form .auth-code-retry button{min-height:28px}.auth-form .code-slots__row:has(input:user-invalid) .code-slots__slot{box-shadow:inset 0 0 0 1px #ac4939}.auth-code-stage .auth-form-wrap{min-height:0;padding:32px 40px 28px}.auth-code-stage .auth-logo{margin-bottom:20px}.auth-code-stage .auth-form-wrap h1{margin:0;font-size:26px;line-height:1.4}.auth-code-stage [data-auth-intro]{display:none}.auth-code-stage [data-auth-verification]{margin-top:28px}.auth-code-stage .auth-form label:not(.check-label){margin:0 0 8px;line-height:18px}.auth-code-stage .auth-input-row,.auth-form :is([data-signup-code],[data-inline-login]) .auth-input-row{gap:12px}.auth-code-stage [data-auth-code-slots],.auth-form :is([data-signup-code-slots],[data-inline-login] [data-auth-code-slots]){flex:0 0 258px}:is(.auth-code-stage,.auth-page,[data-auth-inline]) .auth-form :is([data-signup-code],[data-inline-login]) .code-send,.auth-code-stage .auth-form .code-send{flex:1;font-size:12px;align-items:center;justify-content:center;text-align:center;padding-inline:8px;font-variant-numeric:tabular-nums}[data-code-send-visual],.code-send-visual{display:flex;align-items:center;justify-content:center;line-height:1}.code-send-visual .lattice-loader{gap:7px}.code-send-visual .lattice-loader__label{min-width:0;text-align:center}.code-send[data-resend-ready]{color:#b42318}.code-send:is([data-send-phase=cooldown],[data-send-phase=sending]):disabled{opacity:1;color:#666d79;cursor:default}@media(prefers-reduced-motion:reduce){.code-send-visual .lattice-loader__run .lattice-loader__cell{animation:none!important;opacity:.55}}.auth-code-stage .auth-code-options{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin-top:12px}.auth-code-stage .check-label{margin:0;font-size:12px}.auth-code-stage .auth-form .auth-code-retry{margin:0;flex:none}.auth-code-stage .auth-status{min-height:44px;margin:8px 0 0;font-size:12px;line-height:20px}.auth-code-stage .auth-note{margin:16px 0 0;padding-top:16px;font-size:11px;line-height:20px}
