:root:has(.lock){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}:root:has(.lock) body{background:#000}.lock{min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--s-8)) max(var(--s-6), env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + var(--s-8)) max(var(--s-6), env(safe-area-inset-left));color:#f1f1ef;--glass-box:#ffffff0e;background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.lock-topo{width:100%;height:100%;animation:lock-fade 2.4s var(--ease-out) both;position:fixed;inset:0}.lock:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(60% 34% at 50% 54%,#000000b8,#0000 100%),radial-gradient(130% 90% at 50% 45%,#0000 55%,#000 100%);position:fixed;inset:0}.lock-col{z-index:2;justify-items:center;width:min(100%,340px);display:grid;position:relative}.lock-col>*{animation:lock-rise .9s var(--spring-smooth) backwards}.lock-col>:nth-child(2){animation-delay:90ms}.lock-col>:nth-child(3){animation-delay:.18s}.lock-col>:nth-child(n+4){animation-delay:.27s}@keyframes lock-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}@keyframes lock-fade{0%{opacity:0}}.lock-icon{border-radius:22.5%;width:84px;height:84px;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff24,0 0 0 .5px #ffffff0f,0 18px 40px -12px #000000e6,0 0 60px -10px #ff5a2e2e;animation-name:lock-icon-in!important;animation-duration:1.1s!important;animation-timing-function:var(--spring-bouncy)!important}.lock-icon svg{width:100%;height:100%;display:block}@keyframes lock-icon-in{0%{opacity:0;filter:blur(8px);transform:scale(.72)}}.lock-word{margin:var(--s-4) 0 0;font-family:var(--font-display);font-weight:500;font-size:calc(var(--t) * 30);line-height:calc(var(--t) * 36);letter-spacing:-.02em}.lock-code{width:100%;margin-top:var(--s-10);justify-items:center;display:grid}.lock-code[data-shake=a] .lock-boxes,.lock-code[data-shake=a] .lock-field{animation:.48s cubic-bezier(.36,.07,.19,.97) lock-shake-a}.lock-code[data-shake=b] .lock-boxes,.lock-code[data-shake=b] .lock-field{animation:.48s cubic-bezier(.36,.07,.19,.97) lock-shake-b}@keyframes lock-shake-a{0%,to{transform:translate(0)}15%{transform:translate(-9px)}32%{transform:translate(8px)}49%{transform:translate(-6px)}66%{transform:translate(4px)}83%{transform:translate(-2px)}}@keyframes lock-shake-b{0%,to{transform:translate(0)}15%{transform:translate(-9px)}32%{transform:translate(8px)}49%{transform:translate(-6px)}66%{transform:translate(4px)}83%{transform:translate(-2px)}}.lock-boxes{cursor:text;grid-template-columns:repeat(6,1fr);gap:10px;width:100%;display:grid;position:relative}.lock-box{background:var(--glass-box);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:60px;transition:box-shadow .26s var(--ease-out), background-color .26s var(--ease-out), transform var(--spring-bouncy-ms) var(--spring-bouncy);border-radius:15px;place-items:center;display:grid;position:relative;box-shadow:inset 0 .5px #ffffff1f,inset 0 0 0 1px #ffffff14}.lock-box[data-at]{background:#ffffff16;box-shadow:inset 0 .5px #ffffff29,inset 0 0 0 1px #ffffff47}.lock-box[data-at]:not([data-filled]):after{content:"";background:var(--signal);border-radius:1px;width:2px;height:24px;animation:1.1s step-end infinite lock-caret}@keyframes lock-caret{50%{opacity:0}}.lock-box i{width:12px;height:12px;transition:transform var(--spring-pop-ms) var(--spring-pop);background:#f1f1ef;border-radius:50%;transform:scale(0)}.lock-box[data-filled] i{transform:scale(1)}.lock-code[data-pending] .lock-box i{animation:.9s ease-in-out infinite lock-wait}.lock-code[data-pending] .lock-box:nth-child(2) i{animation-delay:80ms}.lock-code[data-pending] .lock-box:nth-child(3) i{animation-delay:.16s}.lock-code[data-pending] .lock-box:nth-child(4) i{animation-delay:.24s}.lock-code[data-pending] .lock-box:nth-child(5) i{animation-delay:.32s}.lock-code[data-pending] .lock-box:nth-child(6) i{animation-delay:.4s}@keyframes lock-wait{50%{opacity:.35;transform:scale(.8)}}.lock-code[data-shake] .lock-box{animation:lock-miss .9s var(--ease-out)}@keyframes lock-miss{0%{box-shadow:inset 0 .5px #ffffff1f,inset 0 0 0 1px #ff4a1cb3}}.lock-input{opacity:0;color:#0000;caret-color:#0000;cursor:text;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}:root[data-kbd] .lock-boxes:has(.lock-input:focus-visible) .lock-box[data-at]{box-shadow:inset 0 .5px 0 #ffffff29, 0 0 0 2px var(--focus)}.lock-field{width:100%;position:relative}.lock-field input{width:100%;height:56px;padding:0 60px 0 var(--s-5);background:var(--glass-box);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f1f1ef;transition:box-shadow .26s var(--ease-out);border:0;border-radius:18px;outline:none;box-shadow:inset 0 .5px #ffffff1f,inset 0 0 0 1px #ffffff14}.lock-field input::placeholder{color:#f1f1ef66}.lock-field input:focus{box-shadow:inset 0 .5px #ffffff29,inset 0 0 0 1px #ffffff47}.lock-go{background:var(--signal);color:#fff;cursor:pointer;width:40px;height:40px;transition:transform var(--spring-bouncy-ms) var(--spring-bouncy), opacity .2s var(--ease-out);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.lock-go:active{transition-duration:var(--press-ms);transform:scale(.9)}.lock-go:disabled{opacity:.35}.lock-go svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.lock-error{margin:var(--s-3) 0 0;min-height:calc(var(--t) * 18);font-size:calc(var(--t) * 14);line-height:calc(var(--t) * 18);color:#ff7a55;opacity:0;transition:opacity .24s var(--ease-out), transform var(--spring-smooth-ms) var(--spring-smooth);transform:translateY(-4px)}.lock-error[data-on]{opacity:1;transform:none}.lock-or{width:100%;margin:var(--s-6) 0 var(--s-5);align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:calc(var(--t) * 11);letter-spacing:.12em;text-transform:uppercase;color:#f1f1ef59;display:flex}.lock-or:before,.lock-or:after{content:"";background:#ffffff24;flex:1;height:.5px}.lock-google{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e3e3e3;width:100%;height:52px;font-size:calc(var(--t) * 16);letter-spacing:0;cursor:pointer;transition:transform var(--spring-bouncy-ms) var(--spring-bouncy);background:#131314d9;border:0;justify-content:center;align-items:center;gap:10px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #8e918f}.lock-google:active{transition-duration:var(--press-ms);transform:scale(.97)}.lock-google[data-nudge]{animation:lock-nudge .42s var(--ease-out)}@keyframes lock-nudge{30%{transform:translate(-4px)}60%{transform:translate(3px)}}.lock-soon{margin:var(--s-3) 0 0;font-size:calc(var(--t) * 13);line-height:calc(var(--t) * 18);color:#f1f1ef80;opacity:0;transition:opacity .26s var(--ease-out), transform var(--spring-smooth-ms) var(--spring-smooth);transform:translateY(-4px)}.lock-soon[data-on]{opacity:1;transform:none}@media (max-width:360px){.lock-boxes{gap:7px}.lock-box{border-radius:13px;height:54px}}@media (prefers-reduced-motion:reduce){.lock-topo,.lock-col>*{animation:none!important}}