.liquid-login{background:var(--bg);min-height:100%;color:var(--ink);flex:1;place-items:center;padding:24px 16px;display:grid}.liquid-login__card{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:100%;max-width:400px;padding:28px 24px 24px}.liquid-login__brand{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.liquid-login__tagline{color:var(--note);margin:6px 0 24px;font-size:12.5px;line-height:1.55}.liquid-login__row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.liquid-login__back{font:inherit;color:var(--note);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:12px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.liquid-login__back:hover{text-decoration-color:currentColor}.liquid-login__eb{--eb-btn:44px;--eb-gap:12px;--eb-reserve:56px;height:48px;position:relative}.liquid-login__eb svg{will-change:auto!important}.liquid-login__eb-field{background:var(--field);border-radius:999px;width:100%;height:48px;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.liquid-login__eb[data-open=true] .liquid-login__eb-field{width:calc(100% - var(--eb-reserve))}@media (prefers-reduced-motion:reduce){.liquid-login__eb-field{transition:none}}.liquid-login__eb-input{width:100%;height:100%;font:inherit;color:var(--ink);background:0 0;border:0;border-radius:999px;outline:none;padding:0 18px;font-size:16px}.liquid-login__eb-input::placeholder{color:var(--label)}.liquid-login__eb-input:focus-visible{box-shadow:0 0 0 2px var(--accent);border-radius:999px;outline:none}.liquid-login__eb-btn-slot{width:var(--eb-btn);height:var(--eb-btn);background:var(--field);border-radius:50%;position:absolute;top:2px;right:0}.liquid-login__eb-btn{width:100%;height:100%;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.liquid-login__eb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.liquid-login__eb-arrow{opacity:0;transition:opacity .15s}.liquid-login__eb[data-open=true] .liquid-login__eb-arrow{opacity:1;transition-delay:60ms}.liquid-login__error{color:var(--risk);margin:10px 2px 0;font-size:13px;line-height:1.45}.liquid-login__hint{color:var(--note);margin:8px 2px 0;font-size:12px}.liquid-login__alternate{color:var(--note);text-align:center;text-underline-offset:4px;margin-top:20px;font-size:12.5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s;display:block}.liquid-login__alternate:hover{text-decoration-color:currentColor}.liquid-login__note{color:var(--note);text-align:center;margin:18px 0 0;font-size:12px;line-height:1.55}.liquid-login__step[data-active=false]{display:none}.liquid-login__step+.liquid-login__step{margin-top:18px}@keyframes liquid-login-reveal{0%{opacity:0}to{opacity:1}}.liquid-login__step--reveal[data-active=true]{animation:.35s both liquid-login-reveal}@media (prefers-reduced-motion:reduce){.liquid-login__step--reveal[data-active=true]{animation:none}.liquid-login__eb-arrow{transition:none}}