.portfolio-dashboard .ht-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;isolation:isolate;contain:layout paint;background:#f7f7f2;opacity:.05}
.portfolio-dashboard .ht-pattern-fallback,.portfolio-dashboard .ht-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
@keyframes ht-diagonal-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(24px,16px,0)}}
.portfolio-dashboard .ht-pattern-fallback{animation:ht-diagonal-drift 40s linear infinite}
html.a11y-reduce-motion .portfolio-dashboard .ht-pattern-fallback{animation:none}
html .portfolio-dashboard .hero-canvas canvas.ht-canvas{opacity:0!important}
html .portfolio-dashboard .hero-canvas canvas.ht-canvas[style*="opacity: 1"]{opacity:1!important}
/* Expose the replacement backdrop through the dashboard frame. */
html body #portfolio-dashboard .shell{background:transparent!important;backdrop-filter:none!important}

.portfolio-dashboard .ht-background[data-mode="dark"]{background:#1c1c1c}
html body #portfolio-dashboard .hero-canvas{background:#f7f7f2!important}
html body #portfolio-dashboard[data-theme="dark"] .hero-canvas{background:#1c1c1c!important}