:root{--ink:#000;--ink-soft:#5a5a5a;--paper:#fff;--paper-raised:#fff;--line:#d6d6d6;--brand:#bd34bb;--brand-deep:#9a1f99;--brand-soft:#f8e8f7;--low:#bd34bb;--sans:Arial, "Helvetica Neue", Helvetica, sans-serif;font:16px/1.5 var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{min-height:100svh}button,input{font:inherit}button{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{align-content:start;justify-items:center;min-height:100svh;padding:0 0 56px;display:grid}.shell{width:min(720px,100%);padding:24px 16px 0}.masthead{background:var(--brand);color:#fff;width:100%;margin-bottom:0;padding:20px 16px}.masthead-inner{justify-content:space-between;align-items:center;gap:16px;width:min(720px,100%);margin:0 auto;display:flex}.install-bar{border:1px solid var(--line);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(720px,100%);margin:16px auto 0;padding:14px 16px;display:flex}.install-bar p{color:var(--ink);flex:220px;margin:0;font-size:15px;font-weight:600}.install-button{background:var(--brand);color:#fff;cursor:pointer;border:0;min-height:44px;padding:10px 16px;font-size:14px;font-weight:800}.install-button:disabled{opacity:.7;cursor:default}.title{color:#fff;letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800}.date{color:#fff;margin:0;font-size:15px;font-weight:700}.balances{grid-template-columns:1fr;gap:8px;margin-bottom:16px;display:grid}.balance{border:1px solid var(--line);background:var(--paper);gap:6px;margin:0;padding:14px 16px;display:grid}.balance span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:16px;font-weight:700}.balance input{border:0;border-top:1px solid var(--line);width:100%;color:var(--ink);-moz-appearance:textfield;background:0 0;border-radius:0;padding:8px 0 0;font-size:32px;font-weight:800;line-height:1.2}.balance input::placeholder{color:var(--ink-soft);font-size:14px;font-weight:600}.balance input:focus{outline:none}.running{z-index:10;border-color:var(--ink);margin-bottom:16px;position:sticky;top:0;box-shadow:0 8px 18px #0000001f}.running strong{border-top:1px solid var(--line);color:#d32f2f;padding-top:8px;font-size:48px;font-weight:800;line-height:1.2;display:block}.days{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.day{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:0;padding:10px 0;font-weight:700}.day.active{background:var(--brand);border-color:var(--brand);color:#fff}.summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.summary p{border:1px solid var(--line);background:var(--paper);margin:0;padding:12px 14px}.summary span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.summary strong{margin-top:4px;font-size:22px;font-weight:800;display:block}.sheet-label{color:var(--ink-soft);margin:0 0 8px;font-size:13px}.grid{border:1px solid var(--ink);background:var(--paper);grid-template-columns:1fr;display:grid}.slot{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 88px;align-items:stretch;min-width:0;display:grid;position:relative}.slot:last-child{border-bottom:0}.slot-num{border-right:1px solid var(--line);color:var(--ink);background:#f3f3f3;place-items:center;padding:0;font-size:12px;font-weight:800;display:grid}.slot-refill{border:0;border-left:1px solid var(--line);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;background:#f3f3f3;border-radius:0;font-size:12px;font-weight:800}.slot-refill.on{color:#fff;background:#2e7d32;border-left-color:#2e7d32}.slot.refill{background:#e8f5e9}.slot.refill .slot-num{color:#1b5e20;background:#c8e6c9}.slot input{width:100%;min-width:0;min-height:48px;color:var(--ink);text-align:left;-moz-appearance:textfield;background:0 0;border:0;padding:6px 4px 6px 12px;font-weight:700}.slot input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slot input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.balance input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.balance input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slot input:focus{outline:2px solid var(--brand);outline-offset:-2px}.clear{border:1px solid var(--ink);width:100%;color:var(--ink);background:0 0;border-radius:0;margin-top:16px;padding:12px;font-weight:700;display:block}.clear:hover{background:var(--brand);border-color:var(--brand);color:#fff}.credit{text-align:center;margin:28px 0 0}.credit a{color:var(--ink-soft);font-size:13px}.dialog-backdrop{z-index:20;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--ink);background:var(--paper);width:min(400px,100%);padding:22px 20px 18px}.dialog h2{margin:0 0 8px;font-size:22px;font-weight:800}.dialog p{color:var(--ink-soft);margin:0 0 20px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.dialog-cancel,.dialog-confirm{border-radius:0;padding:10px 14px;font-weight:700}.dialog-cancel{border:1px solid var(--line);color:var(--ink);background:0 0}.dialog-confirm{background:var(--brand);color:#fff;border:0}.dialog-confirm:hover{background:var(--brand-deep)}