.viz{border:1px solid var(--color-line);background:var(--color-card);border-radius:14px;margin:1.25rem 0 0;padding:.95rem 1rem 1.05rem;position:relative}.viz-title{font-family:var(--font-display);color:var(--color-ink);margin-bottom:.75rem;font-size:1rem;font-weight:700;line-height:1.3}.viz-plot{flex-direction:column;justify-content:center;display:flex;position:relative}.viz-plot:focus-visible{outline:3px solid var(--color-coral-deep);outline-offset:4px;border-radius:8px}.viz-plot.is-empty{text-align:center;align-items:center}.viz-empty{color:var(--color-ink-soft);margin:0;font-size:.9rem}.viz-explain{color:var(--color-ink-soft);margin:.85rem 0 0;font-size:.9rem;line-height:1.5}.viz-explain:empty{margin:0}.viz-tip{z-index:5;pointer-events:none;background:var(--color-ink);color:var(--color-shell);border-radius:8px;max-width:15rem;padding:.4rem .6rem;font-size:.8rem;line-height:1.35;position:absolute;box-shadow:0 4px 14px #1c22332e}.viz-tip[hidden]{display:none}.viz-tip-label{font-weight:600;display:block}.viz-tip-value{font-family:var(--font-figure);font-variant-numeric:tabular-nums;font-weight:700;display:block}.viz-tip-detail{opacity:.8;display:block}.viz-legend{color:var(--color-ink-soft);flex-wrap:wrap;gap:.3rem 1rem;margin:.8rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.viz-legend li{overflow-wrap:anywhere;align-items:center;gap:.4rem;min-width:0;display:flex}.viz-legend b{font-family:var(--font-figure);font-variant-numeric:tabular-nums;color:var(--color-ink)}.viz-key{border:1px solid #1c22331f;border-radius:3px;flex:none;width:11px;height:11px}.viz-key-line{border:none;border-top:3px solid var(--viz-key-color,var(--color-ink));border-radius:0;width:18px;height:0}.viz-key-line.is-dashed{border-top-style:dashed}.viz-wf{gap:.34rem;display:grid}.viz-wf-row{border-radius:7px;grid-template-columns:minmax(6.5rem,8.5rem) 1fr minmax(4.5rem,auto);align-items:center;gap:.6rem;padding:.16rem .3rem;display:grid}.viz-wf-row.is-total{border-top:2px solid var(--color-ink);border-radius:0 0 7px 7px;margin-top:.3rem;padding-top:.5rem;font-weight:700}.viz-wf-label{color:var(--color-ink);overflow-wrap:anywhere;min-width:0;font-size:.85rem;line-height:1.25}.viz-wf-track{background:var(--color-shell);border-radius:5px;height:18px;display:block;position:relative}.viz-wf-bar{border-radius:4px;min-width:2px;height:100%;transition:left .32s cubic-bezier(.2,.7,.3,1),width .32s cubic-bezier(.2,.7,.3,1);position:absolute;top:0}.viz-wf-value{font-family:var(--font-figure);font-variant-numeric:tabular-nums;text-align:right;color:var(--color-ink);white-space:nowrap;font-size:.85rem}.viz-cmp{gap:.9rem;display:grid}.viz-cmp-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.3rem;display:flex}.viz-cmp-name{color:var(--color-ink);overflow-wrap:anywhere;min-width:0;font-size:.87rem;font-weight:600}.viz-cmp-total{font-family:var(--font-figure);font-variant-numeric:tabular-nums;color:var(--color-ink);white-space:nowrap;font-size:.95rem;font-weight:700}.viz-cmp-track{background:var(--color-shell);border-radius:6px;height:24px;display:flex;overflow:hidden}.viz-cmp-part{min-width:2px;height:100%;transition:width .32s cubic-bezier(.2,.7,.3,1)}.viz-cmp-part+.viz-cmp-part{border-left:1.5px solid var(--color-card)}.viz-cmp-row.is-active .viz-cmp-track{box-shadow:inset 3px 0 0 var(--color-coral-deep)}.viz-cmp-row.is-active .viz-cmp-name:after{content:" · your figure";color:var(--color-coral-ink);font-weight:500}.viz-bd-bar{background:var(--color-shell);border-radius:6px;height:26px;display:flex;overflow:hidden}.viz-bd-seg{min-width:2px;height:100%;transition:width .32s cubic-bezier(.2,.7,.3,1)}.viz-bd-seg+.viz-bd-seg{border-left:1.5px solid var(--color-card)}.viz-prop-figure{color:var(--color-ink-soft);margin:0 0 .55rem;font-size:.95rem}.viz-prop-figure b{font-family:var(--font-figure);font-variant-numeric:tabular-nums;color:var(--color-ink);font-size:1.5rem;font-weight:800}.is-viz-active{outline:2px solid var(--color-ink);outline-offset:1px}.viz-wf-row.is-viz-active{background:var(--color-indigo-soft);outline:none}.viz-data{margin-top:.8rem}.viz-data>summary{cursor:pointer;color:var(--color-ink-soft);padding:.2rem 0;font-size:.83rem}.viz-data>summary:focus-visible{outline:3px solid var(--color-coral-deep);outline-offset:2px;border-radius:4px}.viz-data-wrap{margin-top:.5rem;overflow-x:auto}@media (width<=460px){.viz{padding:.8rem .7rem .9rem}.viz-wf-row{grid-template-columns:1fr auto;grid-template-areas:"label value""track track";gap:.2rem .5rem;padding-bottom:.3rem}.viz-wf-label{grid-area:label}.viz-wf-value{grid-area:value}.viz-wf-track{grid-area:track;height:16px}.viz-legend{gap:.25rem .75rem;font-size:.78rem}.viz-tip{max-width:12rem;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.viz-wf-bar,.viz-cmp-part,.viz-bd-seg{transition:none}}