@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/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(/assets/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(/assets/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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.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{--paper: #f8f5ee;--card: #ffffff;--text: #0f1b2d;--muted: #55617a;--line: #ebe4d6;--edge: #dcd3c1;--tint: #f1ebde;--soft: #fff3cf;--shadow: rgba(15, 27, 45, .1);--lift: 0 1px 2px rgba(15, 27, 45, .06), 0 8px 22px -10px rgba(15, 27, 45, .2);--ink: #0f1b2d;--sun: #ffc42e;--sun-hi: #ffb300;--action-bg: linear-gradient(135deg, #ffd75e 0%, #ffb800 100%);--action-fg: var(--ink);--action-hi: linear-gradient(135deg, #ffcd42 0%, #ffa800 100%);--action-edge: var(--ink);--ring: var(--ink);--pos: #087152;--neg: #b9331f;--pos-bg: #dff6ec;--neg-bg: #ffe6e1;--panel-text: #0f1b2d;--panel-muted: #3d4b66;--panel-pos: #066a4c;--panel-neg: #a82d1a;--panel-line: rgba(15, 27, 45, .12);--g-even: linear-gradient(135deg, #fff0c2 0%, #ffd9a8 55%, #ffc9bd 100%);--g-pos: linear-gradient(135deg, #c6f5e2 0%, #e2f7c8 55%, #fff0c2 100%);--g-neg: linear-gradient(135deg, #ffd2c8 0%, #ffe0b8 55%, #fff0c2 100%);--g-invite: linear-gradient(135deg, #dcd6ff 0%, #cfe3ff 55%, #c6f1e3 100%);--invite-input: rgba(255, 255, 255, .65);--invite-btn-border: rgba(15, 27, 45, .35);--wash: radial-gradient(70% 45% at 100% 0%, rgba(255, 196, 46, .22), transparent 70%), radial-gradient(60% 40% at 0% 6%, rgba(255, 106, 85, .12), transparent 70%), radial-gradient(70% 40% at 50% 100%, rgba(79, 155, 255, .1), transparent 70%);--tile-a: linear-gradient(135deg, #fff3cd, #ffe1a6);--tile-b: linear-gradient(135deg, #dcf7ec, #bdeed9);--tile-c: linear-gradient(135deg, #e0edff, #c6dcff);--tile-d: linear-gradient(135deg, #ffe6e0, #ffc9bd);--bar-1: #3d85f5;--bar-2: #7a6af0;--bar-pos: #12a67e;--bar-neg: #ea4a35;--hot: #ff8a4c;--bar-grad: linear-gradient(180deg, #62a3ff, #7a6af0);--hot-grad: linear-gradient(180deg, #ffd75e, #ff7a4c);--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%230f1b2d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5l5.5 5.5 5.5-5.5'/%3E%3C/svg%3E");--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--display: "Bricolage Grotesque Variable", "Avenir Next", "Segoe UI", system-ui, sans-serif;--body: "DM Sans Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0c1626;--card: #13233b;--text: #f6f1e7;--muted: #a6b2c8;--line: #1f3354;--edge: #2d4570;--tint: #1a2d4a;--soft: #1f3556;--shadow: rgba(0, 0, 0, .45);--lift: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 26px -10px rgba(0, 0, 0, .6);--action-edge: transparent;--ring: var(--sun);--pos: #6ee7c0;--neg: #ff9a8a;--pos-bg: #11332f;--neg-bg: #3a2230;--panel: #172a47;--panel-text: #ffffff;--panel-pos: #6ee7c0;--panel-neg: #ff9a8a;--g-even: radial-gradient(120% 150% at 100% 0%, rgba(255, 196, 46, .24), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--g-pos: radial-gradient(120% 150% at 100% 0%, rgba(110, 231, 192, .3), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--g-neg: radial-gradient(120% 150% at 100% 0%, rgba(255, 154, 138, .3), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--g-invite: radial-gradient(120% 150% at 100% 0%, rgba(167, 139, 255, .26), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--invite-input: rgba(255, 255, 255, .08);--invite-btn-border: rgba(255, 255, 255, .4);--wash: radial-gradient(70% 45% at 100% 0%, rgba(255, 196, 46, .1), transparent 70%), radial-gradient(60% 40% at 0% 6%, rgba(255, 106, 85, .08), transparent 70%), radial-gradient(70% 40% at 50% 100%, rgba(79, 155, 255, .12), transparent 70%);--bar-grad: linear-gradient(180deg, #8dbfff, #a699ff);--hot-grad: linear-gradient(180deg, #ffd75e, #ff8a4c);--panel-muted: #aab7ce;--panel-line: #2b4268;--tile-a: linear-gradient(135deg, #13233b, #1a2f52);--tile-b: linear-gradient(135deg, #13233b, #1a2f52);--tile-c: linear-gradient(135deg, #13233b, #1a2f52);--tile-d: linear-gradient(135deg, #13233b, #1a2f52);--bar-1: #6aa9ff;--bar-2: #a699ff;--bar-pos: #4fd8b0;--bar-neg: #ff8272;--hot: #ffc42e;--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%23ffc42e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5l5.5 5.5 5.5-5.5'/%3E%3C/svg%3E");color-scheme:dark}}:root[data-theme=dark]{--paper: #0c1626;--card: #13233b;--text: #f6f1e7;--muted: #a6b2c8;--line: #1f3354;--edge: #2d4570;--tint: #1a2d4a;--soft: #1f3556;--shadow: rgba(0, 0, 0, .45);--lift: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 26px -10px rgba(0, 0, 0, .6);--action-edge: transparent;--ring: var(--sun);--pos: #6ee7c0;--neg: #ff9a8a;--pos-bg: #11332f;--neg-bg: #3a2230;--panel: #172a47;--panel-text: #ffffff;--panel-pos: #6ee7c0;--panel-neg: #ff9a8a;--g-even: radial-gradient(120% 150% at 100% 0%, rgba(255, 196, 46, .24), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--g-pos: radial-gradient(120% 150% at 100% 0%, rgba(110, 231, 192, .3), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--g-neg: radial-gradient(120% 150% at 100% 0%, rgba(255, 154, 138, .3), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--g-invite: radial-gradient(120% 150% at 100% 0%, rgba(167, 139, 255, .26), transparent 60%), linear-gradient(135deg, #1e3a64, #142640);--invite-input: rgba(255, 255, 255, .08);--invite-btn-border: rgba(255, 255, 255, .4);--wash: radial-gradient(70% 45% at 100% 0%, rgba(255, 196, 46, .1), transparent 70%), radial-gradient(60% 40% at 0% 6%, rgba(255, 106, 85, .08), transparent 70%), radial-gradient(70% 40% at 50% 100%, rgba(79, 155, 255, .12), transparent 70%);--bar-grad: linear-gradient(180deg, #8dbfff, #a699ff);--hot-grad: linear-gradient(180deg, #ffd75e, #ff8a4c);--panel-muted: #aab7ce;--panel-line: #2b4268;--tile-a: linear-gradient(135deg, #13233b, #1a2f52);--tile-b: linear-gradient(135deg, #13233b, #1a2f52);--tile-c: linear-gradient(135deg, #13233b, #1a2f52);--tile-d: linear-gradient(135deg, #13233b, #1a2f52);--bar-1: #6aa9ff;--bar-2: #a699ff;--bar-pos: #4fd8b0;--bar-neg: #ff8272;--hot: #ffc42e;--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%23ffc42e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5l5.5 5.5 5.5-5.5'/%3E%3C/svg%3E");color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body{margin:0;height:100%;background:var(--paper);color:var(--text);overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;font:16px/1.45 var(--body);background:var(--wash),var(--paper)}#app{height:100%;overflow-x:clip;overflow-y:auto;overscroll-behavior:none;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}h1,h2,h3,p,ul{margin:0}a{color:inherit;text-decoration:none}ul{padding:0;list-style:none}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;margin-bottom:10px}::selection{background:color-mix(in srgb,var(--sun) 60%,transparent);color:inherit}:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.skip{position:absolute;left:12px;top:-60px;z-index:40;background:var(--action-bg);color:var(--action-fg);border:1.5px solid var(--ink);padding:10px 14px;border-radius:10px;font-weight:700}.skip:focus{top:calc(var(--safe-top) + 8px)}[tabindex="-1"]:focus{outline:none}.page{max-width:560px;margin:0 auto;padding:0 18px calc(var(--safe-bottom) + 28px);min-height:100%}.page.has-tabs{padding-bottom:calc(var(--safe-bottom) + 170px)}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;min-height:52px;margin:0 -18px 6px;padding:calc(var(--safe-top) + 6px) 18px 6px}.bar:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:color-mix(in srgb,var(--paper) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.bar h1{flex:1;min-width:0;font:800 22px/1.1 var(--display);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-right{flex-shrink:0;display:flex;align-items:center;gap:6px;margin-right:-8px}.icon-btn,.theme-btn{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:14px;background:transparent}.icon-btn{margin-left:-8px}.theme-btn{color:var(--muted)}.icon-btn:active,.theme-btn:active{background:var(--line)}.offline{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--neg-bg);color:var(--neg)}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:700}.block{display:block}.grow{flex:1;min-width:0}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right{text-align:right;flex-shrink:0;max-width:46%}.money{font:700 16px/1.2 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.big-money{font-size:22px}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--neg);font-weight:600}.label{font:700 12px/1 var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:26px 2px 10px}.hint{font-size:13px;color:var(--muted);margin:14px 2px 0;text-wrap:pretty}.hint.tight{margin-top:-8px}.empty{text-align:center;color:var(--muted);padding:40px 16px;text-wrap:balance}.empty.tight{padding:18px 12px}h1,h2{text-wrap:balance}.hero{padding:26px 2px 8px;display:flex;flex-direction:column;gap:14px}.hero.compact{padding-top:12px}.hero h2{font:800 clamp(38px,11vw,52px)/1.02 var(--display);letter-spacing:-.035em}.hero.compact h2{font-size:32px}mark{background:var(--action-bg);color:var(--ink);padding:0 .16em;margin:0 -.04em;border-radius:.18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.lede{font-size:18px;color:var(--muted);max-width:30em;text-wrap:pretty}.cta{display:flex;flex-direction:column;gap:4px;margin-top:6px}.receipt{position:relative;margin:28px 6px 6px;padding:1.4em 1.4em 1.2em;background:#fffdf8;color:#0f1b2d;border-radius:8px;box-shadow:var(--lift);transform:rotate(-2deg);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.receipt-head{display:flex;justify-content:space-between;font-size:1.3em;font-weight:800}.receipt-sub{color:#55617a;margin-bottom:4px}.receipt-rule{border-top:2px dashed #cfc6b3;margin:10px 0}.receipt-row{display:flex;justify-content:space-between}.neg-ink{color:#b9331f;font-weight:700}.pos-ink{color:#087152;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--edge);background:var(--card);border-radius:14px;padding:11px 16px;font-weight:700;line-height:1.2;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.btn.primary{background:var(--action-bg);border:1.5px solid var(--action-edge);color:var(--action-fg);box-shadow:0 8px 18px -8px color-mix(in srgb,var(--sun) 90%,transparent)}.btn.primary:active{transform:scale(.98);background:var(--action-hi)}.btn:not(.primary):not(.link):not(.ghost):active{background:var(--line)}.btn.big{padding:16px 20px;font:800 18px/1.1 var(--display);border-radius:16px;width:100%}.btn.small{padding:8px 12px;font-size:14px;border-radius:11px}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted);padding:8px}.btn.danger{color:var(--neg)}.btn.link{border:0;background:transparent;color:var(--text);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:3px;text-decoration-color:var(--sun);padding:10px 4px}.btn.left{align-self:flex-start;padding-left:0}.btn:disabled{opacity:.55;cursor:progress}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media(hover:hover){.btn.primary:hover{background:var(--action-hi)}.btn.ghost:hover,.icon-btn:hover,.theme-btn:hover{background:var(--line);color:var(--text)}.btn:not(.primary):not(.link):not(.ghost):hover{background:var(--tint)}}.stack{display:flex;flex-direction:column;gap:20px;padding-top:10px}.field{display:flex;flex-direction:column;gap:8px}.field>span,.field>legend{font:700 13px/1 var(--body);color:var(--muted)}.field em{font-style:normal;font-weight:500}input,select{width:100%;min-width:0;padding:13px 14px;border-radius:14px;border:1px solid var(--edge);background:var(--card);caret-color:var(--text)}input::placeholder{color:var(--muted);opacity:.7}input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--sun) 75%,transparent);outline-offset:0;border-color:var(--ring)}input[type=checkbox]{width:24px;height:24px;padding:0;accent-color:var(--sun);flex-shrink:0}.amount-wrap{display:flex;align-items:center;gap:4px;border:1px solid var(--edge);border-radius:16px;background:var(--card);padding-left:16px;box-shadow:var(--lift)}.amount-wrap:focus-within{outline:3px solid color-mix(in srgb,var(--sun) 75%,transparent);border-color:var(--ring)}.amount-wrap b{font:800 30px/1 var(--display);color:var(--muted)}input.amount{border:0;background:transparent;font:800 34px/1.1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;padding:14px 14px 14px 4px;outline:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline{display:flex;gap:8px;align-items:center}.inline input{flex:1}.add-person{margin-top:10px}.find{margin-bottom:10px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:44px;background-image:var(--chev);background-repeat:no-repeat;background-position:right 16px center}input[type=date],input[type=time]{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:50px}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{margin:0;padding:4px;opacity:.8;cursor:pointer}.timewrap{position:relative;display:block}.timewrap.blank input:not(:focus)::-webkit-datetime-edit{opacity:0}.timewrap .now{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:600;color:var(--muted);pointer-events:none}.timewrap:focus-within .now{display:none}.list{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius);overflow:hidden;box-shadow:var(--lift)}.list>li+li{border-top:1px solid var(--line)}.row{display:flex;align-items:center;gap:12px;width:100%;padding:14px;background:transparent;border:0;text-align:left}.row:is(a,button):active{background:var(--line)}a.row{color:inherit}.row.static{cursor:default}.row.wrap{flex-wrap:wrap}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#0f1b2d;font:800 15px/1 var(--display);flex-shrink:0}.chip,.count{font:700 11px/1 var(--body);padding:4px 8px;border-radius:99px;background:var(--action-bg);color:var(--ink);letter-spacing:0}.chip{margin-left:8px;vertical-align:2px}.count{font-size:12px;padding:3px 8px;margin-left:6px}.tile{width:44px;height:44px;display:grid;place-items:center;font-size:22px;border-radius:14px;background:var(--tint);flex-shrink:0}.tile.pay{background:#bff0de}.rank{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--action-bg);color:var(--ink);font:800 14px/1 var(--display);flex-shrink:0}.card{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px;margin-top:8px;box-shadow:var(--lift)}.card-title{font:800 20px/1.1 var(--display);letter-spacing:-.02em}.card.invite{background:var(--g-invite);color:var(--panel-text);border-color:var(--panel-line)}.card.invite input{background:var(--invite-input);border-color:var(--panel-line);color:var(--panel-text);font-size:14px}.card.invite .btn:not(.primary){background:transparent;border-color:var(--invite-btn-border);color:var(--panel-text)}.summary{margin-top:8px;padding:20px 20px 18px;border-radius:22px;color:var(--panel-text);border:1px solid var(--panel-line);background:var(--g-even);box-shadow:var(--lift)}.summary.pos{background:var(--g-pos)}.summary.neg{background:var(--g-neg)}.summary-k{font:700 13px/1 var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--panel-muted)}.summary-v{font:800 clamp(40px,13vw,56px)/1.05 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:8px 0 6px;overflow-wrap:anywhere}.summary.pos .summary-v{color:var(--panel-pos)}.summary.neg .summary-v{color:var(--panel-neg)}.summary-s{font-size:14px;color:var(--panel-muted)}.bal{padding:14px;display:flex;flex-direction:column;gap:10px}.bal-top{display:flex;align-items:center;gap:12px}.track{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.fill{display:block;height:100%;border-radius:99px;background:var(--muted);transition:width .4s ease}.fill.pos{background:linear-gradient(90deg,var(--bar-pos),#8fe36b)}.fill.neg{background:linear-gradient(90deg,var(--bar-neg),#ff9a5c)}.fill.paid{background:linear-gradient(90deg,#3d85f5,#7a6af0)}.fill.share{background:linear-gradient(90deg,#7a6af0,#f27ab0)}.money.even{color:var(--muted)}.stack-list{display:flex;flex-direction:column;gap:12px}.settle{background:var(--card);border:1px solid var(--edge);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--lift)}.settle-who{display:flex;align-items:center;gap:8px}.settle-who>svg{color:var(--muted);flex-shrink:0}.settle-do{display:flex;align-items:center;justify-content:space-between;gap:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.stats li{position:relative;background:var(--card);border:1px solid var(--edge);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0;box-shadow:var(--lift)}.stats li:after{content:"";position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%;background:var(--dot)}.stats li:nth-child(1){background:var(--tile-a);--dot: var(--sun)}.stats li:nth-child(2){background:var(--tile-b);--dot: var(--bar-pos)}.stats li:nth-child(3){background:var(--tile-c);--dot: var(--bar-1)}.stats li:nth-child(4){background:var(--tile-d);--dot: var(--bar-neg)}.stats .money{font-size:22px}.donut-wrap{position:relative;width:170px;height:170px;margin:4px auto}.donut{width:100%;height:100%}.donut-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-mid b{font:800 30px/1 var(--display)}.legend{display:flex;flex-direction:column;gap:4px;margin-top:6px}.legend li{display:flex;align-items:center;gap:10px;padding:6px 0}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.months{display:flex;align-items:flex-end;gap:10px;height:150px;overflow-x:auto}.months li{flex:1 0 56px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.mbar{width:100%;max-width:44px;border-radius:8px 8px 3px 3px;background:var(--bar-grad)}.mbar.hot{background:var(--hot-grad)}.parts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.parts li{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 4px;border-radius:16px;background:var(--card);border:1px solid var(--edge);font-size:22px;min-width:0}.parts li.hot{background:var(--soft);border-color:var(--sun)}.duo{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:6px 10px}.seg{display:grid;grid-template-columns:repeat(4,1fr);background:var(--line);border-radius:14px;padding:3px;gap:3px}.seg button{border:0;background:transparent;padding:10px 4px;border-radius:11px;font-weight:700;color:var(--muted);transition:background-color .12s ease,color .12s ease}.seg button.on{background:var(--action-bg);color:var(--action-fg)}.check{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}.unit{display:flex;align-items:center;gap:4px}.unit em{font-style:normal;color:var(--muted);font-size:13px;min-width:20px}input.num{width:64px;padding:9px 8px;text-align:right;border-radius:11px;font-variant-numeric:tabular-nums}.share{min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.split-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px}.pill{display:inline-block;margin-top:4px;padding:4px 10px;border-radius:99px;border:1px solid var(--edge);background:transparent;font:700 12px/1.2 var(--body);color:var(--text)}.pill:active{background:var(--soft)}@media(hover:hover){.pill:hover{background:var(--soft);border-color:var(--sun)}}.acts{display:flex;gap:4px;margin:0}.act{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:12px;background:var(--tint);color:var(--text)}.act.danger{background:var(--neg-bg);color:var(--neg)}.act:active{transform:scale(.94)}.tabs{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 14px);width:min(calc(100% - 24px),460px);display:flex;gap:2px;padding:5px;background:var(--card);border:1px solid var(--edge);border-radius:22px;box-shadow:var(--lift);z-index:5}.tabs a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;padding:8px 0 7px;border-radius:17px;font:700 12px/1 var(--body);color:var(--muted);transition:background-color .12s ease,color .12s ease}.tabs a.on{background:var(--action-bg);color:var(--action-fg)}.fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 98px);padding:14px 24px;border-radius:99px;font:800 16px/1 var(--display);z-index:5}.fab:active{transform:translate(-50%) scale(.97)}@media(hover:hover){.tabs a:not(.on):hover{background:var(--line);color:var(--text)}}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 150px);transform:translate(-50%,12px);max-width:min(90vw,420px);background:var(--card);color:var(--text);border:1px solid var(--edge);box-shadow:var(--lift);padding:11px 16px;border-radius:14px;font-size:14px;font-weight:600;z-index:30;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:translate(-50%)}.toast:empty{display:none}@media(max-width:360px){.page{padding-left:12px;padding-right:12px}.bar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.two{grid-template-columns:1fr}input.num{width:60px}.row{padding:12px 10px;gap:8px}.hero h2{font-size:34px}.tabs a{font-size:11px}}@media(max-height:480px){.page.has-tabs{padding-bottom:calc(var(--safe-bottom) + 120px)}.fab{bottom:calc(var(--safe-bottom) + 72px);padding:10px 20px}.tabs a{flex-direction:row;justify-content:center;gap:6px;padding:8px 0}}@media(min-width:720px){.page{max-width:700px;padding-left:28px;padding-right:28px}.bar{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.cta{flex-direction:row;align-items:center;gap:16px}.btn.big{width:auto;padding-left:32px;padding-right:32px}.stack>.btn.big{align-self:flex-start}.lede{font-size:20px}.tabs{width:480px}}@media(min-width:1024px){.page.has-tabs{max-width:720px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.receipt{transform:none}}.months.dense{gap:4px;overflow-x:visible}.months.dense li{flex:1 1 0;min-width:0}.months.dense .mbar{max-width:none;border-radius:6px 6px 2px 2px}.months.dense .muted{font-size:11px}.months.dense .money{font-size:12px;white-space:nowrap}.nb{white-space:nowrap}.hero h2{font-size:clamp(32px,9.6vw,52px);overflow-wrap:break-word}.tabs a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-btn{justify-content:space-between;gap:10px;margin-top:6px;background:var(--card);box-shadow:var(--lift)}.groups-btn .count{margin-left:0}.groups-btn>span:first-child{flex:1;text-align:left}@media(min-width:720px){.groups-btn{width:auto;min-width:320px}}.page.home{--gut: 18px;display:flex;flex-direction:column;gap:clamp(12px,3vh,36px)}.home>.hero{flex:1 1 auto;justify-content:center;padding:0 2px;gap:clamp(14px,2.6vh,30px)}.home .hero h2{font-size:clamp(34px,min(10.4vw,6.6vh),68px)}.home .lede{font-size:clamp(17px,min(4.6vw,2.7vh),22px)}.home .btn.big{padding-block:clamp(15px,2.3vh,22px)}.home>.receipt{flex:0 0 auto;margin:0 6px clamp(10px,3vh,32px);font-size:clamp(13px,3.5vw,17px)}@media(min-width:720px){.page.home{max-width:780px;--gut: 28px}.home>.receipt{align-self:center;width:min(100%,460px);font-size:15px}}@media(min-width:1024px){.page.home{max-width:1440px;--gut: clamp(28px, 5vw, 96px);padding-left:var(--gut);padding-right:var(--gut);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto 1fr;column-gap:clamp(48px,6vw,120px);align-items:center}.home>.bar{grid-column:1 / -1;grid-row:1;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);align-self:start}.home>.hero{grid-column:1;grid-row:2}.home>.receipt{grid-column:2;grid-row:2;justify-self:center;align-self:center;width:min(100%,580px);margin:0;font-size:clamp(15px,1.4vw,22px)}.home .hero h2{font-size:clamp(56px,min(5.6vw,9.5vh),96px)}.home .lede{font-size:clamp(20px,1.6vw,26px)}}.page.home{gap:clamp(20px,5vh,56px)}.home>.hero{flex:0 0 auto;margin-top:auto}.home>.receipt{margin-bottom:auto}@media(max-width:1023px)and (max-height:700px){.home>.receipt{display:none}.home>.hero{margin-bottom:auto}}@media(min-width:720px){.home .hero h2{font-size:clamp(48px,min(8vw,6.6vh),84px)}.home .lede{font-size:clamp(20px,min(3vw,2.6vh),26px);max-width:28em}.home>.receipt{width:min(100%,520px);font-size:17px}}@media(min-width:1024px){.page.home{gap:0 clamp(48px,6vw,120px)}.home>.hero{margin:0}.home>.receipt{margin:0;width:min(100%,580px)}.home .hero h2{font-size:clamp(52px,min(3.9vw,7.6vh),88px)}.home .btn.big{font-size:clamp(18px,1.3vw,24px);padding-inline:clamp(28px,2.4vw,44px)}.home .groups-btn{min-width:0;width:100%;max-width:560px}}@media(min-width:1024px){.home .hero h2{font-size:clamp(52px,min(4.6vw,9vh),104px)}.home .lede{font-size:clamp(20px,min(1.7vw,3vh),28px)}.home>.receipt{width:min(100%,640px);font-size:clamp(15px,min(1.5vw,2.7vh),24px)}}@media(min-width:1024px){.home .btn.link{font-size:clamp(16px,1.25vw,22px)}}.tile{box-shadow:inset 0 0 0 1px #0f1b2d14}.cico{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-size:14px;flex-shrink:0}.months{overflow-x:visible}.months li{flex:1 1 0;min-width:0}.months .money{font-size:12px;white-space:nowrap}.tile[style*=--c]{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 80%,#0f1b2d),color-mix(in srgb,var(--c) 52%,#0f1b2d));box-shadow:inset 0 0 0 1px #ffffff24}.cico{background-image:linear-gradient(145deg,#0f1b2d2e,#0f1b2d6b)}.tile,.tile[style*=--c]{background:var(--action-bg);box-shadow:inset 0 0 0 1px #0f1b2d1f}.tile.pay{background:var(--action-bg)}.cico{background:var(--action-bg)!important;background-image:var(--action-bg)!important}.nw{white-space:nowrap}.emo{display:inline-block;filter:drop-shadow(0 0 .6px rgba(15,27,45,.9)) drop-shadow(0 1px 1px rgba(15,27,45,.3))}:root{--icon-bg: linear-gradient(145deg, #7b8df4, #5468d8)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--icon-bg: linear-gradient(145deg, #3a5688, #25406b)}}:root[data-theme=dark]{--icon-bg: linear-gradient(145deg, #3a5688, #25406b)}.tile,.tile[style*=--c],.tile.pay{background:var(--icon-bg);box-shadow:inset 0 0 0 1px #ffffff29}.cico{background:var(--icon-bg)!important;background-image:var(--icon-bg)!important}.emo{filter:none}:root:not([data-theme=dark]) .emo{filter:drop-shadow(0 1px 1.5px rgba(15,27,45,.5))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .emo{filter:none}}@media(max-width:719px){.home .hero h2{font-size:clamp(28px,min(8.4vw,5.6vh),56px)}.home .lede{font-size:clamp(16px,min(4.3vw,2.5vh),21px)}.home .btn.big{padding-block:clamp(13px,2vh,20px)}.page.home{gap:clamp(14px,3.2vh,40px)}}@media(max-width:719px)and (max-height:900px){.home>.receipt{display:none}.home>.hero{margin-bottom:auto}}.split .row{min-height:76px}.split .unit{gap:8px}.split .unit em{font-size:16px;font-weight:700;min-width:24px;text-align:left;color:var(--muted)}.split .unit em{font-size:15px;font-weight:700;min-width:28px}.split .unit em.times{font-size:26px;font-weight:600;line-height:1;font-family:system-ui,sans-serif}.split .unit em.pct{font-size:20px}.bar-title{flex:1;min-width:0}.bar-title h1{display:block}.bar-sub{display:block;margin-top:2px;font:600 12px/1.2 var(--body);color:var(--muted)}.field+.btn-row{margin-top:14px}.btn.primary.fab:active{transform:translate(-50%) scale(.97)}.people .row{min-height:78px}.settle-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.settle-acts .btn{gap:6px}.summary+.btn{margin-top:18px}.code{font:700 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.fab{width:max-content;white-space:nowrap}