/* JESSIE 04.2.6.1: reference-locked design, applies across all pages */
:root{--cyan:#55f8f4;--purple:#bb80ff;--pink:#fc85d9;--blue:#62baff;--glass:rgba(4,15,46,.77);--line:rgba(103,205,249,.33)}
body{background:#030822!important}
/* The exact user's reference contributes colors and visual flow; UI in screenshot intentionally blurred to avoid fake data */
#referenceEnvironment{position:fixed;inset:-4%;z-index:0;pointer-events:none;opacity:.40;background:url('./assets/reference-atmosphere.webp') center/cover;filter:saturate(1.3);animation:environmentDrift 36s cubic-bezier(.45,0,.55,1) infinite alternate}
#referenceCurrent{position:fixed;inset:0;z-index:0;pointer-events:none;background:url('./assets/aurora-currents.webp') 72% -16vh/86vw auto no-repeat;opacity:.22;mix-blend-mode:screen;filter:saturate(1.3);animation:currentFlow 23s ease-in-out infinite alternate}
@keyframes environmentDrift{to{transform:translate3d(-1.8%,1.3%,0) scale(1.055)}}
@keyframes currentFlow{to{transform:translate3d(2%,4%,0) rotate(1deg);opacity:.36}}
#ribbonCanvas{opacity:.83!important;mix-blend-mode:screen;filter:saturate(1.27) brightness(1.07)}
#ambientTexture{opacity:.08!important}
#appShell{z-index:2!important}
.sidebar{background:linear-gradient(180deg,rgba(4,12,36,.91),rgba(5,16,50,.75))!important;box-shadow:inset -1px 0 rgba(84,231,250,.13)}
.glass-card,.vista-card{border:1px solid rgba(106,195,250,.39)!important;background-color:rgba(6,19,55,.80)!important;box-shadow:inset 0 1px 0 rgba(203,253,255,.13),inset 0 0 25px rgba(36,121,223,.06),0 13px 35px rgba(0,7,34,.28),0 0 25px rgba(28,134,239,.08)!important;backdrop-filter:blur(20px) saturate(1.3)!important}
.glass-card:hover,.vista-card:hover{border-color:rgba(99,246,250,.62)!important;box-shadow:inset 0 1px rgba(219,255,255,.16),0 0 25px rgba(64,226,240,.18),0 16px 40px rgba(0,8,34,.38)!important}
.hero-title span,.page-hero h2 span{background:linear-gradient(95deg,#94feff 0%,#6cd4ff 38%,#b38cff 74%,#f291df 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
.focus-card{background:linear-gradient(180deg,rgba(4,10,32,.15),rgba(5,13,48,.2)),url('./assets/focus-landscape.webp') center/cover!important}
.lower-grid .glass-card:last-child{background:linear-gradient(90deg,rgba(3,13,45,.36),rgba(6,14,49,.06)),url('./assets/cosmic-world.webp') center/cover!important}
.vista-feature{background-image:linear-gradient(125deg,rgba(3,13,37,.58),rgba(3,16,46,.31)),url('./assets/cosmic-world.webp')!important;background-size:cover!important;background-position:center!important}
.vista-academic-world{background-image:linear-gradient(128deg,rgba(3,11,38,.56),rgba(5,19,45,.24)),url('./assets/aurora-currents.webp')!important}
.vista-finance-wave,.vista-ai-core{background-image:linear-gradient(125deg,rgba(3,13,42,.75),rgba(4,20,57,.35)),url('./assets/aurora-currents.webp')!important}
.page{animation:pageIlluminate .42s ease-out both}@keyframes pageIlluminate{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}
.page-hero{background:linear-gradient(100deg,rgba(9,30,67,.40),rgba(3,11,42,.10))!important;border-radius:24px;padding:17px 20px!important;border:1px solid rgba(91,184,242,.14)}
.page-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(79,238,242,.05) 58%,rgba(159,117,255,.07));border-radius:24px}
.vista-card .vista-heading{color:#c4f7ff!important}
.assistant-search{border-color:rgba(82,249,250,.79)!important;box-shadow:0 0 24px rgba(13,207,236,.25),inset 0 0 20px rgba(83,188,255,.13)!important}
.mic-circle{box-shadow:0 0 21px rgba(22,236,248,.56),inset 0 0 15px rgba(255,255,255,.3)!important}
.vista-feature:after{content:'';position:absolute;width:170px;height:170px;right:-55px;top:-65px;border-radius:50%;background:radial-gradient(circle,rgba(57,254,237,.17),transparent 73%);filter:blur(9px);pointer-events:none;animation:glowTravel 11s ease-in-out infinite alternate}
@keyframes glowTravel{to{transform:translate(-65px,68px);opacity:.37}}
body.motion-off #referenceEnvironment,body.motion-off #referenceCurrent,body.motion-off .vista-feature:after{animation-play-state:paused}
@media(max-width:800px){#referenceEnvironment{opacity:.27}#referenceCurrent{background-size:auto 72vh;background-position:65% 0;opacity:.17}.vista-card{background-color:rgba(5,18,55,.85)!important}.page-hero{padding:15px!important}}
@media(prefers-reduced-motion:reduce){#referenceEnvironment,#referenceCurrent,.vista-feature:after{animation:none!important}}