.landing-login-dialog {
  --landing-login-panel:#1d1d1c;
  --landing-login-ink:#f5f5f3;
  --landing-login-line:#ffffff20;
  --landing-login-soft:#ffffff0c;
  width:min(500px,calc(100vw - 32px));
  max-width:500px;
  max-height:min(calc(100dvh - 32px),var(--landing-login-available-height,100dvh));
  padding:0;
  margin:auto;
  border:1px solid var(--landing-login-line);
  border-radius:28px;
  background:var(--landing-login-panel);
  color:var(--landing-login-ink);
  color-scheme:dark;
  overflow:hidden;
  overscroll-behavior:contain;
  box-shadow:0 12px 40px #0002;
}
.landing-login-dialog[data-theme=light] {
  --landing-login-panel:#fff;
  --landing-login-ink:#151515;
  --landing-login-line:#e4e4e0;
  --landing-login-soft:#00000008;
  color-scheme:light;
}
.landing-login-dialog::backdrop { background:#0006; }
.landing-login-dialog[data-fallback=true] { position:fixed; inset:0; height:fit-content; z-index:10000; box-shadow:0 0 0 100vmax #0006,0 12px 40px #0002; }
.landing-login-frame { display:block; width:100%; height:min(var(--landing-login-content-height,420px),calc(100dvh - 34px),calc(var(--landing-login-available-height,100dvh) - 2px)); border:0; background:var(--landing-login-panel); }
.landing-login-dialog[data-ready=false] .landing-login-frame { visibility:hidden; }
.landing-login-close { position:absolute; z-index:2; top:12px; right:12px; display:grid; place-items:center; width:34px; height:34px; padding:8px; border:0; border-radius:50%; background:transparent; color:var(--landing-login-ink); }
.landing-login-close:hover { background:var(--landing-login-soft); }
.landing-login-close svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
.landing-login-close:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.landing-login-status { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; margin:0; padding:50px 24px; font-size:13px; line-height:1.5; color:var(--landing-login-ink); opacity:.65; pointer-events:none; }
.landing-login-status[hidden] { display:none; }
@media (prefers-reduced-motion:no-preference) {
  .landing-login-dialog[open] { animation:landing-login-enter 170ms cubic-bezier(.22,1,.36,1) both; }
  .landing-login-dialog[open]::backdrop { animation:landing-login-backdrop 150ms ease-out both; }
}
@keyframes landing-login-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes landing-login-backdrop { from { opacity:0; } to { opacity:1; } }