.constellation{aspect-ratio:3/4;--root-halo:.45;--c-root:var(--color-white);--c-thread:var(--color-turquoise);--c-study:var(--color-pink);--c-note:var(--color-gray-green);--c-reference:var(--color-gray-green);--c-event:var(--color-white);--c-event-accent:var(--color-pink);--c-label:var(--color-white);--c-label-muted:var(--color-gray-green);--c-label-halo:var(--color-deep-purple);width:100%;max-height:calc(100dvh - 8rem);margin:0;position:relative;overflow:hidden}@media (width>=40rem){.constellation{aspect-ratio:16/10}}.constellation svg{width:100%;height:100%;display:block;overflow:visible}.constellation .link path{fill:none;stroke:currentColor;stroke-linecap:round;transition:opacity .6s,stroke-width .6s}.constellation .link__base{stroke-width:.75px;opacity:.2}.constellation .link--root-thread{color:var(--c-thread)}.constellation .link--root-thread .link__base{opacity:.14}.constellation .link--content-thread{color:var(--c-thread)}.constellation .link--content-thread .link__base{opacity:.22}.constellation .link--related{color:var(--c-note)}.constellation .link--related .link__base{opacity:.18}.constellation .link--root-event{color:var(--c-event)}.constellation .link--root-event .link__base{opacity:.1}.constellation .link__pulse{fill:var(--color-white);filter:drop-shadow(0 0 3px);pointer-events:none}.constellation .node{cursor:pointer;touch-action:none;outline:none;transition:opacity .6s}.constellation .node__core{fill:currentColor;transition:filter .4s}.constellation .node__halo{fill:currentColor;opacity:.08;transition:opacity .4s}.constellation .node--root{color:var(--c-root)}.constellation .node--root .node__core{filter:drop-shadow(0 0 calc(14px * var(--root-halo)) currentColor)}.constellation .node--root .node__halo{opacity:calc(.22 * var(--root-halo))}.constellation .node--research-thread{color:var(--c-thread)}.constellation .node--research-thread .node__core{filter:drop-shadow(0 0 4px)}.constellation .node--research-thread .node__halo{opacity:.1}.constellation .node--study{color:var(--c-study)}.constellation .node--study .node__core{filter:drop-shadow(0 0 2px)}.constellation .node--note{color:var(--c-note)}.constellation .node--note .node__halo{opacity:.06}.constellation .node--reference{color:var(--c-reference)}.constellation .node--reference .node__core{fill:currentColor;fill-opacity:.18;stroke:currentColor;stroke-opacity:.7;stroke-width:1px}.constellation .node--reference .node__halo{opacity:.04}.constellation .node--event{color:var(--c-event)}.constellation .node--event .node__core{filter:drop-shadow(0 0 2px)}.constellation .node--event .node__ring{fill:none;stroke:var(--c-event-accent);stroke-width:1px;stroke-opacity:.85}.constellation .node--event .node__halo{fill:var(--c-event-accent);opacity:.07}.constellation .node__label{font-family:var(--font-body);font-weight:var(--weight-body-light);fill:var(--c-label-muted);dominant-baseline:middle;paint-order:stroke fill;stroke:var(--c-label-halo);stroke-width:4px;stroke-linejoin:round;pointer-events:none;opacity:0;font-size:12.5px;transition:opacity .4s}.constellation .node--root .node__label{font-family:var(--font-title);font-weight:var(--weight-title-light);fill:var(--c-label);letter-spacing:-.01em;font-size:20px}.constellation .node--research-thread .node__label{font-family:var(--font-title);font-weight:var(--weight-title-medium);fill:var(--c-label);font-size:15px}.constellation .node--study .node__label,.constellation .node--event .node__label{fill:var(--c-label)}.constellation .node--note .node__label,.constellation .node--reference .node__label{font-size:11.5px}.constellation.is-small .node--root .node__label{font-size:15px}.constellation.is-small .node--research-thread .node__label{font-size:12.5px}.constellation.is-small .node__label{font-size:11px}.constellation .node.is-labelled .node__label,.constellation .node.is-focus .node__label,.constellation .node.is-neighbour .node__label,.constellation .node:hover .node__label{opacity:1}.constellation svg.is-active .node:not(.is-focus):not(.is-neighbour){opacity:.22}.constellation svg.is-active .link:not(.is-linked) path{opacity:.04}.constellation svg.is-active .link.is-linked .link__base{opacity:.7;stroke-width:1px}.constellation .node.is-focus .node__core{filter:drop-shadow(0 0 8px)}.constellation .node.is-focus .node__halo{opacity:.22}.constellation .node.is-neighbour .node__halo{opacity:.16}.constellation svg.is-dragging .node{cursor:grabbing}.constellation-debug{width:min(100%,22rem);margin-top:var(--space-3);font-family:var(--font-mono);color:var(--color-gray-green);background:color-mix(in srgb, var(--color-deep-purple) 85%, black);border:1px solid var(--rule);padding:.5rem .75rem .75rem;font-size:11px}.constellation-debug summary{cursor:pointer}.constellation-debug__group{border-top:1px solid var(--rule);text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-top:.75rem;padding-top:.5rem}.constellation-debug label{grid-template-columns:1fr 3.5rem;gap:0 .5rem;margin-top:.4rem;display:grid}.constellation-debug input{grid-column:1/-1;width:100%}.constellation-debug output{text-align:right}.constellation-debug button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;margin-top:.75rem;padding:.2rem .5rem}
