: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-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 b{font-size:calc(var(--t) * 26);font-variant-numeric:tabular-nums;color:var(--ink-lock);opacity:0;transition:transform var(--spring-pop-ms) var(--spring-pop), opacity .12s var(--ease-out);font-weight:600;line-height:1;transform:scale(.4)}.lock-box[data-filled] b{opacity:1;transform:none}.lock-code[data-pending] .lock-box b{animation:lock-wait .9s ease-in-out calc(var(--k) * 80ms) infinite}.lock-code[data-ok] .lock-box{box-shadow:inset 0 .5px #ffffff2e,inset 0 0 0 1px #ffffff38}@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-lenses,.lock-lenses *{color:#0000!important;font-size:0!important}.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-step{justify-items:center;width:100%;display:grid}.lock-step>*{animation:lock-rise .52s var(--spring-smooth) backwards}.lock-step>:nth-child(2){animation-delay:60ms}.lock-step>:nth-child(3){animation-delay:.12s}.lock-step>:nth-child(4){animation-delay:.18s}.lock-line[data-alert]{color:#ffb49c}.lock-invited{color:var(--ink-lock);animation:lock-rise .42s var(--spring-bouncy) backwards;align-items:center;gap:6px;font-weight:500;display:inline-flex}.lock-actions{width:100%;margin-top:var(--s-6);gap:var(--s-3);display:grid}.lock-ways{gap:var(--s-4)}.lock-way{gap:6px;display:grid}.lock-cap{font-size:calc(var(--t) * var(--fs-foot));line-height:calc(var(--t) * var(--lh-foot));color:var(--ink-lock-2);text-align:center}.lock-code+.lock-actions{margin-top:var(--s-2)}.lock-alt{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:52px;color:var(--ink-lock);font-size:calc(var(--t) * var(--fs-body));cursor:pointer;transition:transform var(--spring-bouncy-ms) var(--spring-bouncy), background-color .2s var(--ease-out);background:#ffffff14;border:0;font-weight:500;box-shadow:inset 0 .5px #ffffff24}.lock-alt:active{transition-duration:var(--press-ms);background:#ffffff24;transform:scale(.97)}.lock-alt[data-lead]{color:#111;animation:lock-lead .9s var(--spring-bouncy) .3s backwards;background:#f1f1ef}@keyframes lock-lead{0%{transform:scale(.92)}}.lock-alt-plain{-webkit-backdrop-filter:none;backdrop-filter:none;height:44px;box-shadow:none;color:var(--ink-lock-2);font-size:calc(var(--t) * var(--fs-sub));background:0 0}.lock-alt-plain:active{opacity:.5;background:0 0}.lock-spin{margin-top:var(--s-8);gap:8px;display:flex}.lock-spin i{background:var(--ink-lock-2);border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite lock-wait}.lock-spin i:nth-child(2){animation-delay:.14s}.lock-spin i:nth-child(3){animation-delay:.28s}.install-guide{width:100%;margin-top:var(--s-8);align-items:flex-end;gap:var(--s-2);text-align:left;display:flex}.install-fillet{animation:tour-hop .62s var(--spring-bouncy) .2s backwards;flex:none}.lock-bubble{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink-lock);background:#ffffff14;box-shadow:inset 0 .5px #ffffff24}.lock-bubble .t-label{color:var(--ink-lock-3)}.install-steps{width:100%;margin:var(--s-5) 0 0;counter-reset:step;gap:var(--s-2);text-align:left;font-size:calc(var(--t) * var(--fs-sub));line-height:calc(var(--t) * var(--lh-sub));color:var(--ink-lock-2);padding:0;list-style:none;display:grid}.install-steps li{counter-increment:step;min-height:24px;padding:2px 0 0 36px;position:relative}.install-steps li:before{content:counter(step);width:24px;height:24px;color:var(--ink-lock);font-size:calc(var(--t) * var(--fs-foot));background:#ffffff1a;border-radius:50%;place-items:center;font-weight:600;display:grid;position:absolute;top:0;left:0}.install-steps b{color:var(--ink-lock);font-weight:600}.install-icon{vertical-align:-3px;color:#3e9bff}.install-code{width:100%;margin-top:var(--s-5);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-3);text-align:left;background:#ffffff0f;border-radius:18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.install-code>span{display:grid}.install-code .lock-label{margin:0;animation:none}.install-code-value{font-size:calc(var(--t) * var(--fs-title2));line-height:calc(var(--t) * var(--lh-title2));letter-spacing:.12em;font-variant-numeric:tabular-nums;font-weight:600}.lock-chip{height:36px;padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--ink-lock);font-size:calc(var(--t) * var(--fs-sub));cursor:pointer;transition:transform var(--spring-bouncy-ms) var(--spring-bouncy);background:#ffffff1a;border:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.lock-chip:active{transition-duration:var(--press-ms);transform:scale(.94)}.install-arrow{z-index:3;left:50%;bottom:calc(env(safe-area-inset-bottom) + 6px);width:2px;height:34px;animation:install-bob 1.6s var(--ease-out) .8s infinite backwards;background:linear-gradient(#f1f1ef00,#f1f1efb3);border-radius:1px;margin-left:-1px;position:fixed}.install-arrow:after{content:"";border-bottom:2px solid #f1f1efb3;border-right:2px solid #f1f1efb3;width:10px;height:10px;position:absolute;bottom:-1px;left:50%;translate:-50%;rotate:45deg}@keyframes install-bob{0%{opacity:0;transform:translateY(-14px)}30%{opacity:1}70%,to{opacity:0;transform:translateY(4px)}}@keyframes tour-hop{0%{transform:translateY(8px)scale(.94)}}.lock:has(.install-arrow) .lock-privacy{display:none}.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:disabled{color:#e3e3e361;cursor:default;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.lock-google:disabled svg{opacity:.38;filter:grayscale()}.lock-note{margin:var(--s-4) 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-step>*,.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}}