:root:has(.lock){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}:root:has(.lock) body{background:#000}.lock{--ink-lock:#f1f1ef;--ink-lock-2:#f1f1ef9e;--ink-lock-3:#f1f1ef6b;--glass-box:#ffffff0e;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) + 64px) max(var(--s-6), env(safe-area-inset-left));color:var(--ink-lock);background:#000;place-items:center;display:grid;position:relative;overflow:hidden}.lock-topo{width:100%;height:100%;position:fixed;inset:0}.lock:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(min(64vw,300px) min(40vh,330px) at 50% 58%,#000000c7,#0000 100%),radial-gradient(150% 110% at 50% 45%,#0000 62%,#0000008c 100%);position:fixed;inset:0}.lock-col{z-index:2;text-align:center;justify-items:center;width:min(100%,340px);display:grid;position:relative}.lock-icon{animation:lock-land .76s var(--spring-bouncy) 40ms backwards}.lock-word{animation:lock-rise .6s var(--spring-smooth) .18s backwards}.lock-intro{animation:lock-rise .6s var(--spring-smooth) .26s backwards}.lock-label{animation:lock-rise .52s var(--spring-smooth) .32s backwards}.lock-box{animation:lock-box-in .56s var(--spring-bouncy) calc(.36s + var(--k) * 40ms) backwards}.lock-or{animation:lock-rise .52s var(--spring-smooth) .42s backwards}.lock-google-wrap{animation:lock-rise .56s var(--spring-smooth) .52s backwards}.lock-privacy{animation:lock-fade .6s var(--ease-out) .7s backwards}@keyframes lock-land{0%{opacity:0;filter:blur(10px);transform:scale(.55)}40%{opacity:1;filter:blur()}}@keyframes lock-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes lock-box-in{0%{opacity:0;transform:translateY(14px)scale(.86)}}@keyframes lock-fade{0%{opacity:0}}.lock-brand{justify-items:center;gap:14px;display:grid}.lock-icon{border-radius:22.5%;width:84px;height:84px;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff24}.lock-icon svg{width:100%;height:100%;display:block}.lock-word{--wm:calc(var(--t) * var(--fs-title3));color:var(--ink-lock)}.lock-intro{margin-top:var(--s-10);gap:6px;display:grid}.lock-title{font-size:calc(var(--t) * var(--fs-title1));line-height:calc(var(--t) * var(--lh-title1));margin:0;font-weight:700}.lock-line{font-size:calc(var(--t) * var(--fs-sub));line-height:calc(var(--t) * var(--lh-sub));color:var(--ink-lock-2);text-wrap:balance;margin:0}.lock-code{width:100%;margin-top:var(--s-8);justify-items:center;display:grid}.lock-label{margin-bottom:var(--s-3);font-size:calc(var(--t) * var(--fs-foot));line-height:calc(var(--t) * var(--lh-foot));color:var(--ink-lock-3)}.lock-code[data-shake=a] .lock-boxes{animation:.48s cubic-bezier(.36,.07,.19,.97) lock-shake-a}.lock-code[data-shake=b] .lock-boxes{animation:.48s cubic-bezier(.36,.07,.19,.97) lock-shake-b}@keyframes lock-shake-a{0%,to{transform:translate(0)}15%{transform:translate(-10px)}32%{transform:translate(9px)}49%{transform:translate(-6px)}66%{transform:translate(4px)}83%{transform:translate(-2px)}}@keyframes lock-shake-b{0%,to{transform:translate(0)}15%{transform:translate(-10px)}32%{transform:translate(9px)}49%{transform:translate(-6px)}66%{transform:translate(4px)}83%{transform:translate(-2px)}}.lock-boxes{--gap:10px;--box-r:15px;gap:var(--gap);cursor:text;grid-template-columns:repeat(6,1fr);width:100%;display:grid;position:relative}.lock-box{border-radius:var(--box-r);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);place-items:center;display:grid;position:relative;box-shadow:inset 0 .5px #ffffff1f,inset 0 0 0 1px #ffffff14}.lock-ring{width:calc((100% - 5 * var(--gap)) / 6);border-radius:var(--box-r);pointer-events:none;opacity:0;height:100%;translate:calc(var(--at,0) * (100% + var(--gap))) 0;transition:translate .48s var(--spring-bouncy), scale .32s var(--spring-smooth), opacity .24s var(--ease-out);animation:lock-fade .4s var(--ease-out) .7s backwards;position:absolute;top:0;left:0;scale:1.08;box-shadow:inset 0 0 0 1px #ffffff75,inset 0 1px #ffffff4d,0 0 0 4px #ffffff0e,0 0 24px #ffffff12}.lock-ring[data-on]{opacity:1;scale:1}.lock-box i{background:var(--ink-lock);width:12px;height:12px;transition:transform var(--spring-pop-ms) var(--spring-pop);border-radius:50%;transform:scale(0)}.lock-box[data-filled] i{transform:scale(1)}.lock-code[data-pending] .lock-box i{animation:lock-wait .9s ease-in-out calc(var(--k) * 80ms) infinite}@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-lenses{transform-origin:0 0;pointer-events:none;animation:lock-fade .52s var(--ease-out) .9s backwards;position:absolute;top:0;left:0;transform:scale(.5)}.lock-lenses>div>div{display:none}.lock-boxes:has(.lock-lenses) .lock-box{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff09}.lock-box{z-index:1}.lock-ring{z-index:2}.lock-input{z-index:3;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}.lock-error{margin:var(--s-3) 0 0;min-height:calc(var(--t) * var(--lh-foot));font-size:calc(var(--t) * var(--fs-foot));line-height:calc(var(--t) * var(--lh-foot));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-4) 0 var(--s-5);align-items:center;gap:var(--s-3);font-size:calc(var(--t) * var(--fs-foot));color:var(--ink-lock-3);display:flex}.lock-or:before,.lock-or:after{content:"";background:#ffffff24;flex:1;height:.5px}.lock-google-wrap{justify-items:center;width:100%;display:grid}.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) * var(--fs-body));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=a]{animation:lock-nudge-a .42s var(--ease-out)}.lock-google[data-nudge=b]{animation:lock-nudge-b .42s var(--ease-out)}@keyframes lock-nudge-a{30%{transform:translate(-4px)}60%{transform:translate(3px)}}@keyframes lock-nudge-b{30%{transform:translate(-4px)}60%{transform:translate(3px)}}.lock-note{margin:var(--s-3) 0 0;max-width:300px;font-size:calc(var(--t) * var(--fs-foot));line-height:calc(var(--t) * var(--lh-foot));color:var(--ink-lock-3);text-wrap:balance}.lock-privacy{z-index:2;left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--s-5));padding:var(--s-2) var(--s-3);font-size:calc(var(--t) * var(--fs-foot));color:var(--ink-lock-3);transition:color .2s var(--ease-out), opacity .2s var(--ease-out);text-decoration:none;position:fixed;translate:-50%}.lock-privacy:active{opacity:.5}@media (hover:hover) and (pointer:fine){.lock-privacy:hover{color:var(--ink-lock-2)}}@media (min-width:1024px){.lock-col{width:400px}.lock-icon{width:104px;height:104px}.lock-word{--wm:calc(var(--t) * var(--fs-title2))}.lock-title{font-size:calc(var(--t) * var(--fs-large));line-height:calc(var(--t) * var(--lh-large))}.lock-line{font-size:calc(var(--t) * var(--fs-body));line-height:calc(var(--t) * var(--lh-body))}.lock-boxes{--gap:12px;--box-r:17px}.lock-box{height:70px}.lock-google{height:56px}}@media (max-width:360px){.lock-boxes{--gap:7px;--box-r:13px}.lock-box{height:54px}}@media (max-height:700px){.lock-intro,.lock-code{margin-top:var(--s-6)}}@media (prefers-reduced-motion:reduce){.lock-col>*,.lock-col .lock-icon,.lock-col .lock-word,.lock-col .lock-box,.lock-privacy{animation:.4s ease-out both lock-fade!important}.lock-ring{transition:opacity .2s ease-out}}