:root{--surface:#fff;--surface-2:#f2f5fb;--surface-sunken:#e7ecf5;--hairline:#0d111717;--tint:#4f6bff1a;--tint-good:#1f9d631f;--tint-warn:#c8791d21;--tint-bad:#d0455f1f}@media (prefers-color-scheme:dark){:root{--surface:#161b25;--surface-2:#1d2431;--surface-sunken:#0f131b;--hairline:#ffffff17;--tint:#7f92ff29;--tint-good:#3ddc9126;--tint-warn:#f0ac4e29;--tint-bad:#ff708926}}.panel{background:var(--surface);color:var(--ink);border-radius:var(--r-card);box-shadow:var(--shadow-2)}.inset{background:var(--surface-2);border-radius:var(--r-chip)}.rows>*+*{border-top:1px solid var(--hairline)}.row{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--hit);padding:var(--sp-3) var(--sp-4);text-align:left;color:inherit;transition:background-color var(--dur-press) var(--ease-out);border:0;display:flex}button.row,a.row{cursor:pointer;touch-action:manipulation}button.row:active,a.row:active{background:var(--surface-2)}.row[aria-selected=true],.row[aria-pressed=true]{background:var(--tint)}.glyph{border-radius:var(--r-chip);background:var(--tint);width:2.25rem;height:2.25rem;color:var(--accent);flex:none;place-items:center;display:grid}.glyph-good{background:var(--tint-good);color:var(--good)}.glyph-warn{background:var(--tint-warn);color:var(--warn)}.glyph-bad{background:var(--tint-bad);color:var(--money-out)}.avatar{border-radius:var(--r-pill);background:var(--tint);width:2.25rem;height:2.25rem;color:var(--accent);letter-spacing:.01em;flex:none;place-items:center;font-size:.8125rem;font-weight:650;display:grid}.avatar-lg{width:3.25rem;height:3.25rem;font-size:1.125rem}.tnum{font-variant-numeric:tabular-nums;letter-spacing:-.006em;font-weight:600}.money-in{color:var(--money-in)}.money-out{color:var(--ink)}.over{color:var(--money-out)}.meter{border-radius:var(--r-pill);background:var(--surface-sunken);height:.375rem;overflow:hidden}.meter>span{border-radius:inherit;transform-origin:0;height:100%;transition:transform var(--dur-sheet) var(--ease-out);background:currentColor;display:block}@media (prefers-reduced-motion:reduce){.meter>span{transition:none}}.screen{max-width:40rem;padding:0 var(--sp-4) calc(6.5rem + env(safe-area-inset-bottom));margin:0 auto}.strip{gap:var(--sp-2);scrollbar-width:none;padding:var(--sp-1) var(--sp-4);margin:0 calc(var(--sp-4) * -1);display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}@media (prefers-contrast:more){.panel{box-shadow:0 0 0 1px var(--ink)}.glyph,.avatar{background:0 0;box-shadow:inset 0 0 0 1px}}
