.dgm{width:100%;display:block;position:relative}.dgm svg{width:100%;height:auto;display:block}.dgm-hit{cursor:pointer;border-radius:var(--radius);width:100%;height:100%;font:inherit;color:#0000;background:0 0;border:0;margin:0;padding:0}.dgm-hit:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.dgm-score .dgm-card,.dgm-score .dgm-bar,.dgm-link,.dgm-row-hl{transition:fill var(--dur-tactile) var(--ease-soft), stroke var(--dur-tactile) var(--ease-soft)}.dgm-score:has(.dgm-hit:is(:hover,:focus)) .dgm-card{fill:var(--blue-soft);stroke:var(--blue);stroke-width:1.4px}.dgm-triage:has(.dgm-hit:is(:hover,:focus)) .dgm-score:not(:has(.dgm-hit:is(:hover,:focus))) .dgm-bar{fill:color-mix(in srgb, var(--ink) 34%, var(--surface))}:is(.dgm-triage:has(.dgm-hit[data-k=sleep]:is(:hover,:focus)) .dgm-link[data-k=sleep],.dgm-triage:has(.dgm-hit[data-k=diet]:is(:hover,:focus)) .dgm-link[data-k=diet],.dgm-triage:has(.dgm-hit[data-k=stress]:is(:hover,:focus)) .dgm-link[data-k=stress],.dgm-triage:has(.dgm-hit[data-k=activity]:is(:hover,:focus)) .dgm-link[data-k=activity]){stroke:var(--blue)}:is(.dgm-triage:has(.dgm-hit[data-k=sleep]:is(:hover,:focus)) .dgm-row-hl[data-k=sleep],.dgm-triage:has(.dgm-hit[data-k=diet]:is(:hover,:focus)) .dgm-row-hl[data-k=diet],.dgm-triage:has(.dgm-hit[data-k=stress]:is(:hover,:focus)) .dgm-row-hl[data-k=stress],.dgm-triage:has(.dgm-hit[data-k=activity]:is(:hover,:focus)) .dgm-row-hl[data-k=activity]){fill:var(--blue)}.dgm-pick{appearance:none;border-radius:var(--radius);cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0}.dgm-pick:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.dgm-cell-face,.dgm-node{transition:fill var(--dur-tactile) var(--ease-soft), stroke var(--dur-tactile) var(--ease-soft)}.dgm-cell:has(.dgm-pick:checked) .dgm-cell-face{stroke:var(--blue);stroke-width:2px}.dgm-cell:has(.dgm-pick:is(:hover,:focus-visible)) .dgm-cell-face{stroke:var(--blue-ink);stroke-width:1.6px}.dgm-risk:has(.dgm-pick[data-band=low]:checked) .dgm-chain[data-step="1"] .dgm-node{fill:var(--blue-ink);stroke:var(--blue-ink)}.dgm-risk:has(.dgm-pick[data-band=med]:checked) .dgm-chain:is([data-step="1"],[data-step="2"]) .dgm-node{fill:var(--blue-ink);stroke:var(--blue-ink)}.dgm-risk:has(.dgm-pick[data-band=high]:checked) .dgm-chain .dgm-node{fill:var(--blue-ink);stroke:var(--blue-ink)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.dgm-streak[data-on="1"]{animation:1ms linear both dgm-streak-fill;animation-timeline:view();animation-range:entry calc(6% + var(--i,0) * 2%) cover 38%}@keyframes dgm-streak-fill{0%{fill:color-mix(in srgb, var(--ink) 14%, var(--surface))}}.dgm-grow{transform-box:fill-box;transform-origin:bottom;animation:1ms linear both dgm-grow-up;animation-timeline:view();animation-range:entry calc(10% + var(--i,0) * 4%) cover 42%}@keyframes dgm-grow-up{0%{transform:scaleY(0)}}}}@media (prefers-reduced-motion:reduce){.dgm-score .dgm-card,.dgm-score .dgm-bar,.dgm-link,.dgm-row-hl,.dgm-cell-face,.dgm-node{transition-duration:1ms}}