/* ZIPPRI AI HUB V5.8.4 — approved blue scenic background.
   LIGHT MODE ONLY. Orbit, layout, chips and dark theme are intentionally untouched. */

body.hub-v58 .hub-scene{display:none}

html[data-theme="light"] body.hub-v58{
  background:#7fa9dc!important;
}

html[data-theme="light"] body.hub-v58 .hub-scene{
  display:block!important;
  position:fixed;
  inset:0;
  z-index:-7;
  overflow:hidden;
  pointer-events:none;
  background:linear-gradient(180deg,#3675bb 0%,#a9cff2 14%,#eef7ff 50%,#4c88c8 100%);
}

html[data-theme="light"] body.hub-v58 .hub-scene-layer{
  position:absolute;
  inset:-2%;
  pointer-events:none;
  will-change:transform;
}

/* bright high-altitude blue sky / soft Vedic daylight */
html[data-theme="light"] body.hub-v58 .hub-scene .sky{
  background:
    radial-gradient(circle at 31% 26%,rgba(255,255,255,.97) 0 7%,rgba(173,222,255,.55) 20%,transparent 38%),
    radial-gradient(circle at 57% 21%,rgba(219,240,255,.90),transparent 22%),
    linear-gradient(180deg,rgba(45,112,183,.52),rgba(183,219,248,.76) 37%,rgba(235,247,255,.88) 60%,rgba(41,101,165,.36));
  filter:saturate(1.08);
}
html[data-theme="light"] body.hub-v58 .hub-scene .sky:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(89,187,255,.72) 0 1px,transparent 1.8px);
  background-size:71px 67px,113px 101px;
  background-position:3px 8px,40px 12px;
  opacity:.55;
}

/* atmospheric sun bloom visible behind the left intelligence composition */
html[data-theme="light"] body.hub-v58 .hub-scene .sun{
  width:25vw;
  height:25vw;
  min-width:260px;
  min-height:260px;
  left:20%;
  top:56%;
  right:auto;
  bottom:auto;
  inset:auto;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,1) 0 5%,rgba(152,222,255,.90) 10%,rgba(52,158,255,.42) 24%,transparent 63%);
  filter:blur(1px);
  mix-blend-mode:screen;
}

/* approved blue mountain silhouette */
html[data-theme="light"] body.hub-v58 .hub-scene .mountains{
  clip-path:polygon(0 51%,11% 32%,19% 49%,31% 27%,41% 47%,52% 35%,60% 45%,70% 28%,82% 48%,92% 35%,100% 48%,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(53,109,160,.24),rgba(28,63,103,.49));
  opacity:.82;
}

/* architectural / research skyline from the approved reference */
html[data-theme="light"] body.hub-v58 .hub-scene .city{
  top:33%;
  background:linear-gradient(90deg,
    transparent 0 17%,rgba(25,66,111,.13) 17% 19%,transparent 19% 42%,
    rgba(24,62,105,.29) 42% 45%,transparent 45% 53%,
    rgba(20,57,101,.38) 53% 57%,transparent 57% 68%,
    rgba(24,67,111,.31) 68% 71%,transparent 71%);
  clip-path:polygon(
    0 61%,7% 61%,7% 48%,9% 48%,9% 31%,10% 31%,10% 47%,13% 47%,13% 62%,
    18% 62%,18% 56%,21% 56%,21% 38%,22% 38%,22% 21%,23% 38%,25% 38%,25% 61%,
    35% 61%,35% 49%,37% 49%,37% 35%,39% 35%,39% 62%,48% 62%,48% 51%,49% 51%,
    49% 30%,51% 30%,51% 14%,53% 30%,55% 30%,55% 62%,65% 62%,65% 49%,67% 49%,
    67% 24%,69% 24%,69% 7%,71% 24%,73% 24%,73% 57%,79% 57%,79% 42%,81% 42%,
    81% 21%,83% 42%,86% 42%,86% 62%,92% 62%,92% 52%,94% 52%,94% 35%,96% 35%,
    96% 62%,100% 62%,100% 100%,0 100%);
}

