.harmony-projections{--hp-text:var(--foreground,var(--uikit-text,#e3e8ec));--hp-surface:var(--background,var(--uikit-surface,#141a1f));--hp-border:var(--border,var(--uikit-border,#3a4652));--hp-muted:var(--muted,var(--uikit-cap,#25303a));--hp-accent:var(--primary,var(--uikit-accent,#e8c574));width:100%;max-width:960px}.harmony-projections svg{width:100%;display:block}.harmony-projections svg text{fill:var(--hp-text);paint-order:stroke;stroke:var(--hp-surface);stroke-width:3px;font-size:12px}.harmony-projections .hp-cell{fill:color-mix(in srgb, var(--hp-muted) 55%, transparent);stroke:var(--hp-border);stroke-width:1px}.harmony-projections .hp-cell-path{fill:color-mix(in srgb, var(--hp-text) 6%, var(--hp-surface))}.harmony-projections .hp-cell-added{fill:color-mix(in srgb, var(--hp-accent) 30%, var(--hp-surface));stroke:var(--hp-text)}.harmony-projections .hp-cell-held{fill:color-mix(in srgb, var(--hp-accent) 20%, var(--hp-surface));stroke:var(--hp-text)}.harmony-projections .hp-cell-released{fill:var(--hp-surface);stroke:var(--hp-text);stroke-dasharray:3 3}.harmony-projections .hp-link{fill:none;stroke:var(--hp-text);stroke-width:2.5px;pointer-events:none}.harmony-projections .hp-link-4{stroke:var(--chart-1,var(--hp-text))}.harmony-projections .hp-link-3{stroke:var(--chart-2,var(--hp-text));stroke-dasharray:5 3}.harmony-projections .hp-link-0,.harmony-projections .hp-contour{fill:none;stroke:var(--hp-border);stroke-width:1px;stroke-dasharray:4 4}.harmony-projections .hp-junction{fill:var(--hp-text);stroke:var(--hp-surface);stroke-width:1px}.harmony-projections .hp-kept{fill:var(--hp-text)}.harmony-projections .hp-cell{transition:fill .18s,stroke .18s}@media (prefers-reduced-motion:reduce){.harmony-projections .hp-cell{transition:none}}