.phone-auth{flex-direction:column;display:flex}.phone-auth .auth-form{flex-direction:column;gap:16px;display:flex}.link-phone-dialog{width:min(440px,100vw - 32px)}.link-phone-dialog .numbox:not(:focus-within):not(:has(.phone-number[aria-invalid=true])){box-shadow:inset 0 0 0 1px var(--line-strong)}.link-phone-dialog .phone-auth .input:not(:focus):not([aria-invalid=true]){border-color:var(--line-strong)}.phone-auth .input[aria-busy=true],.otp-cells[data-busy]{opacity:.7}.numbox:has(.phone-number[aria-busy=true]){opacity:.7}.phone-auth-error{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.phone-auth-taken,.phone-auth-email{align-self:flex-start;font-size:13px}.phone-auth-closed-title{font:800 20px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink);margin:0}.numbox{background:var(--surface-2);border-radius:22px;padding:14px 16px 16px;box-shadow:inset 0 0 0 2px #0000}.numbox:focus-within{box-shadow:inset 0 0 0 2px var(--ink)}.numbox:has(.phone-number[aria-invalid=true]){box-shadow:inset 0 0 0 2px var(--red)}.numbox .phone-country-wrap{width:auto;display:inline-flex}.numbox .phone-country{background:var(--surface);width:auto;height:30px;min-height:30px;box-shadow:none;color:var(--ink-2);border:0;border-radius:10px;gap:6px;padding:0 10px;font-size:13px;font-weight:700}.numbox .phone-country:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:none}.phone-country .phone-opt-name{display:none}.phone-country .phone-opt-dial{font:700 13px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-2)}.numbox .phone-number{width:100%;min-height:40px;font:700 30px/1.1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:0;outline:0;margin-top:10px;padding:0;display:block}.numbox .phone-number::placeholder{font:600 22px/1.1 var(--font);letter-spacing:0;color:var(--ink-3)}.phone-flag{object-fit:cover;width:20px;height:15px;box-shadow:0 0 0 1px var(--line);border-radius:3px;flex:none;display:block}.phone-opt{justify-content:space-between;align-items:baseline;gap:12px;width:100%;min-width:0;display:flex}.phone-opt-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.phone-opt-dial{font:500 12.5px/1 var(--mono);color:var(--ink-3);flex:none}.otp{width:100%;position:relative}.otp-cells{align-items:flex-end;gap:22px;display:flex}.otp-group{flex:1 1 0;gap:6px;min-width:0;display:flex}.otp-cell{border-bottom:3px solid var(--line-strong);min-width:0;height:64px;font:700 30px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);flex:1 1 0;justify-content:center;align-items:center;display:flex;position:relative}.otp-cell[data-filled]{border-bottom-color:var(--ink)}.otp-cell[data-active]{border-bottom-color:var(--yellow);background:var(--yellow-soft);border-radius:12px 12px 0 0}.otp-cells[data-invalid] .otp-cell{border-bottom-color:var(--red)}.otp-cells[data-invalid] .otp-cell[data-active]{background:color-mix(in srgb, var(--red) 10%, transparent)}.otp-caret{background:var(--ink);border-radius:1px;width:2.5px;height:30px;animation:1s steps(2,start) infinite otp-blink}@keyframes otp-blink{to{opacity:0}}@media (prefers-reduced-motion:reduce){.otp-caret{animation:none}}.otp:has(input:disabled) .otp-cells{opacity:.55}.phone-auth-sent{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:6px;font-size:15px;display:flex}.phone-auth-number{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.phone-auth-check{color:var(--green);font-weight:700}.phone-auth-row{min-height:24px;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:14px;display:flex}.phone-auth-countdown .mono{color:var(--ink)}.phone-auth-link{font:700 14px/1.3 var(--font);color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:2px 0;text-decoration-thickness:3px}.phone-auth-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.phone-auth-link:disabled{color:var(--ink-3);cursor:default;text-decoration:none}.phone-auth-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.phone-auth-info{background:var(--surface-2);color:var(--ink-2);border-radius:18px;flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 0;padding:12px 14px;font-size:13px;line-height:1.35;display:flex}.phone-auth-info .phone-auth-link{font-size:13px}.phone-auth-demo{border:1px dashed var(--line-strong);color:var(--ink-2);border-radius:999px;align-self:flex-start;padding:7px 10px}.phone-auth-demo .mono{letter-spacing:.24em;color:var(--ink)}.phone-auth-done{padding:8px 0;font-size:14px}@media (max-width:599px){.numbox .phone-country{height:44px;min-height:44px;padding:0 12px}.numbox .phone-number{min-height:44px;font-size:28px}.phone-auth-link{align-items:center;min-height:44px;display:inline-flex}.otp-cells{gap:16px}.phone-auth-info{padding:2px 14px}.otp-group{gap:4px}}@media (forced-colors:active){.numbox:focus-within{outline:2px solid canvastext}.otp-cell[data-active]{border-bottom-color:highlight}}
