@property --measure{syntax:"<length>";inherits:true;initial-value:0}:root{--ratio:1.25;--measure:66ch;--hue:262;--weight-strong:600;--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, Menlo, Consolas, monospace;--hairline:1px;--text-s:calc(1rem / var(--ratio));--text-l:calc(1rem * var(--ratio));--text-2xl:calc(1rem * pow(var(--ratio), 3));--space-2xs:calc(1rlh * pow(var(--ratio), -3));--space-xs:calc(1rlh * pow(var(--ratio), -2));--space-s:calc(1rlh / var(--ratio));--space-m:1rlh;--space-l:calc(1rlh * var(--ratio));--space-xl:calc(1rlh * pow(var(--ratio), 2));--radius:var(--space-2xs);--paper:light-dark(oklch(98.5% .004 var(--hue)),oklch(18% .012 var(--hue)));--ink:light-dark(oklch(22% .015 var(--hue)),oklch(94% .008 var(--hue)));--ink-muted:light-dark(oklch(48% .02 var(--hue)),oklch(75% .02 var(--hue)));--accent:light-dark(oklch(50% .19 var(--hue)),oklch(76% .12 var(--hue)));--credit:light-dark(oklch(50% .12 150),oklch(80% .14 150));--debit:light-dark(oklch(52% .19 27),oklch(76% .14 27));--line:color-mix(in oklch, var(--ink) 16%, transparent);font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.5}*,:before,:after{box-sizing:border-box;min-inline-size:0;margin:0}:where(input,select,button){font:inherit}:where(input:not([type=checkbox]),select){inline-size:100%}:where(h1,h2){font-weight:var(--weight-strong);line-height:var(--ratio);text-wrap:balance}:where(h1){font-size:var(--text-2xl)}:where(h2){font-size:var(--text-l)}:where(p){max-inline-size:var(--measure)}:where(a){color:var(--accent)}:where(code,pre){font-family:var(--font-mono);font-size:var(--text-s)}:where(pre){white-space:pre-wrap;padding:var(--space-s);border:var(--hairline) solid var(--line);border-radius:var(--radius)}:where(dl){gap:var(--space-2xs) var(--space-s);grid-template-columns:max-content minmax(0,1fr);display:grid}:where(details){gap:var(--space-xs);display:grid}:where(summary){cursor:pointer;color:var(--accent)}:where(label){gap:var(--space-2xs);display:grid}:where([data-state=ok]){color:var(--credit)}:where([data-state=missing],[data-state=error]){color:var(--debit)}:where(:focus-visible){outline:calc(2 * var(--hairline)) solid var(--accent);outline-offset:calc(2 * var(--hairline))}@scope([data-component=page]) to (:scope [data-component]>*){:scope{overflow-wrap:break-word;grid-template-columns:minmax(0,1fr) minmax(0,10fr) minmax(0,1fr);align-content:start;min-block-size:100dvb;display:grid}:scope>*{grid-column:2}.skip{padding:var(--space-xs) var(--space-s);background:var(--accent);color:var(--paper);position:absolute}.skip:not(:focus){translate:-100%}}@scope([data-component=header]) to (:scope [data-component]>*){:scope{padding-block:var(--space-m);border-block-end:var(--hairline) solid var(--line);font-weight:var(--weight-strong)}}@scope([data-component=app]) to (:scope [data-component]>*){:scope{gap:var(--space-xl);padding-block:var(--space-m);grid-template-columns:minmax(0,1fr);display:grid}section{align-content:start;gap:var(--space-xs);border-block-start:var(--hairline) solid var(--line);grid-template-columns:minmax(0,1fr);padding-block-start:var(--space-m);display:grid}hgroup p,output{color:var(--ink-muted)}fieldset{align-items:center;gap:var(--space-xs);border:none;flex-wrap:wrap;padding:0;display:flex}fieldset>*{flex:0 auto}fieldset>:is(output,details,form,dl,[data-component=legs]){flex:100%}}@scope([data-component=action]){:scope{padding:var(--space-2xs) 1ch;border:var(--hairline) solid var(--line);border-radius:var(--radius);text-decoration:none;display:inline-block}}@scope([data-component=fields]) to (:scope [data-component]>*){:scope{align-items:end;gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,16ch),1fr));display:grid}:scope>output{color:var(--ink-muted);grid-column:1/-1}:scope>button{justify-self:start}}@scope([data-component=legs]) to (:scope [data-component]>*){:scope{font-variant-numeric:tabular-nums;display:grid}ol{padding:0;list-style:none}[data-head],li{border-block-end:var(--hairline) solid var(--line);flex-wrap:wrap;display:flex}[data-head]{font-weight:var(--weight-strong)}[data-col]{padding:var(--space-2xs) .5ch}[data-col=select]{flex:0 0 8ch}[data-col=date]{flex:2 12ch}[data-col=description]{flex:3 18ch}[data-col=state]{flex:2 11ch}[data-col=amount]{flex:2 12ch}[data-col=steps]{gap:var(--space-2xs) .5ch;flex-wrap:wrap;flex:2 16ch;align-items:start;display:flex}[data-amount="1"]{color:var(--credit)}[data-amount="-1"]{color:var(--debit)}}@scope([data-component=chip]){:scope{border:var(--hairline) solid currentColor;border-radius:var(--radius);font-size:var(--text-s);padding:0 .5ch}}