/* legacy: flex gap stand-ins, active under html.nogap */
.nogap.nogap #signup .su-top>*+*{margin-left:14px}
.nogap.nogap #signup .su-top>:empty:first-child:last-child{margin-right:14px}
.nogap.nogap #signup .su-prog>*+*{margin-left:6px}
.nogap.nogap #signup .su-prog>:empty:first-child:last-child{margin-right:6px}
.nogap.nogap #signup .su-hint>*+*{margin-left:8px}
.nogap.nogap #signup .su-hint>:empty:first-child:last-child{margin-right:8px}
.nogap.nogap #signup .su-chips>*{margin-right:8px}
.nogap.nogap #signup .su-chips>*{margin-bottom:8px}
.nogap.nogap #signup .su-acts>*+*{margin-left:10px}
.nogap.nogap #signup .su-acts>:empty:first-child:last-child{margin-right:10px}
.nogap.nogap #signup .su-sm>*+*{margin-left:8px}
.nogap.nogap #signup .su-sm>:empty:first-child:last-child{margin-right:8px}
.nogap.nogap #signup .su-card .su-said>*+*{margin-left:9px}
.nogap.nogap #signup .su-card .su-said>:empty:first-child:last-child{margin-right:9px}
.nogap.nogap #signup .su-go>*+*{margin-left:4px}
.nogap.nogap #signup .su-go>:empty:first-child:last-child{margin-right:4px}
.nogap.nogap.nogap #signup .su-top{margin-right:auto;margin-left:auto}
.nogap.nogap.nogap #signup .su-steps{margin-right:auto;margin-left:auto}
.nogap.nogap.nogap #signup .su-foot{margin-right:auto;margin-left:auto}
#signup{position:fixed;z-index:55;left:0;right:0;top:0;bottom:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:linear-gradient(180deg,rgba(var(--glow),0) 34%,rgba(var(--glow),.04) 62%,rgba(var(--glow),.15) 100%),var(--bg);opacity:0}
@supports not (height:1dvh){#signup{height:calc(var(--dvh,1vh) * 100)}}
#signup.on{opacity:1;transition-property:opacity;transition-duration:.32s;transition-timing-function:linear}
#signup.su-out{opacity:0;pointer-events:none;transition-property:opacity;transition-duration:.42s;transition-delay:.08s;transition-timing-function:linear}
#signup *,#signup *::before,#signup *::after{box-sizing:border-box}
#signup h1,#signup p,#signup form,#signup label,#signup section{margin:0;padding:0}
#signup button,#signup input{font:inherit;color:inherit;margin:0;letter-spacing:inherit}
#signup button{cursor:pointer;-webkit-appearance:none;appearance:none}
#signup [hidden]{display:none!important}
#signup svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#signup :focus{outline:none}
#signup button:focus-visible,#signup a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#signup .su-sky{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none}
#signup .su-stars,#signup .su-twinkle{position:absolute;left:0;top:0;display:block}
#signup .su-twinkle{animation:suTwinkle 3.9s ease-in-out infinite alternate}
@keyframes suTwinkle{from{opacity:.25}to{opacity:1}}
#signup .su-sky::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(transparent,var(--horizon))}
#signup .su-planet{position:absolute;z-index:1;left:50%;top:var(--su-hz,79%);width:max(216vw,840px);height:max(216vw,840px);border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 50% 0,var(--orb-a),var(--orb-b) 18%);box-shadow:inset 0 1.6px 0 rgba(var(--rim),.85),0 0 0 1px rgba(var(--rim),.10),0 -2px 16px rgba(var(--glow),.30),0 -10px 70px rgba(var(--glow),.22)}
@supports not (width:min(1px,2px)){@media (max-width:388.9px){#signup .su-planet{width:840px}}
@media (min-width:388.9px){#signup .su-planet{width:216vw}}
@media (max-width:388.9px){#signup .su-planet{height:840px}}
@media (min-width:388.9px){#signup .su-planet{height:216vw}}}
#signup.su-low .su-planet{visibility:hidden}
#signup .su-top{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:14px;width:100%;max-width:520px;margin:0 auto;padding:calc(var(--sat) + 12px) 20px 0}
#signup .su-back{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid var(--line-2);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);color:var(--ink);box-shadow:inset 0 1px 0 rgba(var(--rim),.22);transition-property:transform,opacity;transition-duration:.16s,.25s;transition-timing-function:var(--ease),linear}
#signup .su-back:active{transform:scale(.92)}
#signup .su-back:disabled{opacity:.4;cursor:default}
#signup .su-back.gone{opacity:0;visibility:hidden}
#signup .su-back svg{width:20px;height:20px}
#signup .su-prog{flex:1;min-width:0;display:flex;gap:6px}
#signup .su-prog i{position:relative;flex:1;height:4px;border-radius:2px;overflow:hidden;background:var(--line-2)}
#signup .su-prog i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:inherit;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.55s;transition-timing-function:var(--ease)}
#signup .su-prog i.on::after{transform:none}
#signup .su-steps{position:relative;z-index:2;flex:1;min-height:0;width:100%;max-width:520px;margin:0 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#signup .su-steps::-webkit-scrollbar{display:none}
#signup.su-kbd .su-steps{-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent);mask-image:linear-gradient(#000 calc(100% - 22px),transparent)}
#signup .su-step{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(40px,8.4vh,112px) 24px 24px;visibility:hidden;pointer-events:none;opacity:0;transform:translate3d(var(--su-from,36px),0,0)}
@supports not (width:clamp(1px,2px,3px)){@media (max-height:476.2px){#signup .su-step{padding:40px 24px 24px}}
@media (min-height:476.2px) and (max-height:1333.3px){#signup .su-step{padding:8.4vh 24px 24px}}
@media (min-height:1333.3px){#signup .su-step{padding:112px 24px 24px}}}
#signup[data-dir="back"] .su-step{--su-from:-36px;--su-to:36px}
#signup .su-step.in,#signup .su-step.out{visibility:visible}
#signup .su-step.in{pointer-events:auto;opacity:1;transform:none;transition-property:opacity,transform;transition-duration:.34s,.72s;transition-timing-function:ease,var(--spring)}
#signup .su-step.out{opacity:0;transform:translate3d(var(--su-to,-36px),0,0);transition-property:opacity,transform;transition-duration:.2s,.3s;transition-timing-function:linear,var(--ease)}
#signup .w{display:inline-block;white-space:pre}
#signup .w,#signup .rv{opacity:0;filter:blur(10px);transform:translate3d(0,9px,0)}
#signup .su-step.in .w,#signup .su-step.in .rv{opacity:1;filter:none;transform:none;transition-property:opacity,filter,transform;transition-duration:.5s,.6s,.8s;transition-delay:var(--d,0ms);transition-timing-function:ease,ease,var(--spring)}
#signup .su-step.out .w,#signup .su-step.out .rv,#signup.su-out .su-step.in .w,#signup.su-out .su-step.in .rv{opacity:0;filter:blur(8px);transform:translate3d(0,-6px,0);transition-property:opacity,filter,transform;transition-duration:.2s,.22s,.26s;transition-delay:0ms;transition-timing-function:linear,linear,var(--ease)}
#signup .su-q{display:block;max-width:340px;font:650 17px/1.3 var(--display);letter-spacing:-.008em;color:var(--ink-2);text-wrap:balance}
#signup .su-a{width:100%;margin-top:18px}
#signup .su-big{display:block;width:100%;height:auto;margin:0;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;outline:none;text-align:center;font:700 clamp(34px,10.6vw,46px)/1.16 var(--display);letter-spacing:-.028em;color:var(--ink);caret-color:var(--accent);-webkit-appearance:none;appearance:none}
@supports not (width:clamp(1px,2px,3px)){@media (max-width:320.8px){#signup .su-big{font:700 34px/1.16 var(--display)}}
@media (min-width:320.8px) and (max-width:434px){#signup .su-big{font:700 10.6vw/1.16 var(--display)}}
@media (min-width:434px){#signup .su-big{font:700 46px/1.16 var(--display)}}}
#signup .su-big::placeholder{color:var(--ink);opacity:.2}
#signup .su-big.su-num{font:500 clamp(28px,8.8vw,40px)/1.2 var(--mono);letter-spacing:0;font-variant-numeric:tabular-nums}
@supports not (width:clamp(1px,2px,3px)){@media (max-width:318.2px){#signup .su-big.su-num{font:500 28px/1.2 var(--mono)}}
@media (min-width:318.2px) and (max-width:454.5px){#signup .su-big.su-num{font:500 8.8vw/1.2 var(--mono)}}
@media (min-width:454.5px){#signup .su-big.su-num{font:500 40px/1.2 var(--mono)}}}
#signup .su-field{--fill:var(--surface-2);position:relative;display:flex;align-items:center;width:100%;height:60px;border:1px solid transparent;border-radius:var(--r-lg);background:linear-gradient(var(--fill),var(--fill)) padding-box,
    radial-gradient(ellipse 46% 56px at 50% 0,rgba(var(--rim),var(--rim-a)),transparent 72%) border-box,
    linear-gradient(var(--line-2),var(--line-2)) border-box;transition-property:box-shadow;transition-duration:.2s;transition-timing-function:linear}
#signup .su-field:focus-within{box-shadow:0 0 0 3px rgba(var(--glow),.3)}
#signup .su-field.bad{background:linear-gradient(var(--fill),var(--fill)) padding-box,
    radial-gradient(ellipse 46% 56px at 50% 0,rgba(var(--rim),var(--rim-a)),transparent 72%) border-box,
    linear-gradient(var(--red),var(--red)) border-box}
#signup .su-field input{flex:1;min-width:0;width:100%;height:100%;margin:0;padding:0 18px 0 52px;border:0;border-radius:inherit;background:none;box-shadow:none;outline:none;color:var(--ink);font:500 17px/1.2 var(--body);letter-spacing:-.005em;caret-color:var(--accent);-webkit-appearance:none;appearance:none}
#signup .su-field input::placeholder{color:var(--ink-3);opacity:1}
#signup input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:inset 0 0 0 40px var(--surface-2);caret-color:var(--accent)}
#signup .su-big:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 80px var(--bg)}
#signup .su-fi{position:absolute;left:18px;top:50%;width:21px;height:21px;margin-top:-10.5px;color:var(--ink-3);pointer-events:none}
#signup .su-pw input{padding:0 56px;text-align:center;font:700 22px/1.2 var(--body);letter-spacing:.14em}
#signup .su-pw input[type="text"]{font-size:19px;letter-spacing:.01em}
#signup .su-eye{position:absolute;right:8px;top:50%;width:44px;height:44px;margin-top:-22px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-3)}
#signup .su-eye svg{width:21px;height:21px}
#signup .su-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;color:var(--ink-2);transition-property:color;transition-duration:.2s;transition-timing-function:linear}
#signup .su-hint i{width:17px;height:17px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid currentColor;transition-property:background-color,border-color;transition-duration:.2s;transition-timing-function:linear}
#signup .su-hint i svg{width:11px;height:11px;stroke-width:3.2;opacity:0;transform:scale(.4);transition-property:opacity,transform;transition-duration:.2s,.5s;transition-timing-function:linear,var(--spring)}
#signup .su-hint.ok{color:var(--green)}
#signup .su-hint.ok i{background:var(--green);border-color:transparent;color:var(--bg)}
#signup .su-hint.ok i svg{opacity:1;transform:none}
#signup .su-err{min-height:21px;max-width:340px;margin-top:10px;color:var(--red);font-size:13.5px;font-weight:600;line-height:1.45;text-wrap:balance}
#signup .su-have{margin-top:4px}
#signup .su-help{max-width:300px;margin-top:2px;color:var(--ink-2);font-size:14.5px;line-height:1.45;text-wrap:balance}
#signup .su-legal{max-width:300px;margin-top:14px;color:var(--ink-3);font-size:13px;line-height:1.5;text-wrap:balance}
#signup .su-legal a{display:inline-block;padding:7px 0;margin:-7px 0;color:var(--ink-2);font-weight:600;text-decoration:underline;text-underline-offset:2px}
#signup .su-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:360px;margin-top:10px}
#signup .su-chip{height:38px;padding:0 15px;border:1px solid var(--line-2);border-radius:999px;background:rgba(var(--rim),.05);color:var(--ink-2);font:500 13px/1 var(--mono);letter-spacing:.01em;white-space:nowrap;transition-property:transform,color,border-color,background-color;transition-duration:.16s,.2s,.2s,.2s;transition-timing-function:var(--ease),linear,linear,linear}
#signup .su-chip:active{transform:scale(.95)}
#signup .su-chip.on{color:var(--ink);border-color:rgba(var(--rim),.5);background:rgba(var(--rim),.12)}
#signup .su-title{max-width:360px;font:700 clamp(27px,7.8vw,33px)/1.12 var(--display);letter-spacing:-.024em;color:var(--ink);text-wrap:balance}
@supports not (width:clamp(1px,2px,3px)){@media (max-width:346.2px){#signup .su-title{font:700 27px/1.12 var(--display)}}
@media (min-width:346.2px) and (max-width:423.1px){#signup .su-title{font:700 7.8vw/1.12 var(--display)}}
@media (min-width:423.1px){#signup .su-title{font:700 33px/1.12 var(--display)}}}
#signup .su-card{--fill:var(--surface);position:relative;width:100%;max-width:380px;margin-top:26px;padding:18px 18px 16px;text-align:left;border:1px solid transparent;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:linear-gradient(var(--fill),var(--fill)) padding-box,
    radial-gradient(ellipse 46% 56px at 50% 0,rgba(var(--rim),var(--rim-a)),transparent 72%) border-box,
    linear-gradient(var(--line),var(--line)) border-box}
#signup .su-orb{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--accent-ink);background:radial-gradient(circle at 50% 6%,var(--orb-a),var(--orb-b) 72%,var(--orb-c));box-shadow:inset 0 1.2px 0 rgba(var(--rim),.95),inset 0 0 0 1px rgba(var(--rim),.26),0 0 0 5px rgba(var(--glow),.09),0 0 24px rgba(var(--glow),.3)}
#signup .su-orb svg{width:22px;height:22px}
#signup .su-card b{display:block;margin-top:14px;font:700 17px/1.25 var(--display);letter-spacing:-.012em;color:var(--ink)}
#signup .su-card p{margin-top:6px;color:var(--ink-2);font-size:14.5px;line-height:1.45;text-wrap:pretty}
#signup .su-acts{display:flex;gap:10px;margin-top:16px}
#signup .su-acts .su-sm{flex:1 1 0;padding:0 14px;white-space:nowrap}
#signup .su-sm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:999px;font:700 15px/1 var(--body);-webkit-user-select:none;user-select:none;transition-property:transform,opacity;transition-duration:.16s,.2s;transition-timing-function:var(--ease),linear}
#signup .su-sm:active{transform:scale(.962)}
#signup .su-sm:disabled{cursor:default}
#signup .su-sm.ghost{border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-weight:600}
#signup .su-sm.light{border:0;background:var(--btn-bg);color:var(--btn-fg)}
#signup .su-card .su-said{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:var(--ink-2);font-size:14.5px;font-weight:600;line-height:1.4}
#signup .su-card .su-said:empty{display:none}
#signup .su-said svg{width:18px;height:18px;flex:none;margin-top:1px}
#signup .su-card .su-said.ok{color:var(--green)}
#signup .su-foot{position:relative;z-index:2;flex:none;width:100%;max-width:520px;margin:0 auto;padding:10px 24px calc(var(--sab) + 16px)}
#signup.su-kbd .su-foot{padding-bottom:12px}
#signup .su-go{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;min-height:58px;padding:0 22px;border:0;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font:700 17px/1 var(--body);letter-spacing:-.005em;text-decoration:none;-webkit-user-select:none;user-select:none;transition-property:transform,opacity;transition-duration:.16s,.25s;transition-timing-function:var(--ease),linear}
#signup .su-go:active{transform:scale(.962)}
#signup .su-go[aria-disabled="true"]{opacity:.4}
#signup .su-go[aria-disabled="true"]:active{transform:none}
#signup .su-go:disabled{cursor:default}
#signup .su-go svg{width:19px;height:19px;margin-right:-6px;stroke-width:2.4}
#signup .su-spin{width:18px;height:18px;flex:none;margin-right:8px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;animation:suSpin .8s linear infinite}
#signup .su-sm .su-spin{width:15px;height:15px;margin-right:0;border-width:2px}
@keyframes suSpin{to{transform:rotate(360deg)}}
#signup .su-shake{animation:suShake .44s var(--ease)}
@keyframes suShake{20%{transform:translate3d(-8px,0,0)}40%{transform:translate3d(7px,0,0)}60%{transform:translate3d(-4px,0,0)}80%{transform:translate3d(2px,0,0)}}
#signup.su-kbd .su-step{padding-top:28px}
@media (min-width:700px) and (min-height:900px){#signup .su-step{padding-top:clamp(112px,19vh,240px)}
@supports not (width:clamp(1px,2px,3px)){@media (max-height:589.5px){#signup .su-step{padding-top:112px}}
@media (min-height:589.5px) and (max-height:1263.2px){#signup .su-step{padding-top:19vh}}
@media (min-height:1263.2px){#signup .su-step{padding-top:240px}}}
#signup.su-kbd .su-step{padding-top:72px}}
@media (max-height:600px){#signup .su-step{padding-top:24px}
#signup .su-a{margin-top:12px}
#signup .su-card{margin-top:18px}}
@media (prefers-reduced-motion:reduce){#signup,#signup *,#signup *::before,#signup *::after{animation:none!important;transition:none!important}}
#signin .si-hint.si-up{bottom:calc(var(--sab) + 50px)}
#signin>.si-new{position:absolute;left:50%;bottom:calc(var(--sab) + 6px);transform:translateX(-50%);white-space:nowrap}
#signin .forgot.si-new{color:var(--ink-2);font-weight:500}
#signin .forgot.si-new b{color:var(--accent-ink);font-weight:700}
#signin .si-join{display:flex;justify-content:center;margin:6px 0 -8px}