#login.ls-login-modal{box-sizing:border-box;width:min(960px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #484951;border-radius:16px;background:#08090b;color:#f0f0f5;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:auto}#login.ls-login-modal [hidden]{display:none!important}#login.ls-login-modal::backdrop{background:#000b;backdrop-filter:blur(8px)}#login.ls-login-modal .login-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;height:55px;padding:15px 24px;border-bottom:1px solid #ffffff0a;margin:0;background:#101115}#login.ls-login-modal .login-brandmark{font-size:14px;color:#dddde5;letter-spacing:.25em;font-weight:350}#login.ls-login-modal .close{position:static;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;color:#c3c4cf;border:0;border-radius:7px;background:#22232b;font-size:22px;cursor:pointer}#login-welcome{height:min(650px,calc(100dvh - 95px));min-height:560px}#login-tour{min-height:560px;background:radial-gradient(ellipse at 80% 25%,#202127,#08090b 65%)}#login.ls-login-modal .ls-tour{min-height:560px;padding:38px 35px;gap:35px}#login.ls-login-modal .ls-tour h1{font-size:37px}#login.ls-login-modal[data-screen=login]{width:min(420px,calc(100vw - 32px))}#login-entry{padding:30px 30px 24px}#login.ls-login-modal h2{font-size:25px;line-height:1.25;letter-spacing:-.035em;font-weight:450;color:#f0f0f5;margin:0 0 24px}#login.ls-login-modal label{font-size:12px;color:#c9c9d5;display:grid;gap:8px;margin:17px 0}#login.ls-login-modal input{width:100%;min-height:46px;padding:12px 13px;border:1px solid #4c4d59;border-radius:8px;background:#1b1c22;color:#eeeef7;font:400 16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:none}#login.ls-login-modal input:focus{outline:2px solid #d3d3df;outline-offset:3px;border-color:#d3d3df}#login.ls-login-modal .primary.full{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%;min-height:45px;padding:12px 15px;border:1px solid #e6e6ed;border-radius:8px;background:linear-gradient(145deg,#fafafa,#bfc0c7);color:#17181e;font:500 13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin-top:20px;cursor:pointer}#login.ls-login-modal .login-preview-note{font-size:11px;color:#9293a2;line-height:1.6;margin:15px 0}#login-status{color:#d6c3c1;font-size:12px;line-height:1.6}#login.ls-login-modal .login-request{display:flex;justify-content:center;align-items:center;gap:8px;border-top:1px solid #ffffff14;margin-top:22px;padding-top:18px;font-size:11px;color:#aaaab7}#login.ls-login-modal .login-request button,#login .ls-modal-links button{background:none;border:0;color:#c3c4d2;font:400 11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:9px 4px;min-height:35px;cursor:pointer}#login .ls-modal-links{display:flex;justify-content:center;gap:17px;margin-top:13px}#login button:focus-visible{outline:2px solid #eeeef5;outline-offset:4px}@media(max-width:700px){#login.ls-login-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}#login.ls-login-modal .ls-tour{padding:32px 24px;gap:27px}#login.ls-login-modal .ls-tour h1{font-size:31px}#login.ls-login-modal .login-dialog-head{padding:12px 18px}#login-entry{padding:26px 24px}#login-welcome{height:calc(100dvh - 90px)}}
#login.ls-login-modal{--ls-mobile-head:calc(56px + env(safe-area-inset-top,0px))}
/* The intro, tour and sign-in fill the webpage viewport at every screen size. */
@media all{
  #login.ls-login-modal,
  #login.ls-login-modal[data-screen=login]{
    position:fixed;inset:0;margin:0;width:100%;max-width:100%;
    height:100vh;height:100dvh;max-height:none;padding:0;
    border:0;border-radius:0;box-shadow:none;overflow:auto;
    overscroll-behavior:contain;scroll-padding-top:var(--ls-mobile-head);
    scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));
    -webkit-overflow-scrolling:touch;
  }
  #login.ls-login-modal .login-dialog-head{
    position:sticky;top:0;z-index:10;justify-content:flex-end;
    height:var(--ls-mobile-head);min-height:var(--ls-mobile-head);
    padding:calc(6px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 6px max(18px,env(safe-area-inset-left,0px));
    margin:0 0 calc(-1 * var(--ls-mobile-head));
    border:0;background:transparent;pointer-events:none;
  }
  #login.ls-login-modal .login-brandmark{display:none}
  #login.ls-login-modal .close{width:44px;height:44px;min-height:44px;pointer-events:auto}
  #login-welcome{height:100vh;height:100dvh;min-height:0}
  #login-welcome .ls-welcome,#login-welcome .ls-cinema-stage{min-height:0}
  #login-welcome .ls-skip-intro{
    top:calc(6px + env(safe-area-inset-top,0px));
    left:max(18px,env(safe-area-inset-left,0px));right:auto;min-height:44px;
  }
  #login-welcome .ls-welcome-copy{
    left:max(24px,env(safe-area-inset-left,0px));
    right:max(24px,env(safe-area-inset-right,0px));
  }
  #login-tour{min-height:100vh;min-height:100dvh}
  #login.ls-login-modal .ls-tour{
    min-height:100vh;min-height:100dvh;
    padding:calc(84px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));
  }
  #login-entry{
    min-height:100vh;min-height:100dvh;
    padding:calc(84px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));
  }
}
@media(max-width:1000px) and (max-height:680px) and (pointer:coarse){
  #login-welcome .ls-welcome-copy{
    top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));
    display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;
  }
  #login-welcome .ls-welcome-copy h1,#login-welcome .ls-welcome-copy p{grid-column:1/-1;margin:0}
  #login-welcome .ls-login-button,#login-welcome .ls-tour-button{margin:0;min-height:44px}
  #login-welcome .ls-login-button{gap:14px}
}

/* Keep sign-in comfortably readable inside the full-page experience. */
#login-entry{box-sizing:border-box;width:min(100%,480px);margin-inline:auto;display:flex;flex-direction:column;justify-content:center}
html:has(#login[open]),body:has(#login[open]){overflow:hidden}