/* lower striped horizon / reflective data-river exactly like the approved blue scene */
html[data-theme="light"] body.hub-v58 .hub-scene .river{
  top:68%;
  background:
    radial-gradient(ellipse at 34% 16%,rgba(248,254,255,.97),rgba(84,182,255,.35) 11%,transparent 26%),
    repeating-linear-gradient(180deg,rgba(202,236,255,.38) 0 2px,rgba(50,96,137,.08) 3px 5px),
    linear-gradient(180deg,rgba(132,199,244,.34),rgba(46,89,129,.44));
  clip-path:polygon(14% 0,64% 0,100% 100%,0 100%);
}

/* lower dark-blue landscape anchors */
html[data-theme="light"] body.hub-v58 .hub-scene .foliage{
  top:65%;
  background:
    radial-gradient(ellipse at 4% 94%,#154b78 0 4%,transparent 5%),
    radial-gradient(ellipse at 10% 88%,#225d8c 0 6%,transparent 7%),
    radial-gradient(ellipse at 19% 98%,#183f69 0 8%,transparent 9%),
    radial-gradient(ellipse at 84% 90%,#124b74 0 7%,transparent 8%),
    radial-gradient(ellipse at 96% 89%,#1d5c85 0 7%,transparent 8%),
    radial-gradient(ellipse at 77% 103%,#173d65 0 9%,transparent 10%);
  opacity:.72;
}

/* restore visible atmosphere while retaining the current V5.8 grid/auroras */
html[data-theme="light"] body.hub-v58 .hub-grid{
  z-index:-4!important;
  background-image:
    linear-gradient(rgba(48,102,167,.040) 1px,transparent 1px),
    linear-gradient(90deg,rgba(48,102,167,.030) 1px,transparent 1px)!important;
  opacity:.68;
}
html[data-theme="light"] body.hub-v58 .hub-aurora{z-index:-5!important}
html[data-theme="light"] body.hub-v58 .hub-aurora-a{
  background:radial-gradient(circle,rgba(101,188,255,.55),transparent 68%)!important;
  opacity:.28!important;
}
html[data-theme="light"] body.hub-v58 .hub-aurora-b{
  background:radial-gradient(circle,rgba(72,138,224,.22),rgba(79,100,204,.08) 36%,transparent 70%)!important;
  opacity:.25!important;
}

/* make hero surfaces transparent enough to reveal the scenic reference background */
html[data-theme="light"] body.hub-v58 .hub-hero{
  background:transparent!important;
}
html[data-theme="light"] body.hub-v58 .hub-hero:before{
  background:
    radial-gradient(circle at 24% 41%,rgba(255,255,255,.22),transparent 31%),
    linear-gradient(90deg,rgba(239,248,255,.11),transparent 48%)!important;
}

/* subtle lower vignette keeps text/orbit readable over the scenic horizon */
html[data-theme="light"] body.hub-v58 .hub-scene:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(239,248,255,.06),transparent 43%,rgba(229,242,253,.03)),
    linear-gradient(180deg,transparent 0 58%,rgba(22,66,105,.06) 100%);
  pointer-events:none;
}

/* small, natural motion; FX can still be disabled independently */
@keyframes hubSceneSkyDrift{50%{transform:translate3d(.35%,-.25%,0) scale(1.005)}}
@keyframes hubSceneRiverDrift{50%{transform:translate3d(-.4%,.18%,0)}}
html[data-theme="light"] body.hub-v58:not(.fx-off) .hub-scene .sky{animation:hubSceneSkyDrift 18s ease-in-out infinite}
html[data-theme="light"] body.hub-v58:not(.fx-off) .hub-scene .river{animation:hubSceneRiverDrift 13s ease-in-out infinite}

@media(prefers-reduced-motion:reduce){
  html[data-theme="light"] body.hub-v58 .hub-scene .sky,
  html[data-theme="light"] body.hub-v58 .hub-scene .river{animation:none!important}
}

/* never allow the restored light scene to leak into Dark */
html[data-theme="dark"] body.hub-v58 .hub-scene{display:none!important}