.home-workspace {
  --home-workspace-duration: 10s;
  width: 100%;
  min-width: 0;
  align-self: center;
  color: var(--text);
}
.home-workspace-visual { display: block; width: 100%; height: auto; overflow: visible; }
.home-workspace-boundary { fill: none; stroke: var(--border); stroke-width: 1; opacity: .8; }
.home-workspace-orbit { fill: none; stroke: var(--border); stroke-width: 1; stroke-dasharray: 3 9; opacity: .55; }
.home-workspace-link { fill: none; stroke: var(--control-border); stroke-width: 1.5; opacity: .45; }
.home-workspace-signal { display: none; fill: none; stroke: var(--focus); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 14 100; stroke-dashoffset: 14; }
.home-workspace-halo { fill: var(--focus); opacity: .07; filter: blur(15px); }
.home-workspace-ripple { fill: none; stroke: var(--focus); stroke-width: 1; opacity: 0; }
.home-workspace-core-disc { fill: var(--background); stroke: var(--text); stroke-width: 1.6; }
.home-workspace-mark { filter: none; }
.home-workspace-core, .home-workspace-tile { transform-box: fill-box; transform-origin: center; }
.home-workspace-tile-surface { fill: var(--background); stroke: var(--border); stroke-width: 1.2; filter: drop-shadow(0 5px 7px #00000005); }
.home-workspace-pictogram { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.home-workspace-label { fill: currentColor; font-family: var(--font-body); font-size: 24px; font-weight: var(--weight-medium); letter-spacing: -.4px; }

/* The unenhanced SVG is the organised, still composition. */
@media (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  [data-home-workspace-ready] .home-workspace-signal { display: block; }
  [data-home-workspace-ready] :is(.home-workspace-tile,.home-workspace-boundary,.home-workspace-link,.home-workspace-signal,.home-workspace-core,.home-workspace-halo,.home-workspace-ripple) {
    animation: var(--home-workspace-keyframes) var(--home-workspace-duration) ease-in-out infinite both;
    animation-play-state: paused;
  }
  [data-home-workspace-running] :is(.home-workspace-tile,.home-workspace-boundary,.home-workspace-link,.home-workspace-signal,.home-workspace-core,.home-workspace-halo,.home-workspace-ripple) { animation-play-state: running; }
  .home-workspace-tile { --home-workspace-keyframes: home-workspace-gather; }
  .home-workspace-boundary { --home-workspace-keyframes: home-workspace-frame; }
  .home-workspace-link { --home-workspace-keyframes: home-workspace-connect; }
  .home-workspace-signal { --home-workspace-keyframes: home-workspace-flow; }
  .home-workspace-core { --home-workspace-keyframes: home-workspace-pulse; }
  .home-workspace-halo { --home-workspace-keyframes: home-workspace-glow; }
  .home-workspace-ripple { --home-workspace-keyframes: home-workspace-ripple; transform-box: fill-box; transform-origin: center; }
}
@keyframes home-workspace-gather {
  0%, 12%, 100% { transform: translate(var(--home-workspace-scatter-x),var(--home-workspace-scatter-y)) rotate(var(--home-workspace-scatter-rotation)); }
  20% { transform: translate(calc(var(--home-workspace-scatter-x) * .9),calc(var(--home-workspace-scatter-y) * .8)) rotate(calc(var(--home-workspace-scatter-rotation) * .85)); }
  40%, 82% { transform: translate(0,0) rotate(0); }
}
@keyframes home-workspace-frame {
  0%, 28%, 100% { opacity: 0; }
  44%, 82% { opacity: .8; }
  92% { opacity: 0; }
}
@keyframes home-workspace-connect {
  0%, 28%, 94%, 100% { opacity: 0; }
  40%, 82% { opacity: .45; }
}
@keyframes home-workspace-flow {
  0%, 39% { opacity: 0; stroke-dashoffset: 14; }
  41% { opacity: .85; stroke-dashoffset: 14; }
  53% { opacity: .85; stroke-dashoffset: -100; }
  55%, 100% { opacity: 0; stroke-dashoffset: -100; }
}
@keyframes home-workspace-pulse {
  0%, 52%, 69%, 100% { transform: scale(1); }
  58% { transform: scale(1.075); }
  64% { transform: scale(.985); }
}
@keyframes home-workspace-glow {
  0%, 48%, 76%, 100% { opacity: .035; }
  58% { opacity: .18; }
}
@keyframes home-workspace-ripple {
  0%, 52% { opacity: 0; transform: scale(.9); }
  55% { opacity: .32; }
  68%, 100% { opacity: 0; transform: scale(1.65); }
}
@media (forced-colors: active) {
  .home-workspace-boundary,.home-workspace-orbit,.home-workspace-link,.home-workspace-tile-surface,.home-workspace-core-disc { stroke: CanvasText; }
  .home-workspace-tile-surface,.home-workspace-core-disc { fill: Canvas; filter: none; }
  .home-workspace-label { fill: CanvasText; }
  .home-workspace-pictogram { stroke: CanvasText; }
  .home-workspace-halo,.home-workspace-ripple { display: none; }
}
@media print {
  .home-workspace :is(.home-workspace-tile,.home-workspace-boundary,.home-workspace-link,.home-workspace-signal,.home-workspace-core,.home-workspace-halo,.home-workspace-ripple) { animation: none; }
  .home-workspace-signal,.home-workspace-ripple { display: none; }
}