/* Pearl live background 20261110 */
:root{color-scheme:light;--bg:#e7ebf0;--ink:#232a36;--muted:#687484;--red:#f0072c;--line:#98a5b6;--panel:#fafbfd;--border:#d3dae3}
body{background:radial-gradient(ellipse at 50% 43%,#f9fafc 0%,#edf0f5 48%,#dce2e9 100%);isolation:isolate}
body::before{content:"";position:fixed;inset:-8%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 25%,rgba(255,255,255,.7),transparent 58%),radial-gradient(ellipse at 75% 70%,rgba(197,209,225,.3),transparent 58%);animation:pearl-drift 22s ease-in-out infinite alternate;will-change:transform}
main::before{content:"";position:absolute;left:17%;top:34%;width:66%;height:29%;background:radial-gradient(ellipse,rgba(240,7,44,.12) 0%,rgba(240,7,44,.035) 42%,transparent 72%);pointer-events:none;z-index:-1;animation:pearl-breathe 5.6s ease-in-out infinite}
.node image{filter:drop-shadow(0 2px 3px rgba(30,40,55,.14))}
.hub .brand{fill:#17191d}.hub .brand .red{fill:var(--red)}
@keyframes pearl-drift{from{transform:translate3d(-1%,-1%,0)}to{transform:translate3d(2%,2%,0)}}
@keyframes pearl-breathe{0%,100%{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){body::before,main::before{animation:none;will-change:auto}}
