:root{--paper: #faf6ee;--paper-deep: #f3ecdd;--ink: #22302a;--muted: #7a7365;--green: #2e5d4b;--red: #9c3b2e;--rule: #d9cfba;--serif: Georgia, "Times New Roman", serif;--mono: "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper)}body{font-family:var(--serif);color:var(--ink);background:radial-gradient(1200px 500px at 85% -10%,rgba(46,93,75,.06),transparent 60%),var(--paper);min-height:100dvh;font-size:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}#root{max-width:1080px;margin:0 auto;animation:settle .45s ease both}@keyframes settle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.masthead{display:flex;align-items:baseline;justify-content:space-between;padding:18px 4px 10px;border-bottom:2px solid var(--ink)}.masthead h1{font-size:28px;font-weight:600;letter-spacing:.02em}.masthead .month{font-family:var(--mono);font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.tabs{display:flex;gap:2px;padding:10px 0 0;overflow-x:auto;border-bottom:1px solid var(--rule)}.tabs button{font-family:var(--serif);font-size:15px;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;padding:10px 14px;cursor:pointer;white-space:nowrap;min-height:44px}.tabs button.on{color:var(--ink);border-bottom-color:var(--green);font-weight:600}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:22px 0}.stat{background:#fffdf8;border:1px solid var(--rule);border-radius:10px;padding:16px 18px;box-shadow:0 1px 2px #22302a0d}.stat .k{font-size:13px;color:var(--muted);margin-bottom:6px}.stat .v{font-family:var(--mono);font-size:26px;letter-spacing:-.01em}.stat .s{font-size:12.5px;color:var(--muted);margin-top:6px;font-style:italic}.stat.good .v{color:var(--green)}.stat.bad .v{color:var(--red)}.panel{background:#fffdf8;border:1px solid var(--rule);border-radius:10px;padding:20px 22px;margin-bottom:20px}.panel h2{font-size:19px;font-weight:600;margin-bottom:4px}.panel .sub{font-size:14px;color:var(--muted);margin-bottom:14px}.hint{font-size:13px;color:var(--muted);font-style:italic;margin-top:12px}table.ledger{width:100%;border-collapse:collapse}table.ledger td{padding:9px 4px;border-bottom:1px solid var(--rule);font-size:15px}table.ledger tr:last-child td{border-bottom:none}table.ledger td.num{text-align:right;font-family:var(--mono);font-size:14px;white-space:nowrap}table.ledger td.name{font-weight:600}.row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.row label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--muted)}input,select{font-family:var(--mono);font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--rule);border-radius:6px;padding:10px 12px;min-height:44px}input:focus,select:focus{outline:2px solid var(--green);outline-offset:1px}button.go{font-family:var(--serif);font-size:15px;font-weight:600;color:#fffdf8;background:var(--green);border:none;border-radius:8px;padding:12px 22px;min-height:44px;cursor:pointer}button.go:disabled{opacity:.5;cursor:default}button.ghost{font-family:var(--serif);font-size:14px;color:var(--green);background:none;border:1px solid var(--rule);border-radius:8px;padding:10px 16px;min-height:44px;cursor:pointer}button.x{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;min-width:44px;min-height:44px}button.x:hover{color:var(--red)}.paid-toggle{font-family:var(--mono);font-size:12px;color:var(--green);background:#2e5d4b14;border:1px solid rgba(46,93,75,.25);border-radius:999px;padding:6px 12px;min-height:32px;cursor:pointer}.paid-toggle.off{color:var(--muted);background:none;border-color:var(--rule)}.quickadd{display:grid;grid-template-columns:1.1fr 1.6fr 1fr auto;gap:10px;align-items:end}@media (max-width: 640px){.quickadd{grid-template-columns:1fr 1fr}.quickadd button.go{grid-column:1 / -1}}.match{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--rule);font-size:14.5px;flex-wrap:wrap}.match .meta{font-family:var(--mono);font-size:13px;color:var(--muted)}.badge{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 10px}.badge.yes{color:var(--green);background:#2e5d4b1a}.badge.no{color:var(--muted);background:#7a73651a}.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:#fffdf8;font-size:14px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 16px #0003;animation:settle .2s ease both}.lock-screen{min-height:90dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.lock-screen h1{font-size:26px}.lock-screen .dots{font-family:var(--mono);font-size:24px;letter-spacing:.4em;min-height:34px}.keypad{display:grid;grid-template-columns:repeat(3,76px);gap:12px}.keypad button{font-family:var(--mono);font-size:22px;min-height:64px;background:#fffdf8;border:1px solid var(--rule);border-radius:12px;cursor:pointer}.keypad button:active{background:var(--paper-deep)}.empty{text-align:center;color:var(--muted);font-style:italic;padding:40px 0}