.wl{--wl-fg:var(--text);--wl-fg-2:var(--text-2);--wl-field:#fff;--wl-line:#16161a24;--wl-line-hover:#16161a47;--wl-err:#b3261e;--wl-info:var(--cobalt-deep);--wl-ring:#3d6bff52;padding-block:var(--section);color:var(--wl-fg);background:var(--paper)}.wl.ink{--wl-fg:var(--text-on-ink);--wl-fg-2:var(--text-2-on-ink);--wl-field:#ffffff12;--wl-line:#ffffff2e;--wl-line-hover:#ffffff52;--wl-err:#ff9d96;--wl-info:var(--cobalt-soft);--wl-ring:#8fa7ff66;background:var(--ink)}.wl--page{padding-top:clamp(120px,14vw,180px);padding-bottom:clamp(48px,7vw,96px)}.wl__wrap{width:min(100% - var(--gutter) * 2, 640px);text-align:center;justify-items:center;gap:18px;margin-inline:auto;display:grid}.wl__title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.125rem,1.4rem + 2.6vw,3.5rem);font-weight:600;line-height:1.05}.wl__lead{max-width:34em;font-size:var(--fs-lead);letter-spacing:-.01em;color:var(--wl-fg-2);text-wrap:balance;margin:0;line-height:1.45}.wl__stack{width:100%;margin-top:10px;display:grid}.wl__form,.wl__done{grid-area:1/1}.wl__form{transition:opacity .24s var(--ease-out), transform .24s var(--ease-out);align-content:start;gap:10px;display:grid}.wl__field{border-radius:var(--r-pill);background:var(--wl-field);border:1px solid var(--wl-line);min-height:60px;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);align-items:center;gap:6px;padding:6px;display:flex;box-shadow:0 1px 1px #0b0b0f0a,0 8px 24px #0b0b0f0f}.ink .wl__field{box-shadow:none}.wl__field:hover{border-color:var(--wl-line-hover)}.wl__field:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 4px var(--wl-ring)}.wl[data-state=invalid] .wl__field{border-color:var(--wl-err)}.wl__input{min-width:0;height:48px;color:inherit;font:inherit;letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:auto;padding:0 18px;font-size:1.0625rem}.wl__input::placeholder{color:var(--wl-fg-2);opacity:.75}.wl__btn{border-radius:var(--r-pill);background:var(--cobalt-strong);color:#fff;letter-spacing:-.01em;cursor:pointer;min-width:12.5em;min-height:48px;transition:transform .16s var(--ease-out), background-color .2s var(--ease-out);border:0;flex:none;padding:0 24px;font-size:1rem;font-weight:600;box-shadow:inset 0 1px #ffffff40,0 6px 16px #2f5aeb47}.wl__btn:hover{background:var(--cobalt-deep)}.wl__btn:active{transform:scale(.97)}.wl__btn:focus-visible{outline-offset:2px}.wl__btn[aria-disabled=true]{cursor:progress;background:var(--cobalt-deep)}.wl__btn[aria-disabled=true]:active{transform:none}.wl[data-state=busy] .wl__btn-label:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite wl-dots;display:inline-block}@keyframes wl-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.wl__hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.wl__msg{min-height:1.5em;font-size:var(--fs-small);color:var(--wl-err);text-align:center;text-wrap:balance;margin:0;padding-inline:18px;line-height:1.5}.wl__msg[data-tone=info]{color:var(--wl-info)}.wl__done{opacity:0;pointer-events:none;visibility:hidden;min-height:60px;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out), visibility 0s linear .28s;align-content:start;justify-items:center;gap:10px;display:grid;transform:translateY(8px)}.wl__done p{color:var(--wl-fg-2);max-width:28em;margin:0}.wl__done-title{letter-spacing:-.02em;outline:none;margin:0;font-size:1.5rem;font-weight:600}.wl__tick{background:var(--cobalt-strong);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 22px #2f5aeb52}.wl__tick svg{width:26px;height:26px}.wl[data-state=done] .wl__form{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility 0s linear .2s;transform:translateY(-8px)}.wl[data-state=done] .wl__done{opacity:1;pointer-events:auto;visibility:visible;transition-delay:80ms,80ms,0s;transform:none}.wl__fine{max-width:34em;font-size:var(--fs-fine);color:var(--wl-fg-2);text-wrap:pretty;margin:0;line-height:1.55}.wl__fine a{color:inherit;text-underline-offset:3px}.wl__fine a:hover{color:var(--wl-fg)}@media (width<=560px){.wl__msg{min-height:3em}.wl__field{border-radius:28px;flex-direction:column;align-items:stretch;gap:6px;padding:6px}.wl__input{text-align:center;padding-inline:14px}.wl__btn{width:100%}}@media (prefers-reduced-motion:reduce){.wl__form,.wl__done,.wl__btn,.wl__field{transition-duration:.001ms!important;transition-delay:0s!important}.wl[data-state=busy] .wl__btn-label:after{content:"...";animation:none}}.wl__pad{--pad-a:#eceef3;--pad-b:#d9dce5;--pad-line:#16161a1f;--pad-track:#16161a1a;aspect-ratio:1.6;background:linear-gradient(160deg, var(--pad-a), var(--pad-b));border:1px solid var(--pad-line);border-radius:22px;width:clamp(220px,32vw,300px);margin-bottom:14px;position:relative;box-shadow:inset 0 1px #fffc,0 18px 40px #0b0b0f1a}.ink .wl__pad{--pad-a:#ffffff1a;--pad-b:#ffffff0a;--pad-line:#ffffff2e;--pad-track:#ffffff1f;box-shadow:inset 0 1px #ffffff1f}.wl__pad:after{content:"";border-radius:inherit;opacity:0;transition:opacity .5s var(--ease-out);pointer-events:none;position:absolute;inset:-1px;box-shadow:0 0 0 1px #3d6bffb3,0 0 36px #3d6bff66}.wl[data-state=done] .wl__pad:after{opacity:1}.wl__corner{background:var(--pad-track);border-radius:50%;width:9px;height:9px;position:absolute}.wl__corner--tl{top:12%;left:14%}.wl__corner--tr{top:12%;right:14%}.wl__corner--bl{bottom:12%;left:14%}.wl__corner--br{bottom:12%;right:14%}.wl__edge{background:var(--pad-track);border-radius:99px;width:9px;position:absolute;top:10%;bottom:10%;overflow:hidden}.wl__edge--l{--lvl:.34;left:4.5%}.wl__edge--r{--lvl:.58;right:4.5%}.wl__edge b{border-radius:inherit;background:var(--cobalt);transform-origin:50% 100%;transform:scaleY(var(--lvl));transition:transform .6s var(--ease-out);position:absolute;inset:0}.wl:has([data-wl-input]:focus) .wl__edge--l{--lvl:.7}.wl:has([data-wl-input]:focus) .wl__edge--r{--lvl:.86}.wl[data-state=done] .wl__edge{--lvl:1}@media (width<=560px){.wl__pad{width:184px}}@media (prefers-reduced-motion:reduce){.wl__edge b,.wl__pad:after{transition-duration:.001ms!important}}
