.surface-paper{background:linear-gradient(#ffffff73,#fff0),#fbfaf7}.dark .surface-paper{background:linear-gradient(#ffffff09,#fff0),#191d24}.scroll-fade-x{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.sys-card-hover{transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}@media (prefers-reduced-motion:no-preference){.sys-card-hover:hover{transform:translateY(-2px)}}.sys-card-hover:hover{border-color:#2563af8c;box-shadow:0 16px 40px #1a1f2814}.dark .sys-card-hover:hover{border-color:#5b8dd499;box-shadow:0 16px 40px #00000059}.sys-glow{position:relative}.sys-glow:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60% 60% at 50% 35%,#2563af1f,#0000 70%);position:absolute;inset:-24px}.dark .sys-glow:before{background:radial-gradient(60% 60% at 50% 35%,#5b8dd429,#0000 70%)}.sys-glow>*{z-index:1;position:relative}.sys-conn{position:relative}.sys-conn-track{background:#2563af66;height:2px;position:absolute;top:50%;left:4px;right:4px;overflow:hidden;transform:translateY(-50%)}.dark .sys-conn-track{background:#5b8dd473}.sys-beam{opacity:0;background:#2563af;width:24px;height:2px;position:absolute;top:0;left:0}.dark .sys-beam{background:#5b8dd4}@media (min-width:640px) and (prefers-reduced-motion:no-preference){@keyframes sys-beam-travel{0%{opacity:0;left:-24px}8%{opacity:1}24%{opacity:0;left:100%}to{opacity:0;left:100%}}.sys-beam{animation:6s linear infinite sys-beam-travel}.sys-beam-delay{animation-delay:.9s}.sys-beam-delay-2{animation-delay:1.8s}}@media (prefers-reduced-motion:no-preference){@keyframes sys-pulse-once{0%{box-shadow:0 0 #2563af73}to{box-shadow:0 0 0 12px #2563af00}}.sys-pulse-once{animation:1.6s ease-out .3s 2 sys-pulse-once}.dark .sys-pulse-once{animation-name:sys-pulse-once-dark}@keyframes sys-pulse-once-dark{0%{box-shadow:0 0 #5b8dd480}to{box-shadow:0 0 0 12px #5b8dd400}}}