.al-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483600;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);background:radial-gradient(120% 70% at 15% 0%,rgba(59,130,246,.38),transparent 60%),radial-gradient(110% 60% at 100% 100%,rgba(47,129,247,.3),transparent 62%),radial-gradient(80% 50% at 85% 20%,rgba(96,165,250,.16),transparent 70%),#0f1117;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden;animation:al-screen-in .26s ease-out both}.al-screen.is-leaving{animation:al-screen-out .28s ease-in forwards}@keyframes al-screen-in{0%{opacity:0}to{opacity:1}}@keyframes al-screen-out{to{opacity:0;transform:scale(1.06)}}.al-lock{width:26px;height:26px;color:#e5e7eb;margin-bottom:14px}.al-title{margin:0;font-size:20px;font-weight:500;letter-spacing:.01em;color:#f3f4f6}.al-sub{margin:6px 0 0;font-size:13px;color:#9ca3af}.al-pad{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px}.al-dots{display:flex;gap:22px;margin:26px 0 12px;height:14px}.al-dots.is-shaking{animation:al-shake .48s cubic-bezier(.36,.07,.19,.97) both}.al-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);background:transparent;transition:background-color .12s ease,transform .12s ease}.al-dot.is-filled{background:#fff;transform:scale(1.04)}@keyframes al-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-11px)}40%,60%{transform:translate(11px)}}.al-msg{min-height:34px;margin:0 0 18px;font-size:13px;line-height:1.35;text-align:center;color:#d1d5db}.al-msg.is-error{color:#f87171}.al-keys{display:grid;grid-template-columns:repeat(3,78px);-moz-column-gap:26px;column-gap:26px;row-gap:16px;justify-content:center}.al-key{position:relative;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff1f;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px #ffffff1f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:background-color .42s ease-out,transform .22s ease-out}.al-key.is-pressed{background:#ffffff6b;transform:scale(.96);transition:background-color 0ms,transform 60ms ease-out}.al-key:focus-visible{box-shadow:0 0 0 2px #60a5fa}.al-key:disabled{cursor:default;opacity:.45}.al-key-digit{font-size:34px;font-weight:300;line-height:1;letter-spacing:0}.al-key-letters{margin-top:3px;font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1;color:#ffffffd9;min-height:10px}.al-text-btn{width:78px;height:78px;border:none;background:transparent;color:#f3f4f6;font:inherit;font-size:15px;padding:0;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;transition:opacity .2s ease}.al-text-btn.is-pressed{opacity:.45;transition:opacity 0ms}.al-text-btn:disabled{opacity:.45;cursor:default}.al-text-btn.is-hidden{visibility:hidden}.al-keys,.al-key,.al-text-btn{touch-action:none}.al-spacer{width:78px;height:78px}.al-pad.is-compact .al-keys{grid-template-columns:repeat(3,64px);-moz-column-gap:20px;column-gap:20px;row-gap:12px}.al-pad.is-compact .al-key,.al-pad.is-compact .al-text-btn,.al-pad.is-compact .al-spacer{width:64px;height:64px}.al-pad.is-compact .al-key-digit{font-size:28px}.al-pad.is-compact .al-dots{margin-top:8px}.al-pad.is-compact .al-title{font-size:16px}.al-required{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px;text-align:center}.al-required-text{margin-top:10px;font-size:14px;line-height:1.45}.al-btn{margin-top:26px;padding:11px 26px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff1f;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);color:#fff;font:inherit;font-size:15px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease-out}.al-btn:active{background:#ffffff6b;transition:background-color 0ms}.al-btn:focus-visible{box-shadow:0 0 0 2px #60a5fa}.al-btn:disabled{cursor:default;opacity:.45}.al-contents{display:contents}.al-contents.is-hidden{visibility:hidden}@media(max-height:640px){.al-keys{row-gap:10px}.al-dots{margin:16px 0 8px}.al-lock{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.al-screen,.al-screen.is-leaving,.al-dots.is-shaking{animation:none}}