:root{--bg: #faf7f2;--surface: #ffffff;--ink: #1f1c18;--ink-2: #5c554b;--muted: #8a8176;--faint: #a69c8f;--line: #e7e0d4;--line-soft: #f0eae0;--accent: #c2562f;--accent-deep: #a8461f;--accent-soft: #f6e6de;--accent-edge: #f0d6c9;--pine: #2f6b5e;--pine-deep: #1f4a40;--pine-soft: #e2ede9;--pine-edge: #c9ded7;--sand: #f1ede4;--chip: #efede8;--placeholder: #b5aca0;--sans: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--serif: Lora, Georgia, serif;--gutter: 18px;--radius-card: 16px;--radius-row: 14px;--radius-btn: 14px;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}.num{font-variant-numeric:tabular-nums}.screen{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--bg);overflow:hidden}.topbar{flex:none;display:flex;align-items:center;gap:4px;min-height:54px;padding:0 var(--gutter) 0 8px;padding-top:env(safe-area-inset-top)}.topbar h1{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:-.2px;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar h1.centered{text-align:center;font-size:17px}.iconbtn{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:999px;color:var(--ink-2)}.iconbtn:active{background:var(--chip)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--gutter);padding-bottom:28px}.footbar{flex:none;display:flex;flex-direction:column;gap:9px;padding:12px var(--gutter) calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,rgba(250,247,242,0))}.label{font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:1.1px;text-transform:uppercase}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 2px 9px}.label-row.tight{padding-top:14px}.meta{font-size:12px;color:var(--muted)}.tiny{font-size:11px;color:var(--faint)}.pos{color:var(--pine)}.neg{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.card.pad{padding:14px 15px}.card.dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}.card.pine{background:var(--pine);border-color:var(--pine);color:#fff}.card.soft-pine{background:var(--pine-soft);border-color:var(--pine-edge)}.card.soft-accent{background:var(--accent-soft);border-color:var(--accent-edge)}.row{display:flex;align-items:center;gap:11px;padding:11px 13px;width:100%;text-align:left}.row.tap:active{background:#fbf9f5}.row.dim{background:#f7f4ee}.row.mark-accent{background:#fbf5f1}.row.mark-pine{background:#f4f8f6}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:11.5px;color:var(--muted)}.row-end{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.divider{height:1px;background:var(--line-soft);margin:0 13px}.divider.full{margin:0}.note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:13px;background:var(--sand);font-size:12px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.note svg{flex:none;margin-top:1px}.stack-v{display:flex;flex-direction:column}.gap-6{gap:6px}.gap-9{gap:9px}.gap-12{gap:12px}.avatar{border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex:none;overflow:hidden}.avatar.faded{opacity:.4}.avastack{display:flex;align-items:center}.avastack>*+*{margin-left:-8px}.avastack .avatar,.avastack .more{border:2px solid var(--surface)}.avastack .more{height:24px;padding:0 7px;border-radius:999px;background:var(--line-soft);color:var(--ink-2);font-size:10.5px;font-weight:600;display:flex;align-items:center}.btn{height:52px;border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;gap:9px;font-size:15.5px;font-weight:600;width:100%;background:var(--surface);border:1px solid var(--line);color:var(--ink)}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.45}.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{border-color:var(--accent-edge);color:#b03a1e}.btn.sm{height:42px;font-size:13.5px;border-radius:13px}.linkbtn{font-size:13.5px;font-weight:600;color:var(--accent)}.mutedbtn{font-size:14.5px;font-weight:500;color:var(--muted)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips.scrollx{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips.scrollx::-webkit-scrollbar{display:none}.chip{height:34px;flex:none;display:flex;align-items:center;gap:6px;padding:0 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:13px;font-weight:500;white-space:nowrap}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.chip.on-dark{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}.pill{font-size:10px;font-weight:600;border-radius:999px;padding:2px 7px;white-space:nowrap;flex:none}.pill.accent{color:var(--accent-deep);background:var(--accent-soft)}.pill.pine{color:var(--pine);background:var(--pine-soft)}.pill.sand{color:#8a6d3b;background:#f3efe6}.pill.neutral{color:var(--ink-2);background:var(--chip)}.amountpill{font-size:12px;font-weight:600;border-radius:999px;padding:5px 9px;white-space:nowrap;flex:none}.amountpill.pos{color:var(--pine);background:var(--pine-soft)}.amountpill.neg{color:var(--accent-deep);background:var(--accent-soft)}.tabs{display:flex;gap:6px;padding:14px 0 10px}.tabs button{flex:1;height:38px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:13px;font-weight:500}.tabs button.on{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}.field{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:48px}.field>label{width:78px;flex:none;font-size:12.5px;color:var(--muted)}.field input,.field select{flex:1;min-width:0;border:0;background:none;font-size:14px;font-weight:500;outline:none;padding:0}.field input::placeholder{color:var(--placeholder);font-weight:400}.inline-input{flex:1;height:46px;border-radius:13px;background:var(--surface);border:1px solid var(--line);padding:0 15px;font-size:13.5px;outline:none}.inline-input:focus{border-color:var(--muted)}.inline-input::placeholder{color:var(--placeholder)}.addbtn{width:46px;height:46px;flex:none;border-radius:13px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center}.addbtn:disabled{opacity:.35}.amountbox{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0 16px}.amountbox .entry{display:flex;align-items:baseline;gap:6px}.amountbox input{font-family:var(--serif);font-size:38px;font-weight:600;letter-spacing:-.8px;border:0;background:none;outline:none;text-align:right;width:8.2em;font-variant-numeric:tabular-nums;caret-color:var(--accent)}.amountbox input::placeholder{color:var(--placeholder)}.amountbox .unit{font-size:20px;font-weight:500;color:var(--muted)}.tick{width:21px;height:21px;flex:none;border-radius:6px;border:1.5px solid #cfc6b8;background:var(--surface);display:flex;align-items:center;justify-content:center}.tick.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.tick.on.pine{background:var(--pine);border-color:var(--pine)}.tick.round{border-radius:999px;width:23px;height:23px}.switch{width:40px;height:23px;flex:none;border-radius:999px;background:#ddd5c7;display:flex;align-items:center;justify-content:flex-start;padding:2px;transition:background .15s ease}.switch.on{background:var(--pine);justify-content:flex-end}.switch .knob{width:19px;height:19px;border-radius:999px;background:#fff}.balrow{display:flex;align-items:center;gap:10px}.balrow .who{width:52px;flex:none;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.baltrack{width:140px;flex:none;display:flex;align-items:center}.baltrack .side{flex:1;display:flex}.baltrack .side.left{justify-content:flex-end}.baltrack .axis{width:1px;height:13px;background:#ddd5c7;flex:none}.baltrack .bar{height:9px}.baltrack .bar.neg{background:var(--accent);border-radius:999px 0 0 999px}.baltrack .bar.pos{background:var(--pine);border-radius:0 999px 999px 0}.balrow .amt{flex:1;text-align:right;font-size:12.5px;font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;text-align:center}.empty .headline{font-family:var(--serif);font-size:17px;font-weight:600}.empty p{margin:0;font-size:13px;color:var(--muted);line-height:1.55;text-wrap:pretty}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1c186b;display:flex;align-items:flex-end;justify-content:center;z-index:40}.sheet{width:100%;max-width:480px;background:var(--bg);border-radius:20px 20px 0 0;padding:20px var(--gutter) calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-height:86vh;overflow-y:auto}.sheet h2{font-family:var(--serif);font-size:18px;font-weight:600;margin:0}.sheet p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.toast{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:999px;font-size:13px;font-weight:500;z-index:60;max-width:calc(100% - 36px);text-align:center}