/* Orbit v116: the space look for every signed-in app. The page is deep space; the menu, the work area and the side rail
   are glass consoles floating in it. Everything inside the consoles keeps its own colours, so nothing becomes unreadable.
   html.orbit-light (a person's own choice, or the owner's switch) turns it off. */
/* The stars and the planet's glow are painted straight onto the page background: no extra full-screen layers, no
   blur behind the consoles and nothing that moves, because each of those costs picture memory on every page (v92). */
html:not(.orbit-light){background:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 72%,#cfd8ff,transparent 60%),radial-gradient(1.4px 1.4px at 44% 34%,#fff,transparent 60%),radial-gradient(1px 1px at 61% 12%,#bcd0ff,transparent 60%),radial-gradient(1.3px 1.3px at 73% 58%,#fff,transparent 60%),radial-gradient(1px 1px at 86% 82%,#d9e2ff,transparent 60%),radial-gradient(1.1px 1.1px at 94% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 6% 88%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 37% 92%,#cfd8ff,transparent 60%),radial-gradient(1px 1px at 52% 64%,#fff,transparent 60%),radial-gradient(900px 620px at 88% -8%,rgba(96,84,240,.34),transparent 62%),radial-gradient(760px 560px at -6% 108%,var(--o116-planet,rgba(210,96,58,.55)),transparent 60%),radial-gradient(1200px 800px at 50% 120%,rgba(20,90,200,.28),transparent 65%),#03040d;min-height:100%}
html:not(.orbit-light) body{background:transparent !important;min-height:100vh}
/* the consoles */
html:not(.orbit-light) .dm-side,html:not(.orbit-light) aside.sidebar,html:not(.orbit-light) main.shell>nav#nav.nav,
html:not(.orbit-light) .dm-main,html:not(.orbit-light) section.main,html:not(.orbit-light) .dm-rail,html:not(.orbit-light) aside.right{
  background:linear-gradient(180deg,rgba(248,250,255,.93),rgba(236,241,255,.9)) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 0 0 1px rgba(120,150,255,.16),0 12px 30px -18px rgba(40,70,255,.6) !important}
@media (min-width:900px){
  html:not(.orbit-light) .dm-side,html:not(.orbit-light) aside.sidebar{margin:10px 0 10px 10px;border-radius:26px !important;height:calc(100vh - 20px) !important;max-height:calc(100vh - 20px)}
  html:not(.orbit-light) main.shell>nav#nav.nav{border-radius:26px !important}
  html:not(.orbit-light) .dm-main,html:not(.orbit-light) section.main{margin:10px;border-radius:26px !important;height:calc(100vh - 20px) !important;max-height:calc(100vh - 20px);min-height:0 !important}
  html:not(.orbit-light) .dm-rail,html:not(.orbit-light) aside.right{margin:10px 10px 10px 0;border-radius:26px !important;height:calc(100vh - 20px) !important;max-height:calc(100vh - 20px)}
}
/* the menu: the page you are on glows like a lit station */
html:not(.orbit-light) .dm-nav button.active,html:not(.orbit-light) nav.menu button.active,html:not(.orbit-light) nav#nav.nav button.active{background:linear-gradient(135deg,#4f8cff,#8b5cf6) !important;color:#fff !important;box-shadow:0 10px 30px -10px rgba(90,110,255,.9),0 0 0 1px rgba(255,255,255,.25) inset !important}
html:not(.orbit-light) .dm-nav button,html:not(.orbit-light) nav.menu button,html:not(.orbit-light) nav#nav.nav button{border-radius:14px;transition:transform .15s ease,background .15s ease}
html:not(.orbit-light) .dm-nav button:hover,html:not(.orbit-light) nav.menu button:hover,html:not(.orbit-light) nav#nav.nav button:hover{transform:translateX(2px)}
/* the back office: the top strip and the work area are consoles too */
html:not(.orbit-light) body>header.top{background:linear-gradient(180deg,rgba(248,250,255,.93),rgba(236,241,255,.9)) !important;border:1px solid rgba(255,255,255,.55) !important;box-shadow:0 10px 24px -16px rgba(40,70,255,.6) !important}
html:not(.orbit-light) main.shell>section#content{background:linear-gradient(180deg,rgba(248,250,255,.93),rgba(236,241,255,.9));border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(120,150,255,.16),0 12px 30px -18px rgba(40,70,255,.6)}
@media (min-width:900px){html:not(.orbit-light) body>header.top{margin:10px 10px 0;border-radius:22px}html:not(.orbit-light) main.shell>section#content{margin:10px;border-radius:26px}html:not(.orbit-light) main.shell>nav#nav.nav{height:auto !important;max-height:none;margin:10px 0 10px 10px}}
/* the planet button sits on the glass */
html:not(.orbit-light) #o116-go{box-shadow:0 0 0 5px rgba(120,150,255,.18),0 14px 34px -10px rgba(60,80,255,.95) !important}
/* panels some pages place straight on the page get a console of their own */
html:not(.orbit-light) body>section.phase65-card,html:not(.orbit-light) body>section[id^="phase65"]{background:linear-gradient(180deg,rgba(248,250,255,.95),rgba(236,241,255,.93)) !important;border:1px solid rgba(255,255,255,.55);border-radius:26px;box-shadow:0 12px 30px -18px rgba(40,70,255,.6)}
/* the sky where the person is: the time of day and the weather tint the space behind the consoles */
html:not(.orbit-light)[data-orbit-day="dawn"],html:not(.orbit-light)[data-orbit-day="dusk"]{background:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 72%,#cfd8ff,transparent 60%),radial-gradient(1.4px 1.4px at 44% 34%,#fff,transparent 60%),radial-gradient(1px 1px at 61% 12%,#bcd0ff,transparent 60%),radial-gradient(1.3px 1.3px at 73% 58%,#fff,transparent 60%),radial-gradient(1px 1px at 86% 82%,#d9e2ff,transparent 60%),radial-gradient(1.1px 1.1px at 94% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 6% 88%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 37% 92%,#cfd8ff,transparent 60%),radial-gradient(1px 1px at 52% 64%,#fff,transparent 60%),radial-gradient(1100px 520px at 50% 112%,rgba(255,140,70,.34),transparent 62%),radial-gradient(900px 620px at 88% -8%,rgba(96,84,240,.34),transparent 62%),radial-gradient(760px 560px at -6% 108%,var(--o116-planet,rgba(210,96,58,.55)),transparent 60%),#03040d}
html:not(.orbit-light)[data-orbit-day="day"]{background:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 72%,#cfd8ff,transparent 60%),radial-gradient(1.4px 1.4px at 44% 34%,#fff,transparent 60%),radial-gradient(1px 1px at 61% 12%,#bcd0ff,transparent 60%),radial-gradient(1.3px 1.3px at 73% 58%,#fff,transparent 60%),radial-gradient(1px 1px at 86% 82%,#d9e2ff,transparent 60%),radial-gradient(1.1px 1.1px at 94% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 6% 88%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 37% 92%,#cfd8ff,transparent 60%),radial-gradient(1px 1px at 52% 64%,#fff,transparent 60%),radial-gradient(1000px 560px at 50% -14%,rgba(120,170,255,.32),transparent 62%),radial-gradient(900px 620px at 88% -8%,rgba(96,84,240,.34),transparent 62%),radial-gradient(760px 560px at -6% 108%,var(--o116-planet,rgba(210,96,58,.55)),transparent 60%),#03040d}
html:not(.orbit-light)[data-orbit-day="night"]{background:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 72%,#cfd8ff,transparent 60%),radial-gradient(1.4px 1.4px at 44% 34%,#fff,transparent 60%),radial-gradient(1px 1px at 61% 12%,#bcd0ff,transparent 60%),radial-gradient(1.3px 1.3px at 73% 58%,#fff,transparent 60%),radial-gradient(1px 1px at 86% 82%,#d9e2ff,transparent 60%),radial-gradient(1.1px 1.1px at 94% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 6% 88%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 37% 92%,#cfd8ff,transparent 60%),radial-gradient(1px 1px at 52% 64%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 20% 40%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 72%,#cfd8ff,transparent 60%),radial-gradient(1.4px 1.4px at 58% 22%,#fff,transparent 60%),radial-gradient(1px 1px at 61% 12%,#bcd0ff,transparent 60%),radial-gradient(1.3px 1.3px at 80% 70%,#fff,transparent 60%),radial-gradient(1px 1px at 86% 82%,#d9e2ff,transparent 60%),radial-gradient(1.1px 1.1px at 94% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 6% 88%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 37% 92%,#cfd8ff,transparent 60%),radial-gradient(1px 1px at 52% 64%,#fff,transparent 60%),radial-gradient(900px 620px at 88% -8%,rgba(96,84,240,.34),transparent 62%),radial-gradient(760px 560px at -6% 108%,var(--o116-planet,rgba(210,96,58,.55)),transparent 60%),#02030a}
html:not(.orbit-light)[data-orbit-weather="rain"],html:not(.orbit-light)[data-orbit-weather="storm"]{background:repeating-linear-gradient(104deg,transparent 0 26px,rgba(170,200,255,.09) 26px 27px,transparent 27px 61px),radial-gradient(900px 620px at 88% -8%,rgba(96,84,240,.34),transparent 62%),radial-gradient(760px 560px at -6% 108%,var(--o116-planet,rgba(210,96,58,.55)),transparent 60%),radial-gradient(1200px 500px at 50% -10%,rgba(120,140,180,.3),transparent 70%),#03040d}
html:not(.orbit-light)[data-orbit-weather="cloud"]{background:radial-gradient(700px 260px at 20% 12%,rgba(190,205,235,.16),transparent 70%),radial-gradient(820px 300px at 78% 30%,rgba(170,190,230,.13),transparent 70%),radial-gradient(900px 620px at 88% -8%,rgba(96,84,240,.34),transparent 62%),radial-gradient(760px 560px at -6% 108%,var(--o116-planet,rgba(210,96,58,.55)),transparent 60%),#03040d}
html:not(.orbit-light)[data-orbit-weather="snow"]{background:radial-gradient(2px 2px at 20% 30%,#fff,transparent 60%),radial-gradient(2px 2px at 70% 60%,#fff,transparent 60%),radial-gradient(1.5px 1.5px at 45% 80%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 72%,#cfd8ff,transparent 60%),radial-gradient(1.4px 1.4px at 44% 34%,#fff,transparent 60%),radial-gradient(1px 1px at 61% 12%,#bcd0ff,transparent 60%),radial-gradient(1.3px 1.3px at 73% 58%,#fff,transparent 60%),radial-gradient(1px 1px at 86% 82%,#d9e2ff,transparent 60%),radial-gradient(1.1px 1.1px at 94% 28%,#fff,transparent 60%),radial-gradient(1px 1px at 6% 88%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 37% 92%,#cfd8ff,transparent 60%),radial-gradient(1px 1px at 52% 64%,#fff,transparent 60%),radial-gradient(900px 620px at 88% -8%,rgba(96,84,240,.34),transparent 62%),radial-gradient(760px 560px at -6% 108%,var(--o116-planet,rgba(210,96,58,.55)),transparent 60%),#03040d}
/* each planet has its own light behind the consoles */
html[data-orbit-planet="mercury"]{--o116-planet:rgba(185,164,140,.5)}html[data-orbit-planet="venus"]{--o116-planet:rgba(232,181,106,.5)}html[data-orbit-planet="earth"]{--o116-planet:rgba(61,127,217,.55)}html[data-orbit-planet="mars"]{--o116-planet:rgba(210,96,58,.55)}html[data-orbit-planet="jupiter"]{--o116-planet:rgba(217,168,119,.5)}html[data-orbit-planet="saturn"]{--o116-planet:rgba(227,207,154,.45)}html[data-orbit-planet="uranus"]{--o116-planet:rgba(143,214,220,.45)}html[data-orbit-planet="neptune"]{--o116-planet:rgba(70,102,224,.6)}
/* the older pages drew two full-screen glows behind everything; in space they are not seen and each held a screen of picture memory */
html:not(.orbit-light) body::before,html:not(.orbit-light) body::after{display:none !important}