.hx-diagram{gap:var(--space-16);flex-direction:column;width:100%;display:flex}.hx-views{gap:var(--space-40);display:grid}.hx-frame{aspect-ratio:1;width:100%;position:relative}.hx-view{position:absolute;inset:0}.hx-view svg,.hx-age-frame svg{width:100%;height:100%;display:block;overflow:visible}.hx-feedback-base{fill:none;stroke:var(--color-border);stroke-width:2px;stroke-dasharray:3 9;stroke-linecap:round}.hx-feedback{fill:none;stroke:var(--color-brand);stroke-width:2.5px;stroke-dasharray:3 9;stroke-linecap:round;opacity:0;transition:opacity var(--duration-slow) var(--ease-cinematic)}.hx-minus{opacity:0;transition:opacity var(--duration-slow) var(--ease-cinematic)}.hx-minus circle{fill:var(--color-paper);stroke:var(--color-brand);stroke-width:2px}.hx-minus path{stroke:var(--color-brand);stroke-width:2.5px;stroke-linecap:round}.hx-axis[data-feedback] :is(.hx-feedback,.hx-minus){opacity:1}.hx-arrow-base{fill:none;stroke:var(--color-border);stroke-width:3px;stroke-linecap:round}.hx-arrow-line{fill:none;stroke:var(--color-brand);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset var(--duration-slow) var(--ease-cinematic)}.hx-arrow-head{fill:none;stroke:var(--color-border);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--duration-normal) var(--ease-cinematic) var(--duration-fast)}.hx-arrow-pulse{fill:none;stroke:var(--color-selected);stroke-width:9px;stroke-linecap:round;stroke-dasharray:60 1000;stroke-dashoffset:60px;opacity:0}.hx-arrow[data-lit] .hx-arrow-line{stroke-dashoffset:0}.hx-arrow[data-lit] .hx-arrow-head{stroke:var(--color-brand)}.hx-node{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-paper) 86%, transparent);-webkit-backdrop-filter:blur(var(--blur-subtle));backdrop-filter:blur(var(--blur-subtle));box-shadow:var(--shadow-subtle), inset 0 0 0 var(--border-hairline) var(--color-border);font-size:var(--text-15);white-space:nowrap;color:var(--color-muted);transition:background var(--duration-normal) var(--ease-cinematic), color var(--duration-normal) var(--ease-cinematic), box-shadow var(--duration-normal) var(--ease-cinematic), opacity var(--duration-slow) var(--ease-standard);line-height:1.3;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.hx-node i{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--color-border);transition:background var(--duration-normal) var(--ease-cinematic)}.hx-node[data-lit]{color:var(--color-text);box-shadow:var(--shadow-subtle), inset 0 0 0 var(--border-hairline) color-mix(in srgb, var(--color-brand) 40%, transparent)}.hx-node[data-lit] i{background:var(--color-brand)}.hx-node[data-current]{background:var(--color-selected);color:var(--color-selected-text);box-shadow:var(--shadow-floating), inset 0 0 0 var(--border-hairline) var(--color-brand)}.hx-node[data-kind=body]{padding-inline:var(--space-20)}.hx-signal{font-size:var(--text-14);color:var(--color-muted);white-space:nowrap;transition:color var(--duration-normal) var(--ease-cinematic);position:absolute;transform:translateY(-50%)}.hx-signal[data-lit]{color:var(--color-brand)}.hx-brake{font-size:var(--text-14);color:var(--color-muted);white-space:nowrap;opacity:0;transition:opacity var(--duration-slow) var(--ease-cinematic);position:absolute;transform:translate(-50%,-50%)}.hx-axis[data-feedback] .hx-brake{opacity:1;color:var(--color-text)}@media (prefers-reduced-motion:no-preference){.hx-axis[data-playing][data-stage=feedback] .hx-feedback{animation:hx-climb calc(var(--duration-cinematic) * 3) linear infinite}.hx-axis[data-playing][data-stage=feedback] .hx-node:is([data-kind=hypothalamus],[data-kind=pituitary]){animation:hx-brake calc(var(--duration-cinematic) * 3) var(--ease-standard) infinite}.hx-axis[data-playing]:not([data-stage=feedback]):not([data-stage=complete]) .hx-arrow[data-current] .hx-arrow-pulse{animation:hx-run calc(var(--duration-cinematic) * 2) var(--ease-standard) infinite;animation-delay:var(--duration-slow)}}@keyframes hx-climb{to{stroke-dashoffset:120px}}@keyframes hx-brake{0%,to{opacity:1}50%{opacity:.6}}@keyframes hx-run{0%{stroke-dashoffset:60px;opacity:.9}80%{opacity:.9}to{stroke-dashoffset:-1000px;opacity:0}}.hx-age{gap:var(--space-16);display:grid}.hx-age-frame{aspect-ratio:600/420;width:100%;position:relative}.hx-grid{fill:none;stroke:var(--color-border);stroke-width:2px}.hx-band{fill:color-mix(in srgb, var(--color-brand) 12%, transparent)}.hx-line{fill:none;stroke:var(--color-brand);stroke-width:4px;stroke-linecap:round}.hx-grow{transform-box:view-box;transform-origin:0 0;transform:scaleX(0)}.hx-age[data-active] .hx-grow{transition:transform var(--duration-cinematic) var(--ease-cinematic);transform:none}.hx-cross{stroke:var(--color-control-border);stroke-width:2px;stroke-dasharray:4 6}.hx-dot{fill:var(--color-paper);stroke:var(--color-brand);stroke-width:4px}.hx-age-axis{font-size:var(--text-14);color:var(--color-muted);white-space:nowrap;position:absolute}.hx-age-y{transform:translateY(-50%)}.hx-age-tick{font-variant-numeric:tabular-nums;transform:translate(-50%,-50%)}.hx-age-pill{transform:translate(-50%, calc(-100% - var(--space-4)));padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-on-dark);font-size:var(--text-14);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute}.hx-slider{gap:var(--space-8);font-size:var(--text-14);color:var(--color-muted);display:grid}.hx-slider input{--fill:.3;width:100%;height:var(--touch-target);appearance:none;cursor:pointer;background:0 0;margin:0}.hx-slider input::-webkit-slider-runnable-track{height:calc(var(--border-hairline) * 4);border-radius:var(--radius-pill);background:linear-gradient(to right, var(--color-brand) calc(var(--fill) * 100%), var(--color-border) 0)}.hx-slider input::-moz-range-track{height:calc(var(--border-hairline) * 4);border-radius:var(--radius-pill);background:var(--color-border)}.hx-slider input::-moz-range-progress{height:calc(var(--border-hairline) * 4);border-radius:var(--radius-pill);background:var(--color-brand)}.hx-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--space-24);height:var(--space-24);margin-top:calc((var(--space-24) - var(--border-hairline) * 4) / -2);border-radius:var(--radius-pill);background:var(--color-paper);box-shadow:var(--shadow-control), 0 0 0 var(--border-hairline) var(--color-control-border);transition:transform var(--duration-fast) var(--ease-standard)}.hx-slider input::-moz-range-thumb{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-pill);background:var(--color-paper);box-shadow:var(--shadow-control), 0 0 0 var(--border-hairline) var(--color-control-border);border:0}.hx-slider input:hover::-webkit-slider-thumb{transform:scale(1.08)}.hx-slider input:active::-webkit-slider-thumb{transform:scale(var(--motion-active-scale))}.hx-slider input:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset);border-radius:var(--radius-pill)}.hx-age-note{max-width:60ch;font-size:var(--text-14);color:var(--color-muted);line-height:1.55}.hx-age-note a{align-items:center;gap:var(--space-4);color:var(--color-text);text-underline-offset:var(--space-4);text-decoration-thickness:var(--border-hairline);white-space:nowrap;display:inline-flex}@media (max-width:767px){.hx-node{padding:var(--space-4) var(--space-12);font-size:var(--text-14)}}@media (prefers-reduced-motion:reduce){.hx-grow{transform:none}}@media (prefers-reduced-transparency:reduce){.hx-node{background:var(--color-paper);-webkit-backdrop-filter:none;backdrop-filter:none}}