#ledger{--lab:248px;--cnt:52px;--lg-gap:20px;margin-top:30px}#ledger .lg-top{border-bottom:1px solid var(--hair-2);grid-template-columns:minmax(0,1fr);row-gap:10px;padding-bottom:14px;display:grid}#ledger .lg-read{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;margin:0;display:grid}#ledger .lg-read>div{border-left:1px solid var(--hair);min-width:0;padding-left:10px}#ledger .lg-read>div:first-child{border-left:0;padding-left:0}#ledger .lg-read dt{color:var(--ink-3);font-size:var(--fs-mono-s)}#ledger .lg-read dd{flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:2px 0 0;display:flex}#ledger .lg-read__v{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);font-size:clamp(26px,3.4cqi,36px);font-weight:700;font-stretch:72%;line-height:1}#ledger .lg-read__sub{color:var(--ink-3);font-size:var(--fs-mono-s)}#ledger .lg-read>div.is-alarm .lg-read__v{color:var(--rose-ink)}#ledger .lg-sentence{color:var(--ink-2);min-height:1.45em}#ledger .lg-plot{margin-top:4px;position:relative}#ledger .lg-lanes{margin:0;padding:0;list-style:none}#ledger .lg-lane{--rows:1;grid-template-columns:var(--lab) minmax(0, 1fr) var(--cnt);column-gap:var(--lg-gap);border-bottom:1px solid var(--hair-2);align-items:end;padding:12px 0 11px;display:grid}#ledger .lg-lane__id{gap:1px;min-width:0;display:grid}#ledger .lg-lane__host{color:var(--ink);overflow-wrap:anywhere;font-weight:600}#ledger .lg-lane[data-kind=other] .lg-lane__host{font-family:var(--font-sans);letter-spacing:0;font-size:14px;font-weight:600}#ledger .lg-lane__role{color:var(--ink-2);font-size:13px;line-height:1.4}#ledger .lg-lane__track{background:linear-gradient(var(--hair), var(--hair)) 0 100% / 100% 1px no-repeat;align-self:stretch;min-height:34px;position:relative}#ledger .lg-lane__bars{clip-path:inset(-2px calc((1 - var(--ip-p)) * 100% - 1px) -2px 0);position:absolute;inset:0 0 1px}#ledger .lg-lane__bars i{bottom:calc(3px + var(--r) * 5px);height:3px;left:calc(var(--s) / var(--ip-span) * 100%);width:max(2px, calc((var(--e) - var(--s)) / var(--ip-span) * 100%));background:var(--ink);position:absolute}#ledger .lg-lane[data-kind=api] .lg-lane__bars i,#ledger .lg-lane[data-kind=avatars] .lg-lane__bars i{background:var(--ink-2)}#ledger .lg-lane[data-kind=other] .lg-lane__bars i{background:var(--rose)}#ledger .lg-lane__n{text-align:right;align-self:end;padding-bottom:1px;line-height:1}#ledger .lg-lane__n b{font-variant-numeric:tabular-nums;color:var(--ink);font-size:22px;font-weight:700;font-stretch:74%}#ledger .lg-lane__n b:empty{color:var(--ink-3)}#ledger .lg-lane.is-hit{animation:lg-hit 1.2s var(--ease-tween450) both}@keyframes lg-hit{0%{background-color:var(--rose-wash)}to{background-color:#0000}}#ledger .lg-axisrow{margin-left:calc(var(--lab) + var(--lg-gap));margin-right:calc(var(--cnt) + var(--lg-gap));height:26px;position:relative}#ledger .lg-axis{border-top:1px solid var(--ink);color:var(--ink-3);font-size:var(--fs-mono-s);position:absolute;inset:0}#ledger .lg-axis span{top:0;left:calc(var(--t) / var(--ip-span) * 100%);white-space:nowrap;padding-top:6px;line-height:1.4;position:absolute;transform:translate(-50%)}#ledger .lg-axis span:before{content:"";background:var(--ink-3);width:1px;height:3px;position:absolute;top:0;left:50%}#ledger .lg-axis span.is-major:before{background:var(--ink);height:5px}#ledger .lg-axis span.is-first{transform:none}#ledger .lg-axis span.is-first:before{left:0}#ledger .lg-axis span.is-last{transform:translate(-100%)}#ledger .lg-axis span.is-last:before{left:auto;right:0}#ledger .lg-grid{top:0;bottom:26px;left:calc(var(--lab) + var(--lg-gap));right:calc(var(--cnt) + var(--lg-gap));pointer-events:none;position:absolute}#ledger .lg-grid i{width:1px;top:0;bottom:0;left:calc(var(--t) / var(--ip-span) * 100%);background:var(--grid-2);position:absolute}#ledger .lg-grid i.is-minor{background:var(--grid)}#ledger .lg-lane__none{font-size:var(--fs-mono-s);color:var(--ink-3);display:none;position:absolute;bottom:5px;left:0}#ledger .lg-lane[data-empty] .lg-lane__none{display:block}#ledger .lg-plot{transition:--ip-span .45s var(--ease-needle)}#ledger .lg-plot.is-sweeping{transition:none}#ledger .lg-curbox{top:0;bottom:0;left:calc(var(--lab) + var(--lg-gap));right:calc(var(--cnt) + var(--lg-gap));pointer-events:none;position:absolute}#ledger .lg-cur{top:0;bottom:0;left:calc(var(--ip-p) * 100%);position:absolute}#ledger .lg-cur i{background:var(--rose);width:1px;position:absolute;top:0;bottom:0;left:0}#ledger .lg-cur__flag{background:var(--rose);color:var(--on-rose);font-size:var(--fs-mono-s);white-space:nowrap;transform:translateX(calc(-1 * var(--ip-p) * 100%));padding:0 5px;line-height:18px;position:absolute;bottom:3px;left:0}#ledger .lg-log{margin-top:18px}#ledger .lg-log__h{border-bottom:1px solid var(--ink);color:var(--ink-3);font-size:var(--fs-mono-s);flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding-bottom:6px;display:flex}#ledger .lg-log__h span:first-child{color:var(--ink);font-weight:600}#ledger .lg-log__box{overflow:hidden}#ledger .lg-log__list{margin:0;padding:0;font-size:11.5px;list-style:none}#ledger .lg-log__list li{border-bottom:1px solid var(--hair-2);height:27px;color:var(--ink-2);grid-template-columns:7.2em 8px minmax(0,1fr) 4.4em 5.2em;align-items:center;column-gap:10px;display:grid}#ledger .lg-log__t{color:var(--ink-3);text-align:right}#ledger .lg-log__k{background:var(--ink);width:7px;height:7px}#ledger .lg-log__list li[data-kind=api] .lg-log__k,#ledger .lg-log__list li[data-kind=avatars] .lg-log__k{background:var(--ink-2)}#ledger .lg-log__list li[data-kind=other] .lg-log__k{background:var(--rose)}#ledger .lg-log__p{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);overflow:hidden}#ledger .lg-log__y{color:var(--ink-3)}#ledger .lg-log__b{text-align:right}@container (width<=640px){#ledger .lg-read{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}#ledger .lg-read>div:nth-child(3){border-left:0;padding-left:0}#ledger .lg-lane{grid-template-columns:minmax(0, 1fr) var(--cnt);row-gap:8px}#ledger .lg-lane__track{grid-area:2/1/auto/-1}#ledger .lg-lane__n{grid-area:1/2;align-self:start}#ledger .lg-axisrow{margin-left:0;margin-right:0}#ledger .lg-curbox{left:0;right:0}#ledger .lg-grid{display:none}#ledger .lg-log__list li{grid-template-columns:6.6em 7px minmax(0,1fr) 4.6em}#ledger .lg-log__y,#ledger .lg-log__h span:last-child{display:none}}
