:root{--bg: #12100e;--surface: #1b1815;--raised: #232019;--high: #2b2721;--line: #332e27;--line-soft: #26221c;--ink: #f2ede4;--ink-2: #b5aba0;--muted: #857c72;--faint: #5f584f;--placeholder: #5f584f;--accent: #f0794e;--accent-deep: #ff9068;--accent-soft: #3a211a;--accent-edge: #52301f;--on-accent: #1a0d07;--pine: #4fc2a0;--pine-deep: #8fbfae;--pine-soft: #14322b;--pine-edge: #1e4a3e;--on-pine: #0d1f1a;--amber: #e5b15c;--amber-soft: #322618;--amber-edge: #4a3a22;--sand: #232019;--chip: #2b2721;--sans: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--gutter: 18px;--radius-card: 18px;--radius-row: 16px;--radius-btn: 15px;color-scheme:dark}*{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-family:inherit;font-size:16px;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:56px;padding:0 var(--gutter) 0 8px;padding-top:env(safe-area-inset-top)}.topbar h1{font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar h1.centered{text-align:center;font-size:16px}.iconbtn{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:999px;color:var(--ink-2);transition:background .12s ease}.iconbtn:active{background:var(--raised)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--gutter);padding-bottom:30px}.footbar{flex:none;display:flex;flex-direction:column;gap:9px;padding:14px var(--gutter) calc(22px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 74%,rgba(18,16,14,0))}.label{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 2px 9px}.label-row.tight{padding-top:15px}.meta{font-size:12.5px;color:var(--muted)}.tiny{font-size:11.5px;color:var(--faint)}.pos{color:var(--pine)}.neg{color:var(--accent)}.figure{font-weight:800;letter-spacing:-1.3px;line-height:1;font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.card.pad{padding:18px 19px}.card.dark{background:radial-gradient(130% 140% at 12% 0%,#2e231c,#221c17 45%,#1b1815);border-color:var(--line);color:var(--ink)}.card.pine{background:radial-gradient(130% 140% at 85% 0%,#1d4438,#14322b 45%,#16241f);border-color:var(--pine-edge);color:var(--ink)}.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 14px;width:100%;text-align:left}.row.tap{transition:background .12s ease}.row.tap:active{background:var(--raised)}.row.dim{background:#191612}.row.mark-accent{background:#241a15}.row.mark-pine{background:#16241f}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.row-title{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{font-size:12px;color:var(--muted)}.row-end{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.divider{height:1px;background:var(--line-soft);margin:0 14px}.divider.full{margin:0}.note{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:14px;background:var(--raised);border:1px solid var(--line-soft);font-size:12.5px;line-height:1.55;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:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;overflow:hidden}.avatar.faded{opacity:.42}.avastack{display:flex;align-items:center}.avastack>*+*{margin-left:-8px}.avastack .avatar,.avastack .more{border:2px solid var(--surface)}.avastack .more{height:25px;padding:0 8px;border-radius:999px;background:var(--high);color:var(--ink-2);font-size:10.5px;font-weight:700;display:flex;align-items:center}.btn{height:54px;border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;gap:9px;font-size:16px;font-weight:700;width:100%;background:var(--raised);border:1px solid var(--line);color:var(--ink);transition:transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.985)}.btn:disabled{background:#1f1c18;border-color:transparent;color:var(--faint)}.btn.dark{background:var(--high);border-color:var(--line);color:var(--ink)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.accent:disabled{background:#1f1c18;border-color:transparent;color:var(--faint)}.btn.danger{background:var(--surface);border-color:var(--accent-edge);color:var(--accent)}.btn.sm{height:44px;font-size:14px;border-radius:13px}.btn.busy{opacity:.72;pointer-events:none}.btn.done{background:var(--pine-soft);border-color:var(--pine-edge);color:var(--pine)}.spinner{width:19px;height:19px;flex:none;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.linkbtn{font-size:13.5px;font-weight:700;color:var(--accent)}.mutedbtn{font-size:15px;font-weight:600;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:36px;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:600;white-space:nowrap}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.chip.on-dark{background:var(--high);border-color:var(--line);color:var(--ink);font-weight:700}.pill{font-size:10px;font-weight:700;border-radius:999px;padding:2px 7px;white-space:nowrap;flex:none}.pill.accent{color:var(--accent);background:var(--accent-soft)}.pill.pine{color:var(--pine);background:var(--pine-soft)}.pill.sand{color:var(--amber);background:var(--amber-soft)}.pill.neutral{color:var(--ink-2);background:var(--high)}.amountpill{font-size:12px;font-weight:700;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);background:var(--accent-soft)}.tabs{display:flex;gap:6px;padding:15px 0 11px}.tabs button{flex:1;height:38px;border-radius:11px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:13px;font-weight:600}.tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.field{display:flex;align-items:center;gap:12px;padding:12px 15px;min-height:52px}.field>label{width:76px;flex:none;font-size:13px;color:var(--muted)}.field input,.field select{flex:1;min-width:0;border:0;background:none;font-size:16px;font-weight:500;outline:none;padding:0}.field input::placeholder{color:var(--placeholder);font-weight:400}.inline-input{flex:1;height:52px;border-radius:13px;background:var(--surface);border:1px solid var(--line);padding:0 16px;font-size:16px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.inline-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f0794e26}.inline-input::placeholder{color:var(--placeholder)}.addbtn{width:52px;height:52px;flex:none;border-radius:13px;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.addbtn:disabled{background:#1f1c18;color:var(--faint)}.amountbox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 20px}.amountbox .entry{display:flex;align-items:baseline;gap:6px}.amountbox input{font-size:42px;font-weight:800;letter-spacing:-1.6px;border:0;background:none;outline:none;text-align:right;width:7.4em;font-variant-numeric:tabular-nums;caret-color:var(--accent);color:var(--ink)}.amountbox input::placeholder{color:var(--faint)}.amountbox .unit{font-size:22px;font-weight:600;color:var(--muted)}.tick{width:21px;height:21px;flex:none;border-radius:7px;border:1.6px solid #3d3730;background:transparent;display:flex;align-items:center;justify-content:center}.tick.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tick.on.pine{background:var(--pine);border-color:var(--pine);color:var(--on-pine)}.tick.round{border-radius:999px;width:24px;height:24px}.switch{width:42px;height:24px;flex:none;border-radius:999px;background:#3d3730;display:flex;align-items:center;justify-content:flex-start;padding:2px;transition:background .16s ease}.switch.on{background:var(--pine);justify-content:flex-end}.switch .knob{width:20px;height:20px;border-radius:999px;background:var(--ink)}.switch.on .knob{background:var(--on-pine)}.balrow{display:flex;align-items:center;gap:11px}.balrow .who{width:52px;flex:none;font-size:12.5px;font-weight:600;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:14px;background:#3d3730;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:700}.empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:52px 24px;text-align:center}.empty .headline{font-size:17px;font-weight:700;letter-spacing:-.2px}.empty p{margin:0;font-size:13px;color:var(--muted);line-height:1.55;text-wrap:pretty}.skeleton{background:linear-gradient(90deg,var(--raised) 25%,var(--high) 50%,var(--raised) 75%);background-size:240% 100%;animation:sheen 1.5s ease-in-out infinite;border-radius:999px}@keyframes sheen{0%{background-position:140% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.spinner{animation-duration:2s}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#090807b8;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade .16s ease}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:480px;background:var(--surface);border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:22px var(--gutter) calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;max-height:86vh;overflow-y:auto;animation:rise .2s cubic-bezier(.2,.8,.3,1)}@keyframes rise{0%{transform:translateY(14px)}}.sheet h2{font-size:19px;font-weight:700;letter-spacing:-.3px;margin:0}.sheet p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.toast-wrap{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;left:12px;z-index:60;display:flex;flex-direction:column;gap:9px;align-items:flex-end;pointer-events:none}.toast{width:100%;max-width:360px;background:var(--raised);border:1px solid var(--line);border-radius:14px;display:flex;overflow:hidden;box-shadow:0 18px 40px -20px #000000e6;pointer-events:auto;animation:slide-in .24s cubic-bezier(.2,.8,.3,1)}@keyframes slide-in{0%{transform:translate(14px);opacity:0}}.toast .rail{width:4px;flex:none}.toast .body{flex:1;display:flex;align-items:flex-start;gap:11px;padding:13px 13px 13px 12px;min-width:0}.toast .badge{width:26px;height:26px;flex:none;border-radius:999px;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast .text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.toast .title{font-size:14px;font-weight:700}.toast .detail{font-size:12.5px;color:var(--ink-2);line-height:1.45;text-wrap:pretty}.toast .close{flex:none;margin-top:3px;color:var(--faint)}.toast.success{border-color:var(--pine-edge)}.toast.success .rail{background:var(--pine)}.toast.success .badge{background:var(--pine-soft);color:var(--pine)}.toast.error{border-color:var(--accent-edge)}.toast.error .rail{background:var(--accent)}.toast.error .badge{background:var(--accent-soft);color:var(--accent)}.toast.info{border-color:var(--amber-edge)}.toast.info .rail{background:var(--amber)}.toast.info .badge{background:var(--amber-soft);color:var(--amber)}