.lock{background:radial-gradient(140% 70% at 50% 8%, color-mix(in oklab, var(--accent) 11%, transparent) 0%, transparent 60%), var(--background);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.lock-id{text-align:center;min-width:0;padding:max(env(safe-area-inset-top), 28px) 24px 24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.lock-avatar{background:var(--surface);border:1px solid var(--border);width:72px;height:72px;font-family:var(--font-display);color:var(--accent);box-shadow:var(--shadow-lift,0 1px 2px #0000000a, 0 16px 34px -22px #0006);border-radius:50%;place-items:center;font-size:27px;font-weight:600;display:grid}.lock-avatar svg{width:34px;height:34px}.lock-logo{object-fit:contain;width:auto;max-width:190px;height:46px}.lock-who{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;font-size:22px;font-weight:600;line-height:1.15}.lock-where{color:var(--muted);font-size:13.5px;line-height:1.5}.lock-sheet{background:var(--surface);border-top:1px solid var(--border);padding:10px 20px max(env(safe-area-inset-bottom), 22px);border-radius:18px 18px 0 0;flex-direction:column;gap:14px;display:flex;box-shadow:0 -14px 40px -30px #00000080}.lock-grab{background:var(--border-strong);opacity:.7;border-radius:999px;width:36px;height:4px;margin:4px auto 6px}.lock-sheet form{flex-direction:column;gap:13px;display:flex}.lock-field{flex-direction:column;display:flex}.lock-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.lock-sheet input,.lock-sheet textarea{min-height:44px}.lock-sheet button:not(.lock-textbtn):not(.lock-inlink){min-height:46px}.lock-link,.lock-textbtn,.lock-inlink{cursor:pointer;color:var(--muted);background:0 0;border:0;font-family:inherit;position:relative}.lock-link{font-size:12.5px;text-decoration:none}.lock-textbtn{text-underline-offset:3px;padding:6px;font-size:13.5px;text-decoration:underline}.lock-link:hover,.lock-textbtn:hover{color:var(--foreground)}.lock-link:after,.lock-textbtn:after,.lock-inlink:after,.lock-install-add:after,.lock-install-skip:after{content:"";width:max(100%,44px);height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lock-alt{flex-direction:column;align-items:center;display:flex}.lock-rule{color:var(--muted);align-items:center;gap:10px;font-size:11.5px;display:flex}.lock-rule:before,.lock-rule:after{content:"";background:var(--border);flex:1;height:1px}.lock-legal{text-align:center;color:var(--muted);font-size:12.5px;line-height:1.6}.lock-inlink{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.lock-install{background:var(--surface);text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon text""act act";align-self:stretch;align-items:center;gap:12px;min-width:0;max-width:26rem;margin:20px 0 0;padding:12px 14px;display:grid;box-shadow:0 1px 2px #0000000d,0 10px 28px -18px #00000059}.lock-install-icon{background:var(--accent);width:42px;height:42px;color:var(--accent-foreground);box-shadow:0 4px 12px -6px color-mix(in oklab, var(--accent) 80%, transparent);border-radius:12px;grid-area:icon;align-self:start;place-items:center;display:grid}.lock-install-icon svg{width:24px;height:24px}.lock-install-text{flex-direction:column;grid-area:text;gap:2px;min-width:0;display:flex}.lock-install-title{letter-spacing:-.005em;font-size:13.5px;font-weight:600}.lock-install-sub{color:var(--muted);font-size:12px;line-height:1.4}.lock-install-act{grid-area:act;justify-content:flex-end;align-items:center;gap:4px;display:flex}.lock-install-add,.lock-install-skip{cursor:pointer;border:0;border-radius:999px;min-height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;position:relative}.lock-install-add{background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--accent)}.lock-install-add:hover{background:color-mix(in oklab, var(--accent) 20%, transparent)}.lock-install-skip{color:var(--muted);background:0 0;font-size:12.5px;font-weight:400}.lock-install-skip:hover{background:color-mix(in oklab, var(--foreground) 5%, transparent)}@media (min-width:880px){.lock{grid-template-rows:none;grid-template-columns:minmax(24px,1fr) minmax(0,26rem) clamp(40px,5vw,80px) minmax(0,400px) minmax(24px,1fr);align-content:center;padding-block:48px}.lock>.lock-id{grid-column:2;justify-self:end}.lock>.lock-sheet{grid-column:4;justify-self:start}.lock-id{text-align:left;align-items:flex-start;gap:18px;max-width:26rem;padding:0}.lock-avatar{width:80px;height:80px;font-size:30px}.lock-who{font-size:30px}.lock-where{font-size:15px}.lock-sheet{border:1px solid var(--border);border-radius:14px;width:100%;max-width:400px;padding:22px;box-shadow:0 1px 2px #00000008,0 22px 50px -34px #0000004d}.lock-grab{display:none}.lock-install{max-width:26rem;margin:20px 0 0}}@keyframes lock-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes lock-sheet-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.lock-id>*{animation:lock-rise .46s var(--ease-out,cubic-bezier(.22, 1, .36, 1)) both}.lock-id>:first-child{animation-delay:30ms}.lock-id>:nth-child(2){animation-delay:90ms}.lock-id>:nth-child(3){animation-delay:.15s}.lock-sheet{animation:.52s cubic-bezier(.22,1,.36,1) 60ms both lock-sheet-up}.lock-sheet>*{animation:.42s cubic-bezier(.22,1,.36,1) both lock-rise}.lock-sheet>:first-child{animation-delay:.15s}.lock-sheet>:nth-child(2){animation-delay:.195s}.lock-sheet>:nth-child(3){animation-delay:.235s}.lock-sheet>:nth-child(4){animation-delay:.27s}.lock-sheet>:nth-child(5){animation-delay:.3s}.lock-sheet>:nth-child(6){animation-delay:.325s}@media (prefers-reduced-motion:reduce){.lock *,.lock :before,.lock :after{transition:none!important;animation:none!important}}