@layer components{.dp{padding:1.5rem;container-type:inline-size}@media (min-width:640px){.dp{padding:2rem}}.dp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 1.5rem;display:flex}.dp-title{font-size:var(--fs-body);color:var(--ink-2);font-weight:600;line-height:1.4}.dp-figure{margin-top:.5rem;font-size:2.375rem}.dp-figure-unit{font-size:var(--fs-title);letter-spacing:-.01em;color:var(--ink-2);margin-left:.375rem;font-weight:600}.dp-line{max-width:34rem;margin-top:.5rem}.dp-pace{align-items:center;gap:.75rem;display:flex}.dp-pace-label{font-size:var(--fs-caption);color:var(--pencil);font-weight:550}.dp-body{gap:1.5rem;margin-top:1.5rem;display:grid}@container (min-width:40rem){.dp-body{grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:2rem}}.dp-cal{align-content:start;gap:4px;display:grid}.dp-row{grid-template-columns:2.25rem repeat(7,minmax(0,1fr));align-items:center;gap:4px;display:grid}.dp-colhead{font-size:var(--fs-caption);color:var(--pencil);text-align:center;line-height:1.6}.dp-month{font-size:var(--fs-caption);color:var(--ink-2);font-weight:600;line-height:1}.dp-cell [data-month]{letter-spacing:-.01em;font-weight:700}.dp-cell{aspect-ratio:1;border-radius:var(--radius-sm);min-width:0;max-height:2.5rem;font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--pencil);background:var(--sheet-2);transition:background-color var(--dur-1) ease, border-color var(--dur-1) ease, color var(--dur-1) ease;cursor:default;border:1.5px solid #0000;outline:none;place-items:center;font-weight:550;line-height:1;display:grid;position:relative}.dp-cell[data-state=paid]{background:var(--wet);color:var(--wet-ink);animation:dp-fill .42s var(--ease-out) both;animation-delay:calc(var(--n,0) * 7ms)}.dp-cell[data-state=expected]{background:var(--wet-tint);border-color:var(--wet);color:var(--wet);border-style:dashed}.dp-cell[data-state=short]{background:var(--sheet-2);color:var(--pencil)}.dp-cell[data-kind=past]{color:var(--pencil);background:0 0}.dp-cell[data-kind=today]{background:var(--sheet);border:2px solid var(--ink);color:var(--ink);font-weight:650}.dp-cell:hover:not([data-kind=past]){border-color:var(--ink)}.dp-cell:focus-visible{z-index:1;outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--sheet)}.dp-due{background:var(--ink);border-radius:1px;width:6px;height:6px;position:absolute;top:3px;right:3px}.dp-cell[data-state=paid] .dp-due{background:var(--wet-ink)}.dp-in{background:var(--wet);border-radius:999px;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:4px;left:50%}.dp-cell[data-state=paid] .dp-in{background:var(--wet-ink)}@keyframes dp-fill{0%{background-color:var(--sheet-2);color:var(--pencil)}}.dp-side{align-content:start;gap:1.5rem;min-width:0;display:grid}.dp-readout{border-radius:var(--radius-md);background:var(--sheet-2);min-height:3rem;font-size:var(--fs-small);color:var(--ink-2);padding:.75rem 1rem;line-height:1.5}.dp-readout strong{color:var(--ink);font-weight:600}.dp-ledger{margin:0;padding:0;list-style:none}.dp-ledger>li{border-top:1px solid var(--rule);grid-template-columns:1rem minmax(0,1fr) auto;align-items:baseline;gap:.25rem .75rem;padding:.75rem 0;display:grid}.dp-ledger>li:first-child{border-top:0;padding-top:0}.dp-ledger-who{font-size:var(--fs-body);color:var(--ink);font-weight:550;line-height:1.4}.dp-ledger-when{font-size:var(--fs-caption);color:var(--pencil);grid-column:2}.dp-ledger-days{font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--ink);grid-area:1/3;font-weight:600}.dp-swatch{border:1.5px solid #0000;border-radius:3px;width:.875rem;height:.875rem;transform:translateY(.125rem)}.dp-swatch[data-state=paid]{background:var(--wet)}.dp-swatch[data-state=expected]{background:var(--wet-tint);border-color:var(--wet);border-style:dashed}.dp-swatch[data-state=short]{background:var(--sheet-2);border-color:var(--control)}.dp-late{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-top:1.5rem;display:flex}.dp-late p{font-size:var(--fs-body);color:var(--ink-2);flex:14rem;line-height:1.5}.dp-late strong{color:var(--ink);font-weight:600}.dp-tape{gap:.5rem;display:grid}.dp-tape-days{grid-template-columns:repeat(var(--days,91), minmax(0, 1fr));gap:2px;height:1.5rem;display:grid}.dp-tape-day{background:var(--sheet-2);border-radius:2px}.dp-tape-day[data-state=paid]{background:var(--wet)}.dp-tape-day[data-state=expected]{background:linear-gradient(var(--wet), var(--wet)) top / 100% 3px no-repeat, linear-gradient(var(--wet), var(--wet)) bottom / 100% 3px no-repeat, var(--wet-tint)}.dp-tape-scale{height:1.25rem;font-size:var(--fs-caption);color:var(--pencil);position:relative}.dp-tape-scale>span{white-space:nowrap;position:absolute;top:0}.dp-tape-key{font-size:var(--fs-caption);color:var(--pencil);flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.dp-tape-key>span{align-items:center;gap:.375rem;display:inline-flex}.dp-tape-key i{background:var(--sheet-2);border-radius:2px;width:.625rem;height:.875rem;display:inline-block}.dp-tape-key i[data-state=paid]{background:var(--wet)}.dp-tape-key i[data-state=expected]{background:linear-gradient(var(--wet), var(--wet)) top / 100% 3px no-repeat, linear-gradient(var(--wet), var(--wet)) bottom / 100% 3px no-repeat, var(--wet-tint)}.dp-pay{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:.25rem 1.5rem;padding:.75rem 0;display:grid}.dp-pay:first-child{border-top:0;padding-top:0}.dp-pay-who{font-size:var(--fs-body);color:var(--ink);overflow-wrap:anywhere;min-width:0}.dp-pay-amt{font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right}.dp-pay-days{min-width:5.5rem;font-size:var(--fs-body);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-weight:600}.dp-pay-days[data-sign=in]{color:var(--wet)}}@media (prefers-reduced-motion:reduce){.dp-cell{transition:none;animation:none!important}}