/* SIORA Homepage — UI Beautification Pass 01
   Visual-only end-of-cascade refinement. No geometry, routing, DOM, RAF or shader changes. */

:root{
  --siora-p01-white:rgba(239,243,252,.94);
  --siora-p01-silver:rgba(174,184,211,.72);
  --siora-p01-muted:rgba(143,153,181,.62);
  --siora-p01-cyan:rgba(137,219,231,.86);
  --siora-p01-violet:rgba(159,139,226,.82);
}

/* Background hierarchy: retain the field while giving the centre a quiet staging area. */
.app:not(.workspace-open) .nebula{
  opacity:.78;
  filter:saturate(.76) contrast(.94) brightness(.82);
}
.app:not(.workspace-open) .nebula::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse 39% 46% at 50% 51%,rgba(2,4,11,.34) 0,rgba(2,4,11,.24) 31%,rgba(2,4,11,.08) 61%,transparent 82%);
}

/* Constellations remain legible, but the connecting diagram recedes behind the stars. */
.app:not(.workspace-open) .siora-zodiac-svg-field{filter:saturate(.84) brightness(.92)}
.app:not(.workspace-open) .z-line{stroke:rgb(132 158 196);stroke-width:.56;opacity:calc(var(--z-line-alpha,.42)*.72)}
.app:not(.workspace-open) .z-line.edge-1{opacity:calc(var(--z-line-alpha,.42)*.60)}
.app:not(.workspace-open) .z-line.edge-2{opacity:calc(var(--z-line-alpha,.42)*.43)}
.app:not(.workspace-open) .z-line.edge-3{opacity:calc(var(--z-line-alpha,.42)*.66)}
.app:not(.workspace-open) .z-halo.outer{opacity:.065}
.app:not(.workspace-open) .z-halo.inner{opacity:.13}
.app:not(.workspace-open) .z-star{fill:rgb(215 231 249);opacity:calc(var(--star-alpha,.9)*.94)}
.app:not(.workspace-open) .z-star.major{fill:rgb(239 246 255);filter:drop-shadow(0 0 1.5px rgba(183,217,247,.32))}

/* Orbit material: dark body, sparse moving energy, restrained white specular points. */
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1{
  opacity:.55!important;
  filter:saturate(.70) brightness(.78) contrast(1.08)!important;
}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .takeover-upper{stroke:rgba(126,151,178,.38)!important;stroke-width:.64!important;opacity:.32!important}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .takeover-middle{stroke:rgba(132,116,190,.46)!important;stroke-width:.76!important;opacity:.42!important}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .takeover-lower{stroke:rgba(167,174,200,.42)!important;stroke-width:.84!important;opacity:.36!important}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .energy-aura{opacity:.035!important}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .energy-coreline{stroke-linecap:round;stroke-dasharray:2 38 1 74!important;opacity:.40!important}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-flow{stroke-dasharray:12 168 4 124 2 212;filter:drop-shadow(0 0 1px rgba(151,137,218,.34))}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-flow.upper{stroke:rgb(112 191 210);stroke-width:.82;opacity:.42;animation-duration:12.4s}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-flow.middle{stroke:rgb(148 126 214);stroke-width:1.02;opacity:.52;animation-duration:11.2s}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-flow.lower{stroke:rgb(181 176 211);stroke-width:1.08;opacity:.45;animation-duration:13.8s}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-specular{stroke-dasharray:1 148 5 246 1 196;filter:drop-shadow(0 0 1.2px rgba(255,255,255,.52))}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-specular.upper{opacity:.58}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-specular.middle{opacity:.67}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-specular.lower{opacity:.72}
.app:not(.workspace-open) .guardian-takeover-rings.concept-final-polish-r1 .oes-prism{opacity:.15;stroke-width:.70;stroke-dasharray:2 272 1 214}
.app:not(.workspace-open) .guardian-takeover-rings .energy-node{opacity:.72;filter:drop-shadow(0 0 2px rgba(213,220,248,.52))}
.app:not(.workspace-open) .guardian-takeover-rings .energy-node-halo{opacity:.28}
.app:not(.workspace-open) .guardian-rings-depth-front{filter:saturate(.76) brightness(.88)}
.app:not(.workspace-open) .guardian-rings-depth-front .oes-flow{opacity:.42}
.app:not(.workspace-open) .guardian-rings-depth-front .oes-specular{opacity:.62}
.app:not(.workspace-open) .guardian-rings-depth-front .oes-prism{opacity:.13}

