/* z-index kept below MemberSpace modal (1999999998) so sign-in is visible. */
#rr-gate{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#1d50d4,#1749c7);color:#f6f9ff;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);
  font-family:Outfit,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}
.rr-gate-card{max-width:360px;width:100%}
.rr-gate-logo{width:104px;height:104px;border-radius:26px;display:block;margin:0 auto 22px;box-shadow:0 14px 34px -10px rgba(3,11,34,.65)}
#rr-gate h1{font:900 2.4rem/1 "Barlow Condensed",sans-serif;letter-spacing:.02em;margin:0 0 10px;color:#ffe04b;text-transform:uppercase}
#rr-gate p{margin:0 0 26px;line-height:1.55;color:#e0ebff}
#rr-signin{width:100%;border:0;border-radius:999px;padding:16px 22px;font:800 1rem/1 Nunito,sans-serif;cursor:pointer;
  background:#ffe04b;color:#101e45;transition:transform .12s ease,background-color .12s ease}
#rr-signin:active{transform:scale(.97)}
#rr-old-home-pill{position:fixed;right:12px;top:calc(env(safe-area-inset-top,0px) + 72px);z-index:1100;
  padding:7px 13px;border-radius:999px;background:rgba(16,30,69,.88);border:1px solid #496ba5;
  color:#f6f9ff;font:600 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em;text-decoration:none;
  box-shadow:0 4px 14px -6px rgba(3,11,34,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#rr-install{position:fixed;inset:0;z-index:1300;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(9,21,47,.55);animation:rrFade .25s ease}
.rr-install-sheet{width:100%;max-width:440px;background:#101e45;color:#e0ebff;border-radius:24px 24px 0 0;
  padding:26px 24px calc(env(safe-area-inset-bottom,0px) + 22px);font-family:Outfit,-apple-system,sans-serif;
  box-shadow:0 -14px 40px -12px rgba(0,0,0,.5);animation:rrUp .32s cubic-bezier(.2,.9,.3,1)}
.rr-install-logo{width:64px;height:64px;border-radius:16px;display:block;margin:0 0 14px}
.rr-install-sheet h2{font:900 1.7rem/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#ffe04b;margin:0 0 12px}
.rr-install-sheet p{margin:0 0 18px;line-height:1.5}
.rr-install-sheet ol{margin:0 0 20px;padding-left:20px;line-height:1.6}
.rr-install-sheet li{margin:0 0 6px}
.rr-install-sheet li svg{vertical-align:-3px;color:#ffe04b}
.rr-install-sheet b{color:#fff}
.rr-install-go,.rr-install-later{width:100%;border:0;border-radius:999px;padding:15px 20px;font:800 1rem/1 Nunito,sans-serif;cursor:pointer;
  transition:transform .12s ease,background-color .12s ease}
.rr-install-go{background:#ffe04b;color:#101e45;margin-bottom:10px}
.rr-install-later{background:transparent;color:#ffe04b;border:2px solid rgba(255,224,75,.5)}
.rr-install-go:active,.rr-install-later:active{transform:scale(.97)}
@keyframes rrUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes rrFade{from{opacity:0}to{opacity:1}}
/* iOS installed app: keep content below the status bar / notch. */
body{padding-top:env(safe-area-inset-top,0px)}
.whole-player{height:calc(100dvh - 64px - env(safe-area-inset-top,0px))}
body[data-screen=lesson] #mm-home-btn{display:none}
