.lg{isolation:isolate;place-items:center;min-height:100dvh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.lg-grid{z-index:-2;background-image:radial-gradient(#ffffff24 1px,#0000 1px);background-size:26px 26px;animation:30s linear infinite lg-drift;position:absolute;inset:-50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 38%);mask:radial-gradient(circle,#000 0%,#0000 38%)}@keyframes lg-drift{to{transform:translate(26px,52px)}}.lg-orb{z-index:-1;aspect-ratio:1;filter:blur(90px);opacity:.8;background:conic-gradient(#4ade802e,#22d3ee14,#a78bfa24,#4ade802e);border-radius:50%;width:min(720px,120vw);animation:18s linear infinite lg-turn;position:absolute}@keyframes lg-turn{to{transform:rotate(360deg)}}.lg-card{width:min(380px,100%);animation:rise .8s var(--ease) both;flex-direction:column;align-items:center;display:flex}.lg-logo{letter-spacing:.01em;background:linear-gradient(#fff 35%,#ffffff59);color:#0000;filter:drop-shadow(0 0 40px #4ade802e);-webkit-background-clip:text;background-clip:text;font-size:clamp(88px,22vw,132px)}.lg-sub{align-items:center;gap:9px;margin-top:14px;display:inline-flex}.lg-form{width:100%;margin-top:34px}.lg-field{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(14px);background:#0c0c0ecc;border-radius:999px;align-items:center;gap:10px;height:56px;padding:0 6px 0 18px;transition:border-color .2s,box-shadow .3s;display:flex}.lg-field:focus-within{border-color:#4ade808c;box-shadow:0 0 0 4px #4ade801a,0 0 50px #4ade8026}.lg-field>svg{color:var(--mute);flex:none}.lg-field input{letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.lg-go{background:var(--text);color:#000;width:44px;height:44px;transition:transform .2s var(--spring), background .2s, box-shadow .25s;border-radius:50%;place-items:center;display:grid}.lg-go:hover{transform:scale(1.06);box-shadow:0 0 24px #ffffff4d}.lg-done .lg-go{background:var(--accent)}.lg-spin{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite lg-turn}.lg-code{flex-direction:column;align-items:center;display:flex;position:relative}.lg-code input{opacity:0;width:1px;height:1px;position:absolute}.lg-boxes{cursor:text;gap:8px;display:flex}.lg-boxes span{border:1px solid var(--line-2);width:46px;height:56px;font-family:var(--mono);transition:border-color .15s, transform .2s var(--spring);background:#0c0c0ecc;border-radius:12px;place-items:center;font-size:22px;display:grid}.lg-boxes span[data-full=true]{border-color:var(--line-3);transform:translateY(-2px)}.lg-boxes span[data-on=true]{border-color:var(--accent);box-shadow:0 0 0 3px #4ade801f}.lg-hint{color:var(--mute);margin-top:12px;font-size:13px}.lg-err{text-align:center;min-height:20px;color:var(--red);margin-top:14px;font-size:13.5px}.lg-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) lg-shake}@keyframes lg-shake{20%,80%{transform:translate(-4px)}40%,60%{transform:translate(6px)}50%{transform:translate(-6px)}}.lg-done{animation:lg-out .55s var(--ease) forwards}@keyframes lg-out{to{opacity:0;filter:blur(4px);transform:scale(.96)}}.lg-foot{bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.2em;color:var(--dim);text-transform:uppercase;font-size:11px;position:absolute}