.graph-section{--graph-lane-width: 18px;--graph-line-width: 2px;--graph-main-color: #008080;--graph-content-gap: 12px;--section-node-size: 8px;--section-label-size: 11px;--section-spacing: 16px}@media(prefers-color-scheme:dark){.graph-section{--graph-main-color: #20b2aa}}.history-graph--dark .graph-section{--graph-main-color: #20b2aa}@media(max-width:640px){.graph-section{--graph-lane-width: 12px}}.graph-section--sm{--section-node-size: 18px;--section-label-size: 1.25rem;--section-spacing: 20px}.graph-section--md{--section-node-size: 20px;--section-label-size: 1.5rem;--section-spacing: 24px}.graph-section--lg{--section-node-size: 22px;--section-label-size: 1.75rem;--section-spacing: 28px}@media(max-width:640px){.graph-section--sm{--section-node-size: 16px;--section-label-size: 1.125rem}.graph-section--md{--section-node-size: 18px;--section-label-size: 1.25rem}.graph-section--lg{--section-node-size: 20px;--section-label-size: 1.5rem}}.graph-section__spacer{display:flex;height:var(--section-spacing)}.graph-section__spacer-line{flex-shrink:0;width:var(--graph-lane-width);position:relative}.graph-section__spacer-line:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.graph-section__header{display:flex;align-items:center;min-height:28px}.graph-section__line-area{flex-shrink:0;width:var(--graph-lane-width);display:flex;justify-content:center;align-items:center;position:relative;align-self:stretch}.graph-section__line-area:before{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.graph-section__node{width:var(--section-node-size);height:var(--section-node-size);min-width:var(--section-node-size);min-height:var(--section-node-size);flex-shrink:0;border-radius:50%;background:#f9fafb;border:3px solid var(--graph-main-color);box-sizing:border-box;position:relative;z-index:1}@media(prefers-color-scheme:dark){.graph-section__node{background:#030712}}.graph-section__label{padding-left:var(--graph-content-gap);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:var(--section-label-size);font-weight:600;letter-spacing:.02em;color:var(--color-text-secondary)}.graph-section--lg .graph-section__label{font-weight:700;letter-spacing:0}@media(prefers-color-scheme:dark){.graph-section__label{color:var(--color-text-secondary-dark)}}.graph-section__label-suffix{margin-left:.75rem;display:flex;align-items:center}.graph-section__body{display:flex;align-items:stretch}.graph-section__line-extension{flex-shrink:0;width:var(--graph-lane-width);position:relative}.graph-section__line-extension:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.graph-section__content{flex:1;min-width:0;padding-left:var(--graph-content-gap)}.graph-section__header-spacer{display:flex;height:12px}.graph-section__header-spacer-line{flex-shrink:0;width:var(--graph-lane-width);position:relative}.graph-section__header-spacer-line:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}.graph-section__body-spacer{display:flex;height:12px}.graph-section__body-spacer-line{flex-shrink:0;width:var(--graph-lane-width);position:relative}.graph-section__body-spacer-line:after{content:"";position:absolute;left:calc(var(--graph-lane-width) / 2 - var(--graph-line-width) / 2);top:0;bottom:0;width:var(--graph-line-width);background:var(--graph-main-color)}