/* Keep the complete project story visible in the Varelyno network. */
html .graph-node.project-node{
  background:radial-gradient(circle at 34% 24%,var(--surface) 0%,color-mix(in srgb,var(--node) 10%,var(--surface)) 68%,color-mix(in srgb,var(--node) 19%,var(--surface)) 100%);
  border:2px solid color-mix(in srgb,var(--node) 72%,var(--line));
  box-shadow:0 12px 31px color-mix(in srgb,var(--node) 20%,transparent),0 3px 9px #17365518,inset 0 1px 2px #ffffffa6!important;
}
html .graph-node.project-node::before{
  inset:-13px;
  border:2px dotted color-mix(in srgb,var(--node) 57%,transparent);
  box-shadow:0 0 24px color-mix(in srgb,var(--node) 24%,transparent);
  opacity:.52;
}
html .graph-node.project-node.focus::before,
html .graph-node.project-node:hover::before,
html .graph-node.project-node.touch-preview::before{opacity:.9}
html .graph-node.project-node.focus{
  box-shadow:0 0 0 6px color-mix(in srgb,var(--node) 13%,transparent),0 15px 34px color-mix(in srgb,var(--node) 28%,transparent),inset 0 1px 2px #ffffffa6!important;
}
html .node-progress{inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px)}
html .node-progress circle{stroke-width:2.6}
html .node-progress .progress-base{opacity:.23;stroke-dasharray:1.2 3}
html .node-progress .progress-value{filter:drop-shadow(0 0 2px color-mix(in srgb,var(--node) 68%,transparent))}
html .node-progress-caption{font-weight:800;color:var(--node);border-color:color-mix(in srgb,var(--node) 34%,var(--line));box-shadow:0 4px 12px #1736551c}
html .project-node .status{border-color:color-mix(in srgb,var(--node) 30%,var(--line))!important;color:var(--text)!important}
@media(prefers-reduced-motion:reduce){html .graph-node.project-node::before{animation:none!important}}