/* Entry surfaces share a fixed, accessible palette independent of report themes. */
html body #authScreen{
  background:radial-gradient(ellipse at 8% 10%,#ac91733b,transparent 55%),radial-gradient(ellipse at 90% 90%,#8957682e,transparent 55%),#ece8e0!important;
  padding:24px!important;
}
html body #authScreen .auth-layout{
  width:min(1120px,100%)!important;min-height:min(740px,calc(100dvh - 48px))!important;
  grid-template-columns:.95fr 1.05fr!important;border-radius:30px!important;
  background:#ffffff45!important;border:1px solid #ffffffc9!important;
  box-shadow:0 28px 85px #382b2021,inset 0 1px 0 #fff9!important;
  backdrop-filter:blur(28px) saturate(125%)!important;-webkit-backdrop-filter:blur(28px) saturate(125%)!important;
}
html body #authScreen .auth-showcase{
  min-height:0!important;background:radial-gradient(ellipse at 48% 40%,#28251f 0%,#141619 55%,#101216 100%)!important;
}
html body #authScreen .auth-showcase::before{display:none!important}
html body #authScreen .auth-showcase::after{
  inset:18px!important;z-index:0!important;border:1px solid #eac78326;border-radius:20px;
  background:none!important;
}
html body #authScreen .login-celestial-art{
  inset:50% auto auto 50%!important;width:clamp(180px,23vw,300px)!important;height:auto!important;
  transform:translate(-50%,-70%)!important;object-fit:contain!important;background:transparent!important;z-index:1!important;
  filter:drop-shadow(0 5px 22px #e7b85f22)!important;
}
html body #authScreen .auth-showcase .brand{
  top:calc(50% + 105px)!important;bottom:auto!important;left:18px!important;right:18px!important;z-index:2;
}
html body #authScreen .auth-showcase .brand-copy{gap:14px!important}
html body #authScreen .auth-showcase .brand-copy strong{
  display:block!important;font:400 clamp(28px,3vw,40px)/1.1 Georgia,serif!important;letter-spacing:.22em!important;color:#efd399!important;
}
html body #authScreen .auth-showcase .brand-copy span{font:500 11px/1.5 system-ui!important;letter-spacing:.46em!important;color:#c8b58e!important}
html body #authScreen .auth-form-wrap{
  background:#fffdf5a8!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;
  padding:36px!important;align-self:stretch!important;
}
html body #authScreen .auth-form-wrap .input{
  background:#ffffff9c!important;border:1px solid #ad95734d!important;border-radius:13px!important;
  box-shadow:inset 0 1px 0 #fff,0 3px 12px #2f211305!important;
}
html body #authScreen .auth-form-wrap .input:-webkit-autofill{
  -webkit-text-fill-color:#30251f!important;caret-color:#30251f!important;
  -webkit-box-shadow:0 0 0 1000px #faf7f0 inset!important;
}
html body #authScreen .auth-tabs{background:#ffffff60!important;border-color:#ad957333!important;border-radius:16px!important}
html body #authScreen .registration-closed-notice{background:#ffffff55!important;border-color:#ad957333!important;border-radius:14px!important}
html body #authScreen .auth-tab.active,html body #authScreen .primary-btn{
  background:linear-gradient(135deg,#703455,#521b3a)!important;border-color:#632847!important;
  border-radius:13px!important;box-shadow:0 7px 20px #561d3b19,inset 0 1px 0 #ffffff26!important;
}
html body #authScreen .primary-btn:hover{filter:brightness(1.08)}
html body #authScreen :is(button,a,input):focus-visible{outline:2px solid #996b20!important;outline-offset:3px!important}

/* The real preparation gate owns the screen while work is pending. The short
   login animation must not sit beneath it as a second, dimmed intro. */
