@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f1f3f7;--surface: #ffffff;--surface-2: #e8ebf1;--ink: #1e2638;--muted: #667085;--line: #dde2ea;--a: #0e7c78;--a-soft: #d7efed;--b: #b0417a;--b-soft: #f6dcea;--joint: #b07a0c;--joint-soft: #f6ead0;--danger: #c23b3b;--danger-soft: #f8dede;--ok: #2f7d4f;--hero: #1e2638;--hero-ink: #f4f6fa;--shadow: 0 1px 2px rgba(30, 38, 56, .06), 0 8px 24px rgba(30, 38, 56, .06);--display: "Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--body: "Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121722;--surface: #1b2230;--surface-2: #242c3c;--ink: #e7eaf1;--muted: #98a2b3;--line: #2a3344;--a: #3db8b2;--a-soft: #173a3b;--b: #e17aae;--b-soft: #3d2032;--joint: #e3a93b;--joint-soft: #3a2f17;--danger: #f07171;--danger-soft: #3d1f22;--ok: #5fc48a;--hero: #232c3e;--hero-ink: #f4f6fa;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--bg: #121722;--surface: #1b2230;--surface-2: #242c3c;--ink: #e7eaf1;--muted: #98a2b3;--line: #2a3344;--a: #3db8b2;--a-soft: #173a3b;--b: #e17aae;--b-soft: #3d2032;--joint: #e3a93b;--joint-soft: #3a2f17;--danger: #f07171;--danger-soft: #3d1f22;--ok: #5fc48a;--hero: #232c3e;--hero-ink: #f4f6fa;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:8px}.num{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;padding:calc(var(--safe-top) + 14px) 20px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{font-family:var(--display);font-size:26px;font-weight:700;margin:0;letter-spacing:-.02em}.topbar .who{display:flex;align-items:center;gap:8px}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.sync-dot.pending{background:var(--joint)}.sync-dot.off{background:var(--muted)}.sync-dot.err{background:var(--danger)}main.content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:4px 16px calc(110px + var(--safe-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + var(--safe-bottom))}.tabbar button{border:0;background:none;padding:6px 0 2px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;color:var(--muted);font-weight:500}.tabbar button[aria-current=page]{color:var(--ink);font-weight:700}.tabbar button[aria-current=page] svg{color:var(--ink)}.fab{position:fixed;right:max(16px,calc(50% - 304px));bottom:calc(78px + var(--safe-bottom));z-index:31;height:54px;padding:0 20px 0 16px;border-radius:18px;border:0;background:var(--ink);color:var(--bg);display:flex;align-items:center;gap:8px;font-weight:700;box-shadow:0 10px 24px #141a2847}.fab:active{transform:scale(.97)}@media(min-width:900px){.tabbar{top:0;bottom:0;right:auto;width:92px;grid-template-columns:1fr;grid-auto-rows:72px;align-content:center;border-top:0;border-right:1px solid var(--line)}.app{padding-left:92px}.fab{bottom:32px}main.content{padding-bottom:120px}}.section{margin:22px 0 10px;display:flex;align-items:baseline;justify-content:space-between}.section h2{font-family:var(--display);font-size:18px;font-weight:650;margin:0;letter-spacing:-.01em}.section .link{border:0;background:none;color:var(--muted);font-size:14px;font-weight:600;padding:4px}.panel{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line)}.panel.pad{padding:16px}.list{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);width:100%;text-align:left;background:none;border-left:0;border-right:0;border-top:0}.list>li:last-child .row{border-bottom:0}.row .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink)}.row .title{font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .sub{color:var(--muted);font-size:13.5px;margin-top:2px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.row .amt{text-align:right;font-weight:650}.row .amt small{display:block;color:var(--muted);font-weight:500;font-size:12.5px;font-family:var(--body)}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:20px;white-space:nowrap}.pill.a{background:var(--a-soft);color:var(--a)}.pill.b{background:var(--b-soft);color:var(--b)}.pill.joint{background:var(--joint-soft);color:var(--joint)}.pill.due{background:var(--danger-soft);color:var(--danger)}.pill.neutral{background:var(--surface-2);color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.a{background:var(--a)}.dot.b{background:var(--b)}.dot.joint{background:var(--joint)}.hero{background:var(--hero);color:var(--hero-ink);border-radius:24px;padding:20px 20px 18px;margin-top:6px}.hero .lead{font-size:15px;opacity:.75;margin:0 0 4px}.hero .verdict{font-family:var(--display);font-size:30px;line-height:1.12;font-weight:700;letter-spacing:-.02em;margin:0}.hero .verdict .who-a{color:#6fd6d0}.hero .verdict .who-b{color:#f3a2ca}.scale{margin:18px 0 8px;position:relative;height:14px;border-radius:999px;background:#ffffff1f;overflow:hidden;display:flex}.scale span{height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1)}.scale .sa{background:#3db8b2}.scale .sb{background:#e17aae}.scale-legend{display:flex;justify-content:space-between;font-size:13.5px;opacity:.85}.hero .actions{display:flex;gap:8px;margin-top:16px}.btn-hero{border:0;border-radius:12px;padding:10px 14px;font-weight:700;background:var(--hero-ink);color:var(--hero)}.btn-hero.ghost{background:#ffffff1a;color:var(--hero-ink)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.tile{padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-align:left;display:flex;flex-direction:column;gap:6px;min-height:108px}.tile .k{color:var(--muted);font-size:13.5px;display:flex;align-items:center;gap:6px}.tile .v{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.01em}.tile .s{color:var(--muted);font-size:12.5px;margin-top:auto}.meter{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.meter>i{display:block;height:100%;background:var(--ink);border-radius:999px}.meter.a>i{background:var(--a)}.meter.b>i{background:var(--b)}.meter.over>i{background:var(--danger)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c101873;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.sheet{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:var(--bg);border-radius:24px 24px 0 0;padding:8px 18px calc(20px + var(--safe-bottom));animation:rise .24s cubic-bezier(.2,.8,.2,1)}@media(min-width:700px){.scrim{align-items:center}.sheet{border-radius:24px}}.sheet .grab{width:40px;height:4px;border-radius:4px;background:var(--line);margin:4px auto 10px}.sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sheet h3{font-family:var(--display);font-size:21px;margin:0;letter-spacing:-.01em}.icon-btn{border:0;background:var(--surface-2);width:36px;height:36px;border-radius:12px;display:grid;place-items:center}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.scrim,.sheet{animation:none}.scale span{transition:none}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label,.field>.label{font-size:13.5px;color:var(--muted);font-weight:600}.input,select.input,textarea.input{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 12px;font-size:16px;min-height:46px}textarea.input{min-height:72px;resize:vertical}.input:focus{outline:2px solid var(--a);outline-offset:0;border-color:transparent}.amount-input{font-family:var(--display);font-size:34px;font-weight:700;border:0;background:none;padding:4px 0;width:100%;letter-spacing:-.02em}.amount-input:focus{outline:none}.amount-wrap{display:flex;align-items:center;gap:6px;border-bottom:2px solid var(--line);margin-bottom:16px}.amount-wrap:focus-within{border-color:var(--ink)}.amount-wrap span{font-family:var(--display);font-size:28px;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.seg button[aria-pressed=true].a{background:var(--a);border-color:var(--a);color:#fff}.seg button[aria-pressed=true].b{background:var(--b);border-color:var(--b);color:#fff}.seg button[aria-pressed=true].joint{background:var(--joint);border-color:var(--joint);color:#fff}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cats button{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:9px 2px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--muted)}.cats button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:var(--surface-2)}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;font-weight:600}.switch input{width:46px;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);border-radius:999px;position:relative;transition:background .15s;flex:none;border:1px solid var(--line)}.switch input:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .15s;box-shadow:0 1px 3px #0003}.switch input:checked{background:var(--a);border-color:var(--a)}.switch input:checked:after{transform:translate(18px)}.switch small{display:block;color:var(--muted);font-weight:500}.btn{border:0;border-radius:14px;padding:13px 16px;font-weight:700;background:var(--ink);color:var(--bg);width:100%;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px}.btn.secondary{background:var(--surface-2);color:var(--ink)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.small{width:auto;min-height:38px;padding:8px 14px;border-radius:12px;font-size:14px}.btn:disabled{opacity:.5}.btn-row{display:flex;gap:8px;margin-top:8px}.split-preview{display:flex;gap:8px;margin:-4px 0 14px;font-size:13.5px;color:var(--muted)}.empty{text-align:center;padding:34px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-family:var(--display);font-size:18px;margin-bottom:4px}.banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--joint-soft);color:var(--ink);font-size:14px;margin:8px 0}.banner svg{color:var(--joint);flex:none;margin-top:2px}.filters{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.kv{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.kv span:last-child{font-weight:650;text-align:right}.big{font-family:var(--display);font-size:36px;font-weight:750;letter-spacing:-.025em;line-height:1.05;margin:2px 0 6px}.muted{color:var(--muted)}.small{font-size:13.5px}.month-head{color:var(--muted);font-size:13.5px;font-weight:600;margin:18px 4px 8px;display:flex;justify-content:space-between}.chart{width:100%;height:auto;display:block}.chart text{fill:var(--muted);font-size:11px;font-family:var(--body)}.menu{display:grid;gap:10px}.menu .row{border:1px solid var(--line);border-radius:16px;background:var(--surface)}.receipt{width:100%;border-radius:14px;border:1px solid var(--line);margin-bottom:12px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(140px + var(--safe-bottom));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:600;z-index:60;font-size:14.5px}.gate{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;max-width:420px;margin:0 auto}.gate .mark{width:64px;height:64px;border-radius:20px;margin-bottom:18px}.gate h1{font-family:var(--display);font-size:34px;letter-spacing:-.02em;margin:0 0 6px;line-height:1.05}.gate p{color:var(--muted);margin:0 0 24px}.who-pick{display:grid;gap:10px}.who-pick button{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--surface);font-size:18px;font-weight:700;text-align:left}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--display);font-weight:700;flex:none}.avatar.a{background:var(--a)}.avatar.b{background:var(--b)}.avatar.joint{background:var(--joint)}.avatar.sm{width:28px;height:28px;font-size:13px}.error{color:var(--danger);font-size:14px;margin:-4px 0 12px}