/* AI core/planet intentionally inherits the V6.11.60 visual system unchanged. */

/* Capability typography and interaction: text and icon respond, no card-scale gimmick. */
.app:not(.workspace-open) .hero .pod .pod-copy{opacity:calc(.86 + var(--siora-attention)*.12);filter:none!important}
.app:not(.workspace-open) .hero .pod .pod-copy strong{font-weight:590!important;color:var(--siora-p01-white)!important;letter-spacing:.035em!important}
.app:not(.workspace-open) .hero .pod .pod-copy>span{color:var(--siora-p01-muted)!important;letter-spacing:.13em!important}
.app:not(.workspace-open) .hero .pod .pod-copy em{color:rgba(150,217,230,.84)!important}
.app:not(.workspace-open) .hero .pod .pod-scene{opacity:.54!important;filter:saturate(.58) brightness(1.02)!important;transition:opacity .2s ease,filter .2s ease!important}
.app:not(.workspace-open) .hero .pod:hover,
.app:not(.workspace-open) .hero .pod:focus-visible{
  transform:none!important;
  background:rgba(9,12,21,.24)!important;
  border-color:rgba(171,183,211,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018),0 8px 22px rgba(0,0,0,.12)!important;
}
.app:not(.workspace-open) .hero .pod:hover .pod-copy strong,
.app:not(.workspace-open) .hero .pod:focus-visible .pod-copy strong{color:#fff!important;text-shadow:0 0 9px rgba(149,216,229,.18)}
.app:not(.workspace-open) .hero .pod:hover .pod-scene,
.app:not(.workspace-open) .hero .pod:focus-visible .pod-scene{opacity:.76!important;filter:saturate(.72) brightness(1.10) drop-shadow(0 0 5px rgba(145,219,229,.10))!important;transform:none!important}

/* Chrome and HUD: neutral glass, thinner borders, status-only accents. */
.app>header{background:rgba(4,5,10,.52)!important;border-bottom-color:rgba(167,176,204,.075)!important;backdrop-filter:blur(10px) saturate(.90)!important}
.app>header .command{background:rgba(7,9,16,.30)!important;border-color:rgba(160,171,200,.12)!important;color:rgba(170,179,203,.70)!important;box-shadow:inset 0 1px rgba(255,255,255,.018)!important}
.app>header .command:hover,.app>header .command:focus{border-color:rgba(151,210,221,.25)!important;color:rgba(218,226,242,.86)!important}
.app>aside button{background:rgba(5,7,12,.10)!important;border-color:rgba(160,171,200,.065)!important;color:rgba(148,158,184,.62)!important}
.app>aside button:hover,.app>aside button:focus-visible{background:rgba(9,12,21,.24)!important;border-color:rgba(151,210,221,.20)!important;color:rgba(232,238,250,.90)!important;box-shadow:0 0 13px rgba(145,219,229,.045)!important}
.app .orbit{background:rgba(3,5,10,.62)!important;border-color:rgba(160,171,200,.09)!important;box-shadow:0 8px 28px rgba(0,0,0,.28)!important}
.app .orbit b{background:rgba(7,10,17,.62)!important;border-color:rgba(160,171,200,.10)!important;color:rgba(198,207,227,.78)!important;box-shadow:none!important}
.app .orbit span{color:rgba(137,148,175,.58)!important}
.app .siora-v1-telemetry{color:rgba(140,150,176,.58)!important}
.app .siora-v1-telemetry:before{color:rgba(222,228,241,.70)!important}
.app .siora-v1-telemetry span{border-top-color:rgba(161,171,199,.065)!important}
.app .siora-v1-telemetry b{color:rgba(177,186,207,.70)!important}
.app .siora-v1-telemetry .online b{color:rgba(145,219,229,.82)!important}

@media(max-width:900px){
  .app:not(.workspace-open) .nebula::after{background:radial-gradient(ellipse 55% 45% at 50% 50%,rgba(2,4,11,.30),rgba(2,4,11,.12) 54%,transparent 82%)}
  .app:not(.workspace-open) .z-line{stroke-width:.50}
}
@media(prefers-reduced-motion:reduce){
  .app:not(.workspace-open) .z-star,
  .app:not(.workspace-open) .guardian-takeover-rings *,
  .app:not(.workspace-open) .front-core-seed{animation:none!important}
}