/* ORBITA 14 · FUTURISTIC MOTION SYSTEM
   Short entrance cues and slow ambient motion. No canvas, WebGL or continuous blur. */
@keyframes orbita88-view-rise{
  from{opacity:0;transform:translate3d(0,12px,0) scale(.995)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes orbita88-line-sweep{
  0%,20%{transform:translate3d(-130%,0,0);opacity:0}
  35%{opacity:.85}
  60%{transform:translate3d(390%,0,0);opacity:0}
  100%{transform:translate3d(390%,0,0);opacity:0}
}
@keyframes orbita88-core-breathe{
  0%,100%{transform:scale(1);opacity:.96}
  50%{transform:scale(1.055);opacity:1}
}
@keyframes orbita88-edge-pulse{
  0%,100%{opacity:.48}
  50%{opacity:.95}
}
@keyframes orbita88-nav-aura{
  0%,100%{opacity:.55;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-2px)}
}
#app-shell .view.active{animation:orbita88-view-rise .46s cubic-bezier(.2,.75,.25,1) both}
#app-shell .hero-row{animation:orbita88-view-rise .72s cubic-bezier(.2,.75,.25,1) both}
#app-shell .hero-orbit-art .orbit-sun{animation:orbita88-core-breathe 7s ease-in-out infinite}
#app-shell .hero-orbit-art .ring-a{animation:orbita56-ring-glow 7s ease-in-out infinite,orbita88-edge-pulse 6s ease-in-out infinite}
#app-shell .hero-orbit-art .ring-b{animation:orbita56-ring-glow 7s ease-in-out infinite 1.2s,orbita88-edge-pulse 7s ease-in-out infinite .8s}
#app-shell .hero-orbit-art .ring-c{animation:orbita56-ring-glow 7s ease-in-out infinite 2.4s,orbita88-edge-pulse 8s ease-in-out infinite 1.6s}
#app-shell .metric-card{animation:orbita88-view-rise .62s cubic-bezier(.2,.75,.25,1) both}
#app-shell .metric-card:nth-child(2){animation-delay:70ms}
#app-shell .metric-card:nth-child(3){animation-delay:140ms}
#app-shell .metric-card:after{
  content:"";position:absolute;left:-35%;top:0;width:28%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(131,240,255,.9),rgba(205,160,255,.78),transparent);
  box-shadow:0 0 16px rgba(83,231,245,.44);
  transform:translate3d(-130%,0,0);animation:orbita88-line-sweep 9s ease-in-out infinite
}
#app-shell .metric-card:nth-child(2):after{animation-delay:2.2s}
#app-shell .metric-card:nth-child(3):after{animation-delay:4.4s}
#app-shell .impulse-symbol{animation:orbita88-core-breathe 8s ease-in-out infinite}
#app-shell .mobile-nav button.active span{animation:orbita88-nav-aura 4s ease-in-out infinite}
#app-shell .topbar:after{animation:orbita88-edge-pulse 5s ease-in-out infinite}
#app-shell .panel,#app-shell .shortcut-card,#app-shell .explore-card{transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}
@media(hover:hover){
  #app-shell .panel:hover{transform:translateY(-2px)}
}
@media(max-width:700px){
  #app-shell .view.active{animation-duration:.32s}
  #app-shell .metric-card:after{animation-duration:12s;opacity:.6}
  #app-shell .panel,#app-shell .shortcut-card,#app-shell .explore-card{transition:border-color .18s ease,box-shadow .18s ease}
}
@media(prefers-reduced-motion:reduce){
  #app-shell .view.active,#app-shell .hero-row,#app-shell .hero-orbit-art .orbit-sun,
  #app-shell .hero-orbit-art .ring-a,#app-shell .hero-orbit-art .ring-b,#app-shell .hero-orbit-art .ring-c,
  #app-shell .metric-card,#app-shell .metric-card:after,#app-shell .impulse-symbol,
  #app-shell .mobile-nav button.active span,#app-shell .topbar:after{
    animation:none!important;transition:none!important
  }
}
@media(prefers-reduced-data:reduce){
  #app-shell .metric-card:after{display:none}
  #app-shell .hero-orbit-art .ring-a,#app-shell .hero-orbit-art .ring-b,#app-shell .hero-orbit-art .ring-c,
  #app-shell .hero-orbit-art .orbit-sun{animation:none}
}

/* Reliable, visible entry point for installation */
#install-app{text-decoration:none}
.auth-install-link{color:#8feefa;font-size:9px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(143,238,250,.25);padding-bottom:2px}
.auth-install-link:hover{color:#fff;border-color:rgba(143,238,250,.7)}