html body #bootScreen:not(.hidden):not(.r45-recovery-visible){
  flex-direction:column!important;gap:24px!important;
  background:radial-gradient(ellipse at 50% 38%,#28251f 0%,#141619 55%,#101216 100%)!important;
}
html body #bootScreen:not(.hidden):not(.r45-recovery-visible)>.boot-mark{display:grid!important;place-items:center;width:160px!important;height:160px!important;border:0!important;background:none!important;box-shadow:none!important;animation:none!important}
html body #bootScreen:not(.hidden):not(.r45-recovery-visible)>.boot-mark img{width:100%!important;height:100%!important;opacity:1!important;filter:none!important}
html body #bootScreen:not(.hidden):not(.r45-recovery-visible)>strong{display:block!important;color:#efd399!important;font:400 24px/1.3 Georgia,serif!important;letter-spacing:.16em!important}
body.atlas-home-startup-preparing #r45StartupOverlay{visibility:hidden!important;opacity:0!important}
html body #atlasHomeReadyGate,
html body #r45StartupOverlay{
  background:radial-gradient(ellipse at 50% 38%,#28251f 0%,#141619 55%,#101216 100%)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html body #atlasHomeReadyGate{overflow-y:auto;padding:24px 18px!important}
html body #atlasHomeReadyGate .atlas-home-ready-card,
html body #r45StartupOverlay .r45-card{
  width:min(460px,100%)!important;padding:24px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#f8edd5!important;text-align:center;
}
html body #atlasHomeReadyGate .atlas-home-ready-logo{display:block;width:160px;height:160px;margin:0 auto 24px;filter:drop-shadow(0 4px 24px #d6b06428)}
html body #atlasHomeReadyGate .atlas-home-ready-brand,
html body #r45StartupOverlay .r45-brand{font:400 28px/1.2 Georgia,serif!important;letter-spacing:.18em!important;color:#efd399!important;margin-bottom:26px}
html body #atlasHomeReadyGate .atlas-home-ready-brand span,
html body #r45StartupOverlay .r45-brand span{display:block;font:500 10px/1.5 system-ui!important;letter-spacing:.44em!important;margin-top:10px;color:#c8b58e!important}
html body #atlasHomeReadyGate .atlas-home-ready-card strong,
html body #r45StartupOverlay .r45-copy strong{font:400 24px/1.3 Georgia,serif!important;color:#f8edd5!important}
html body #atlasHomeReadyGate .atlas-home-ready-card p,
html body #r45StartupOverlay .r45-copy p{font:400 14px/1.6 system-ui!important;color:#c6c1b7!important;margin:12px 0 24px}
html body #atlasHomeReadyGate .atlas-home-ready-track{height:3px;max-width:250px;margin:0 auto;background:#e1c08426}
html body #atlasHomeReadyGate .atlas-home-ready-bar{background:#e1bd77}
html body #atlasHomeReadyGate .atlas-home-ready-status,
html body #r45StartupOverlay .r45-copy small{font:400 12px/1.5 system-ui!important;color:#bcb6a9!important;margin-top:14px}
html body #r45StartupOverlay .r45-card{display:flex!important;flex-direction:column;align-items:center;gap:0!important}
html body #r45StartupOverlay .r45-mark{order:-2!important;flex:none;width:160px!important;height:160px!important;border:0!important;background:none!important;box-shadow:none!important;margin:0 0 24px!important}
html body #r45StartupOverlay .r45-mark span,html body #r45StartupOverlay .r45-mark img{display:block;width:100%!important;height:100%!important;filter:none!important}
html body #r45StartupOverlay .r45-mark::after{display:none!important}
html body #r45StartupOverlay .r45-brand{order:-1!important}
html body #r45StartupOverlay .r45-dots{margin-top:16px}

/* A compact welcome dialog, including on dark report themes. */
html body #newcomerGuide{
  z-index:2147483350!important;inset:0!important;height:100dvh!important;padding:24px 18px!important;place-items:center!important;
  background:#080c16a6!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
