:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f4f6f7)var(--lightningcss-dark,#12181d);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a2229);--ink:var(--lightningcss-light,#18222b)var(--lightningcss-dark,#e7ecef);--muted:var(--lightningcss-light,#5a6670)var(--lightningcss-dark,#95a2ac);--line:var(--lightningcss-light,#dde3e7)var(--lightningcss-dark,#2b353d);--main:var(--lightningcss-light,#0f6e56)var(--lightningcss-dark,#1d9e75);--rev:var(--lightningcss-light,#534ab7)var(--lightningcss-dark,#7f77dd);--left:#ef9f27;--left-t:var(--lightningcss-light,#faeeda)var(--lightningcss-dark,#3d2a0a);--left-i:var(--lightningcss-light,#854f0b)var(--lightningcss-dark,#fac775);--bad:var(--lightningcss-light,#a32d2d)var(--lightningcss-dark,#f09595);--bad-t:var(--lightningcss-light,#fcebeb)var(--lightningcss-dark,#3a1515);--focus:var(--lightningcss-light,#185fa5)var(--lightningcss-dark,#85b7eb);--field:var(--lightningcss-light,#87929b)var(--lightningcss-dark,#66737d);--ease:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:20px;font-weight:600}h2{letter-spacing:-.01em;font-size:22px;font-weight:600}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.icon{flex:none;width:16px;height:16px}.hint{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.neg{color:var(--bad)!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;overflow:hidden}input,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--field);border-radius:6px;min-width:0;padding:6px 8px}input:hover,select:hover{border-color:var(--muted)}.amount{text-align:right;width:100%}button{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:7px 12px;display:inline-flex}button:hover{border-color:var(--muted)}button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}button.ghost,.icon-btn.ghost,.text-btn{background:0 0;border-color:#0000}button.ghost:hover,.text-btn:hover{background:var(--bg);border-color:#0000}.icon-btn{justify-content:center;width:36px;height:36px;padding:0}.text-btn{padding:6px}.quiet,.quiet-danger{color:var(--muted)}.quiet-danger:hover{color:var(--bad)}.solid-danger,.solid-danger:hover{background:var(--bad);border-color:var(--bad);color:var(--bg)}.btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}kbd{color:inherit;opacity:.6;border:1px solid;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:12px;line-height:1}@media (hover:none){kbd{display:none}}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.main{background:var(--main)}.dot.rev{background:var(--rev)}.dot.left{background:var(--left)}.badge,.tag{white-space:nowrap;border-radius:999px;padding:0 7px;font-size:12px;line-height:18px;display:inline-block}.badge{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.tag{background:var(--left-t);color:var(--left-i)}.layout{max-width:1240px;margin:0 auto;padding:24px 16px 64px}.layout.wide{grid-template-columns:344px 1fr;align-items:start;gap:28px;display:grid}.layout.wide .side{flex-direction:column;max-height:calc(100vh - 40px);display:flex;position:sticky;top:20px}.layout.wide .history{min-height:0;overflow:auto}@media screen and (height>=600px){.layout.wide{height:100dvh;padding-bottom:24px}.layout.wide .side{max-height:calc(100dvh - 48px);top:24px}.layout.wide .pane .card{flex-direction:column;max-height:calc(100dvh - 48px);display:flex}.layout.wide .pane .card-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow:auto}}.side{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.side-head{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);align-items:center;gap:8px;margin:0 -16px 12px;padding:0 16px 12px;display:flex}.side-head h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-head .tools{align-items:center;gap:2px;margin-left:auto;display:flex}.new-btn{justify-content:center;width:100%;margin-bottom:12px}.banner{background:var(--bad-t);color:var(--bad);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.reminder{background:var(--left-t);border:1px solid color-mix(in srgb, var(--left) 50%, transparent);border-radius:10px;justify-items:start;gap:8px;margin-bottom:12px;padding:12px;font-size:13px;display:grid}.reminder strong{color:var(--left-i)}.backed-up{color:var(--muted);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.backed-up .icon{color:var(--main)}.history{gap:2px;margin:-4px -15px -16px;padding:4px 4px 16px;list-style:none;display:grid}.layout.wide .history{-webkit-mask-image:linear-gradient(#000 calc(100% - 16px),#0000);mask-image:linear-gradient(#000 calc(100% - 16px),#0000)}.item{border:1px solid #0000;border-radius:10px;align-items:center;display:flex}.item:nth-child(2n){background:var(--bg)}.item.current{background:color-mix(in srgb, var(--line) 55%, var(--card));border-color:var(--line);position:relative}.item.current:before{content:"";background:var(--ink);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-1px}.item .open{text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:0;min-width:0;padding:8px 10px}.item .open span{color:var(--muted);font-size:13px}.item-tools{padding-right:4px;display:flex}@media (hover:hover) and (width>=980px){.item-tools{opacity:0}.item:hover .item-tools,.item:focus-within .item-tools,.item.current .item-tools{opacity:1}}.item:not(.current):hover{background:color-mix(in srgb, var(--line) 70%, var(--card))}.empty-list{color:var(--muted);padding:8px 2px;font-size:13px}.empty{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:40px 24px;display:flex}.empty h2{font-size:18px}.empty .hint{font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px}.card-head{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);align-items:flex-start;gap:12px;padding:20px 24px 12px;display:flex}.card-head>div{flex:1;min-width:0}.card-head h2{font-size:26px}.kicker{color:var(--muted);font-size:13px}.card-body{padding:16px 24px 20px}.card-foot{background:var(--bg);border-top:1px solid var(--line);border-radius:0 0 14px 14px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;display:flex;position:sticky;bottom:0}.card-foot .btns{margin-left:auto}.card-foot .btns.start{margin-left:0}.status{color:var(--muted);font-size:13px}.status.warn{color:var(--left-i)}.modal.card-dialog{width:min(760px,100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;padding:0}.card-dialog .card{border:none;flex-direction:column;height:100%;display:flex}.card-dialog .card-body{flex:1;overflow:auto}.sheet{gap:16px;display:grid}.stats-wrap{container-type:inline-size}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat{flex-direction:column;gap:4px;min-width:0;display:flex}.stat-label{color:var(--muted);font-size:13px}.stats input,.total{height:40px;font-size:17px;font-weight:600}.total{text-align:right;border:1px solid var(--line);background:var(--bg);white-space:nowrap;border-radius:6px;padding:7px 8px;display:block;overflow:hidden}.big{white-space:nowrap;font-size:20px;font-weight:600;display:block;overflow:hidden}.stat.split{border-left:2px solid color-mix(in srgb, var(--line), var(--muted) 40%);padding-left:12px}@container (width<=443px){.stat.split{border-left:0;padding-left:0}}.note,.notice{border-radius:8px;padding:10px 12px;font-size:13px}.note,.notice.warn{background:var(--left-t);color:var(--left-i)}.notice.bad{background:var(--bad-t);color:var(--bad)}.bar{background:var(--line);border-radius:8px;gap:2px;height:28px;display:flex;overflow:hidden}.bar.over{outline:2px solid var(--bad);outline-offset:2px}.seg{flex:0 auto;min-width:0}.seg.main{background:var(--main)}.seg.rev{background:var(--rev)}.seg.left{background:var(--left)}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:-8px;font-size:13px;display:flex}.legend>span{align-items:center;gap:6px;display:inline-flex}.group-head{align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.group-hint{color:var(--muted);margin-left:auto;font-size:13px;font-weight:400}.none{color:var(--muted);padding:8px 0;font-size:13px}.add{color:var(--muted);background:0 0;border-color:#0000;margin-top:2px;padding:6px 0}.add:hover{color:var(--ink);border-color:#0000}.transfer{border:1px solid color-mix(in srgb, var(--rev) 40%, transparent);background:color-mix(in srgb, var(--rev) 9%, var(--card));border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.transfer-amt{font-size:18px;font-weight:600}.foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:13px;display:flex}.foot-rest{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border-radius:999px;min-height:28px;padding:2px 10px;font-size:13px}.chip[aria-pressed=true]{background:var(--left-t);border-color:var(--left);color:var(--left-i)}.rest-name{color:var(--left-i);font-weight:600}.removed{color:var(--muted);font-size:13px}.row,.bill{background:var(--card);position:relative}.row{border-top:1px solid var(--line)}.lifted{z-index:2;border-radius:8px;box-shadow:0 6px 18px #00000024}.line{grid-template-columns:1fr 120px 110px;grid-template-areas:"name amt bal";align-items:center;gap:8px;min-height:44px;padding:4px 0;display:grid}.line.edit{grid-template-columns:24px 1fr 140px 120px 110px 28px;grid-template-areas:"grip name type amt bal x"}.line>.grip{grid-area:grip}.line>.name{grid-area:name}.line>.type{grid-area:type;font-size:13px}.type{display:grid;position:relative}.type select{appearance:none;padding-right:30px}.type .icon{width:14px;height:14px;color:var(--muted);pointer-events:none;position:absolute;top:50%;right:10px;translate:0 -50%;rotate:90deg}.line>.amt{grid-area:amt}.line>.bal{grid-area:bal}.line>.x{grid-area:x}.name{align-items:center;gap:6px;min-width:0;display:flex}.line:not(.edit) .name{flex-wrap:wrap;row-gap:2px}.name>.icon{width:18px;height:18px;color:var(--muted)}.name.savings>.icon{color:var(--main)}.name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name-in{field-sizing:content;background:0 0;border-color:#0000;width:auto;min-width:8ch;max-width:calc(100% - 24px);padding:4px 6px}.name-in:hover,.name-in:focus{border-color:var(--field)}.bills-toggle{min-height:0;color:var(--muted);background:0 0;border:none;gap:2px;padding:2px 4px;font-size:13px}.bills-toggle .icon{width:14px;height:14px}.bills-toggle[aria-expanded=true] .icon{rotate:90deg}.bills-count{color:var(--muted);white-space:nowrap;font-size:13px}.amt{text-align:right;min-width:0}.figure{padding-right:9px}.bal{text-align:right;color:var(--muted)}.sub-hint{color:var(--muted);margin-top:-6px;padding:0 0 8px 54px;font-size:12px}.line:not(.edit)+.sub-hint{padding-left:24px}.grip{width:24px;height:32px;color:var(--muted);cursor:grab;touch-action:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.grip.solo{visibility:hidden}.x{color:var(--muted);background:0 0;border-color:#0000;justify-content:center;min-height:0;padding:4px}.x:hover{color:var(--bad);border-color:#0000}.bills{padding:0 0 8px 32px}.bill{grid-template-columns:24px 1fr 120px 28px;align-items:center;gap:8px;min-height:40px;display:grid}.bill-list{color:var(--muted);margin-top:-4px;padding:0 0 8px 24px;font-size:13px}.bill-list .badge{margin-left:4px}.copyable{font-variant-numeric:tabular-nums;background:0 0;border-color:#0000;gap:4px;min-height:0;margin-right:-4px;padding:2px 4px}.copyable:hover{background:var(--bg);border-color:#0000}.copyable .icon{width:14px;height:14px;color:var(--muted);visibility:hidden}.copyable:hover .icon,.copyable:focus-visible .icon{visibility:visible}@media (hover:none){.copyable .icon{display:none}}.modal{background:var(--card);color:var(--ink);border:none;border-radius:14px;padding:24px;box-shadow:0 20px 60px #0000004d}.modal::backdrop{background:#0a0f1480}.ask{width:min(420px,100vw - 32px)}.ask p{color:var(--muted);margin:8px 0 20px}.ask .btns,.settings>.btns{justify-content:flex-end}.settings{width:min(520px,100vw - 32px)}.settings h2{margin-bottom:16px}.settings fieldset{border:none;margin:0 0 20px;padding:0}.settings legend{padding:0;font-weight:600}.pills{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pill{border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;position:relative}.pill input{opacity:0;pointer-events:none;position:absolute}.pill:has(:checked){background:var(--ink);color:var(--bg);border-color:var(--ink)}.pill:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.field{gap:4px;margin-top:12px;font-size:14px;display:grid}.check{align-items:center;gap:8px;margin-top:14px;font-size:14px;display:flex}.check input{width:18px;height:18px}.spacer{flex:1}.toast{color:#fff;background:#18222b;border:none;border-radius:999px;margin:0;padding:8px 16px;font-size:14px;position:fixed;inset:16px auto auto 50%;translate:-50%;box-shadow:0 0 0 1px #ffffff24,0 6px 18px #0003}@media (width<=560px){input,select,.line>.type{font-size:16px}.card-foot .lbl{display:none}.card-head{padding:14px 14px 8px}.card-head h2{font-size:22px}.card-body{padding:12px 14px 14px}.card-foot{flex-wrap:nowrap;padding:10px 14px}.card-foot .status{flex:1;min-width:0;line-height:1.25}.bal,.then{display:none}.line{grid-template-columns:1fr 120px;grid-template-areas:"name amt"}.line.edit{grid-template-columns:32px 1fr 96px 40px;grid-template-areas:"grip name name x""type type amt.";row-gap:4px}.icon-btn{width:40px;height:40px}.x{padding:10px}.chip,.bills-toggle,.copyable{min-height:40px}.grip{width:32px;height:40px}.bills{padding-left:16px}.bill{grid-template-columns:32px 1fr 96px 40px}.sub-hint{padding-left:64px}}@media (width<=380px){.card-foot .lbl-narrow{display:none}}@media (prefers-reduced-motion:no-preference){.seg{transition:width .26s var(--ease)}.bills-toggle .icon{transition:rotate .16s var(--ease)}.pane .card.anim-open{animation:rise .26s var(--ease)}.pane .card.anim-switch{animation:dim .16s var(--ease)}.pane .card.anim-new{animation:rise .32s var(--ease)}.card.anim-new .sheet>*{animation:rise .28s var(--ease) backwards}.card.anim-new .sheet>:first-child{animation-delay:80ms}.card.anim-new .sheet>:nth-child(2){animation-delay:.115s}.card.anim-new .sheet>:nth-child(3){animation-delay:.15s}.card.anim-new .sheet>:nth-child(4){animation-delay:.185s}.card.anim-new .sheet>:nth-child(5){animation-delay:.22s}.card.anim-new .sheet>:nth-child(6){animation-delay:.255s}.card.anim-new .sheet>:nth-child(7){animation-delay:.29s}.card.anim-new .sheet>:nth-child(n+8){animation-delay:.325s}.swap{animation:dim .16s var(--ease)}.empty.fade{animation:fade0 .2s var(--ease)}.modal[open]{animation:pop .18s var(--ease)}.modal[open]::backdrop{animation:fade0 .18s var(--ease)}.toast:popover-open{animation:drop .2s var(--ease)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@keyframes dim{0%{opacity:.3}}@keyframes fade0{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}@media screen{.print-sheet{display:none}}@media print{@page{size:A4;margin:16mm}:root,:root[data-theme]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}.print-sheet{zoom:.93}#app:has(>.print-sheet)>:not(.print-sheet){display:none!important}.print-sheet h2{margin-bottom:12px}.print-sheet .kicker{margin-bottom:2px}.badge,.copyable .icon,.no-print{display:none!important}.copyable{margin:0;padding:0}.row,.bill{break-inside:avoid}}
