:root{--desk:#eeedf8;--board:#4a3bc4;--board-edge:#33289a;--foil:#e1dcff}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#121119;--board:#3d31a3;--board-edge:#241c6b;--foil:#e1dcff}}.totals{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;display:grid}.totals div{background:#f3f1fc;border-radius:10px;padding:10px 12px}.totals span,.totals small{color:#5a6476;font-size:12px;display:block}.totals b{color:#1b2230;font-variant-numeric:tabular-nums;font-size:19px}.quick{flex-wrap:wrap;gap:6px;display:flex}.quick .chip{color:#33289a;background:#f8f7fe;border-style:dashed;border-color:#b3aae8;font-size:13px}.quick .chip:active{background:var(--foil)}.row2,.pay{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pay .field:only-child,.pay .field[hidden]+.field{grid-column:1/-1}.cycle{grid-template-columns:1fr 1fr;display:grid}.cycle span{text-align:center;padding:10px 0;display:block}#cancel-edit{justify-self:center}.subs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sub{border:1px solid var(--rule);border-radius:10px;padding:12px}.sub.near{background:#f6f4fe;border-color:#b3aae8}.sub-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.dday{color:#33289a;text-align:center;font-variant-numeric:tabular-nums;background:#eceaf7;border-radius:8px;min-width:52px;padding:5px 8px;font-size:14px;font-weight:700}.sub.near .dday{background:var(--board);color:#fff}.what{min-width:0;display:grid}.what strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.what .meta,.what .memo{color:#5a6476;word-break:keep-all;font-size:13px}.cost{justify-items:end;display:grid}.cost b{font-variant-numeric:tabular-nums;font-size:16px}.cost small{color:#5a6476;font-size:12px}.sub-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.act{color:#5a6476;font:inherit;cursor:pointer;background:#fff;border:1px solid #d3d8e0;border-radius:8px;padding:5px 10px;font-size:13px}.bar{background:#eceaf7;border-radius:999px;gap:2px;height:18px;display:flex;overflow:hidden}.bar span{flex-basis:0;min-width:4px}.legend{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.legend li{grid-template-columns:12px 1fr auto;align-items:center;gap:2px 10px;font-size:14px;display:grid}.legend i{border-radius:3px;width:12px;height:12px}.legend b{font-variant-numeric:tabular-nums}.legend small{color:#5a6476;grid-column:2/-1;font-size:12px}.undo{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;color:#fff;background:#1e1a3d;border-radius:12px;align-items:center;gap:12px;width:min(688px,100% - 32px);padding:12px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 20px -8px #00000080}.undo span{word-break:keep-all;flex:1;min-width:0}.undo button{border:1px solid var(--foil);color:var(--foil);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:6px 12px;font-weight:700}@media (prefers-color-scheme:dark){:root:not(.light-only) .sub.near{background:#1f1c33}:root:not(.light-only) .dday{color:#e1dcff;background:#2a2648}:root:not(.light-only) .what .meta,:root:not(.light-only) .what .memo,:root:not(.light-only) .cost small,:root:not(.light-only) .legend small{color:#9aa3b2}:root:not(.light-only) .bar{background:#2a2648}}