html body #newcomerGuide .atlas-newcomer-guide-card{
  width:min(480px,100%)!important;max-height:calc(100dvh - 48px - env(safe-area-inset-bottom))!important;
  box-sizing:border-box;padding:30px!important;border:1px solid #ffffffa6!important;border-radius:26px!important;
  background:linear-gradient(145deg,#fffdf8f5,#f5efe5ef)!important;color:#342c26!important;
  box-shadow:0 24px 90px #0005,inset 0 1px 0 #fff!important;
}
html body #newcomerGuide .atlas-newcomer-guide-mark{width:64px;height:64px;margin:0 0 18px;background:#17191c;border-radius:18px}
html body #newcomerGuide .atlas-newcomer-guide-mark img{width:56px;height:56px}
html body #newcomerGuide .eyebrow{color:#82632e!important;font:700 10px/1.5 system-ui!important;letter-spacing:.18em!important}
html body #newcomerGuide h2{color:#342c26!important;font:400 clamp(26px,5vw,32px)/1.15 Georgia,serif!important;margin:9px 0 12px!important}
html body #newcomerGuide p{color:#6b6055!important;font:400 14px/1.6 system-ui!important;margin:0!important}
html body #newcomerGuide ol{gap:0!important;margin:20px 0!important}
html body #newcomerGuide li{padding:10px 0!important;border:0!important;border-bottom:1px solid #9c815226!important;border-radius:0!important;background:transparent!important}
html body #newcomerGuide li:last-child{border-bottom:0!important}
html body #newcomerGuide li>span{background:#b38c3e13!important;color:#84642d!important;font:500 15px Georgia,serif}
html body #newcomerGuide li b{color:#342c26!important;font:600 14px/1.4 system-ui!important}
html body #newcomerGuide li small{color:#6b6055!important;font:400 12px/1.5 system-ui!important}
html body #newcomerGuide .atlas-newcomer-guide-actions{grid-template-columns:1fr!important;gap:8px!important}
html body #newcomerGuide .primary-btn{min-height:48px!important;border:1px solid #642847!important;border-radius:13px!important;background:linear-gradient(135deg,#703455,#521b3a)!important;color:#fff9ef!important;font:600 14px/1.4 system-ui!important;box-shadow:0 6px 16px #561d3b19!important}
html body #newcomerGuide .ghost-btn{min-height:40px!important;background:transparent!important;border-color:transparent!important;color:#685c4d!important;font:500 13px/1.4 system-ui!important;box-shadow:none!important}
html body #newcomerGuide button:focus-visible{outline:2px solid #90651f!important;outline-offset:3px!important}

@media(min-width:901px) and (max-height:860px){
  html body #authScreen{padding:12px!important}
  html body #authScreen .auth-layout{min-height:0!important;height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}
  html body #authScreen .auth-form-wrap{padding:24px 32px!important}
}
@media(min-width:901px) and (max-height:680px){html body #authScreen .auth-form-wrap{padding:16px 28px!important}}
@media(max-width:900px){
  html body #authScreen{padding:12px!important;overflow-y:auto!important;max-height:none!important}
  html body #authScreen .auth-layout{grid-template-columns:1fr!important;border:1px solid #fff9!important;border-radius:24px!important;min-height:0!important;max-height:none!important}
  html body #authScreen .auth-showcase{height:144px!important;min-height:0!important}
  html body #authScreen .auth-showcase::after{inset:10px!important;border-radius:16px!important}
  html body #authScreen .login-celestial-art{width:106px!important;top:45%!important;left:29%!important;transform:translate(-50%,-50%)!important}
  html body #authScreen .auth-showcase .brand{top:54px!important;left:48%!important;right:18px!important;bottom:auto!important}
  html body #authScreen .auth-showcase .brand-copy{gap:10px!important}
  html body #authScreen .auth-showcase .brand-copy strong{font-size:23px!important;letter-spacing:.13em!important}
  html body #authScreen .auth-showcase .brand-copy span{font-size:9px!important}
  html body #authScreen .auth-form-wrap{padding:20px 22px max(24px,env(safe-area-inset-bottom))!important;overflow:visible!important;max-height:none!important}
  html body #authScreen .r45-auth-home-link{margin-bottom:10px!important}
  html body #authScreen .auth-form-wrap>p{font-size:14px!important}
  html body #authScreen .registration-closed-notice{font-size:12px!important;padding:10px 12px!important;margin-bottom:10px!important}
  html body #authScreen :is(.google-auth-panel,.apple-auth-panel){margin:8px 0!important}
  html body #authScreen .google-auth-separator{margin:8px 0!important}
  html body #authScreen .form-note a{font-size:12px!important}
}
@media(max-width:380px){
  html body #authScreen{padding:8px!important}
  html body #authScreen .auth-form-wrap{padding:22px 16px!important}
  html body #authScreen .auth-showcase .brand-copy strong{font-size:20px!important}
  html body #newcomerGuide .atlas-newcomer-guide-card{padding:24px!important}
}
@media(max-height:600px){
  html body #atlasHomeReadyGate .atlas-home-ready-logo,html body #r45StartupOverlay .r45-mark{width:100px!important;height:100px!important;margin-bottom:14px!important}
  html body #atlasHomeReadyGate .atlas-home-ready-brand,html body #r45StartupOverlay .r45-brand{margin-bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){
  html body #atlasHomeReadyGate *,html body #r45StartupOverlay *{animation:none!important;transition:none!important}
}