:root{--bg: #F2F2F7;--surface: #FFFFFF;--surface-2: #E9E9EF;--border: #D8D8DE;--sep: rgba(60,60,67,.18);--border-input: #7C7F8E;--text: #111114;--muted: #64646B;--accent: #4338CA;--accent-soft: #E8E7FB;--on-accent: #FFFFFF;--owed: #0B7454;--owed-soft: #E1F3EC;--owe: #C0264A;--owe-soft: #FBE7EB;--shadow: 0 1px 2px rgba(0,0,0,.04);--pop: 0 18px 50px rgba(20,20,40,.22);--chrome: rgba(249,249,251,.82);--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--tab-h: 54px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--rounded: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--spring: cubic-bezier(.2, .9, .25, 1);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #000000;--surface: #1C1C1E;--surface-2: #2C2C2E;--border: #38383A;--sep: rgba(84,84,88,.6);--border-input: #8E8E93;--text: #F5F5F7;--muted: #A1A1A8;--accent: #9198FF;--accent-soft: #23254A;--on-accent: #0B0B10;--owed: #3DD6A0;--owed-soft: #0F2A22;--owe: #FF7C97;--owe-soft: #34171E;--shadow: none;--pop: 0 18px 50px rgba(0,0,0,.7);--chrome: rgba(22,22,24,.8);color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--surface: #1C1C1E;--surface-2: #2C2C2E;--border: #38383A;--sep: rgba(84,84,88,.6);--border-input: #8E8E93;--text: #F5F5F7;--muted: #A1A1A8;--accent: #9198FF;--accent-soft: #23254A;--on-accent: #0B0B10;--owed: #3DD6A0;--owed-soft: #0F2A22;--owe: #FF7C97;--owe-soft: #34171E;--shadow: none;--pop: 0 18px 50px rgba(0,0,0,.7);--chrome: rgba(22,22,24,.8);color-scheme:dark}@media (prefers-contrast: more){:root{--muted: #3F3F46;--sep: rgba(60,60,67,.45);--border: #9A9AA2}}html{font-size:106.25%}@supports (font: -apple-system-body){html{font:-apple-system-body}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.35;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,label{touch-action:manipulation}button{cursor:pointer}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}svg.i{width:1.35rem;height:1.35rem;flex-shrink:0}.app{max-width:600px;margin:0 auto;min-height:100%;position:relative}.page{padding:calc(var(--safe-t) + 4px) 16px calc(var(--tab-h) + var(--safe-b) + 104px)}.page.no-tabs{padding-bottom:calc(var(--safe-b) + 40px)}.topbar{display:flex;align-items:center;gap:4px;min-height:44px;position:sticky;top:0;z-index:5;margin:calc(-1 * var(--safe-t) - 4px) -16px 4px;padding:var(--safe-t) 8px 0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.topbar h1{font-size:1rem;font-weight:600;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .side{min-width:84px;display:flex;align-items:center}.topbar .side.right{justify-content:flex-end}.title-lg{font-size:2rem;font-weight:700;letter-spacing:.01em;line-height:1.2;margin:2px 4px 14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:14px;padding:12px 20px;font-weight:600;font-size:1rem;background:var(--accent);color:var(--on-accent);min-height:50px;transition:transform .12s var(--spring),opacity .12s}.btn:active{transform:scale(.97);opacity:.9}.btn:disabled{opacity:.4}.btn.block{width:100%}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.ghost{background:transparent;color:var(--accent);padding:8px 10px;min-height:44px}.btn.danger{background:var(--owe-soft);color:var(--owe)}.btn.sm{padding:6px 14px;min-height:36px;font-size:.882rem;border-radius:999px}.icon-btn{border:0;background:transparent;color:var(--accent);font-size:1rem;font-weight:400;padding:8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:12px}.icon-btn:active{opacity:.5}.icon-btn.back{padding-left:4px;justify-content:flex-start}.fab{position:fixed;z-index:20;right:max(16px,calc(50% - 284px));bottom:calc(var(--tab-h) + var(--safe-b) + 14px);background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;padding:13px 20px 13px 16px;font-weight:600;font-size:1rem;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 40%,transparent),0 2px 6px #00000026;display:flex;gap:6px;align-items:center;transition:transform .15s var(--spring)}.fab:active{transform:scale(.95)}.fab svg{width:1.2rem;height:1.2rem}.no-tabs .fab{bottom:calc(var(--safe-b) + 18px)}.tabbar{position:fixed;z-index:30;left:0;right:0;bottom:0;background:var(--chrome);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-top:.5px solid var(--sep);padding-bottom:var(--safe-b)}.tabbar nav{max-width:600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);height:var(--tab-h)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:.647rem;font-weight:500;position:relative}.tabbar a svg{width:26px;height:26px}.tabbar a>span.on,.tabbar a>span.off{display:flex;height:26px;align-items:center}.tabbar a>span.on{display:none}.tabbar a.active{color:var(--accent)}.tabbar a.active>span.off{display:none}.tabbar a.active>span.on{display:flex}.tabbar .dot{position:absolute;top:4px;left:calc(50% + 6px);background:#ff3b30;color:#fff;border-radius:999px;font-size:.647rem;font-weight:600;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}.card{background:var(--surface);border-radius:var(--r-lg);overflow:hidden}.card+.card,.section+.card{margin-top:10px}.section{font-size:.765rem;font-weight:400;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;margin:24px 16px 7px}.row{position:relative;display:flex;align-items:center;gap:12px;padding:11px 16px;min-height:52px;width:100%;text-align:left;background:none;border:0;color:inherit;font-size:1rem}.row:after{content:"";position:absolute;left:16px;right:0;bottom:0;height:.5px;background:var(--sep)}.row:has(>.av,>.cat,>.date-chip):after{left:68px}.row:last-child:after{display:none}button.row:active,a.row:active{background:var(--surface-2)}.row .grow{flex:1;min-width:0}.row .t{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .s{font-size:.882rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .end{text-align:right;flex-shrink:0}.row .chev{color:var(--muted);opacity:.6;font-size:1.2rem}.date-chip{width:34px;text-align:center;color:var(--muted);font-size:.647rem;line-height:1.15;flex-shrink:0;text-transform:uppercase;font-weight:500}.date-chip b{display:block;font-size:1.059rem;color:var(--text);font-weight:600;font-family:var(--rounded)}.cat{width:40px;height:40px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.deleted{opacity:.45;text-decoration:line-through}.amt{font-family:var(--rounded);font-weight:600;font-variant-numeric:tabular-nums}.owed{color:var(--owed)}.owe{color:var(--owe)}.muted{color:var(--muted)}.small{font-size:.882rem}.lbl{font-size:.765rem;color:var(--muted);display:block}.center{text-align:center}.stack>*+*{margin-top:12px}.hstack{display:flex;gap:8px;align-items:center}.wrap{flex-wrap:wrap}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.765rem;font-weight:600;background:var(--surface-2);color:var(--muted)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.av{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;font-weight:600;font-size:.882rem;color:#fff;flex-shrink:0;letter-spacing:.02em}.av.sm{width:30px;height:30px;font-size:.706rem}.av.lg{width:60px;height:60px;font-size:1.294rem}.av.group{border-radius:12px;font-size:1.2rem}.av.lg.group{border-radius:16px;font-size:1.8rem}.hero{padding:18px;border-radius:20px;background:var(--surface)}.hero .big{font-family:var(--rounded);font-size:2.1rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}.hero .cap{font-size:.882rem;color:var(--muted);font-weight:500}.balance-bar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--surface-2);margin-top:14px;gap:2px}.balance-bar>i{display:block;height:100%}.balance-bar .p{background:var(--owed)}.balance-bar .n{background:var(--owe)}.hero-cols{display:flex;gap:16px;margin-top:10px;font-size:.882rem}.hero-cols>div{display:flex;align-items:center;gap:6px}.hero-cols i{width:8px;height:8px;border-radius:99px;display:inline-block}.chips{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 4px;margin:0 -16px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;border:0;background:var(--surface);border-radius:999px;padding:9px 15px;min-height:40px;font-weight:600;font-size:.882rem;color:var(--accent);display:inline-flex;gap:6px;align-items:center}.chip svg{width:1.05rem;height:1.05rem}.chip:active{opacity:.6}.chip.primary{background:var(--accent);color:var(--on-accent)}.chip.on{background:var(--accent-soft);color:var(--accent)}.seg{display:flex;background:var(--surface-2);border-radius:10px;padding:2px;gap:2px}.seg button{flex:1;border:0;background:transparent;padding:7px 8px;min-height:34px;border-radius:8px;font-weight:500;font-size:.824rem;color:var(--text);white-space:nowrap}.seg button.on{background:var(--surface);font-weight:600;box-shadow:0 1px 4px #0000001f,0 0 0 .5px #0000000a}:root[data-theme=dark] .seg button.on{background:#636366}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .seg button.on{background:#636366}}.view-seg{margin:14px 0 2px}.field{display:block}.field>span{display:block;font-size:.765rem;color:var(--muted);margin:0 0 6px 16px;text-transform:uppercase;letter-spacing:.02em}.input{width:100%;border:0;background:var(--surface);border-radius:var(--r-md);padding:12px 16px;font-size:1rem;outline:none;min-height:48px}.input:focus{box-shadow:0 0 0 2px var(--accent)}textarea.input{min-height:100px;resize:vertical}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}.input.amount{font-family:var(--rounded);font-size:2.3rem;font-weight:700;border:0;background:transparent;padding:2px 0;box-shadow:none;font-variant-numeric:tabular-nums;min-height:0}.input.desc{font-size:1.2rem;font-weight:600;border:0;background:transparent;padding:4px 0;box-shadow:none;min-height:0}.big-entry{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px}.big-entry+.big-entry:before{content:"";position:absolute;top:0;left:68px;right:0;height:.5px;background:var(--sep)}.big-entry .cat,.cur-btn{cursor:pointer;border:0}.cur-btn{width:40px;height:40px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-weight:700;font-size:.941rem;flex-shrink:0;font-family:var(--rounded)}.sentence{text-align:center;padding:18px 8px 10px;font-size:1rem;line-height:2.3}.sentence button{border:0;background:var(--accent-soft);border-radius:999px;padding:5px 13px;font-weight:600;color:var(--accent)}.toolbar{display:flex;gap:8px;overflow-x:auto;padding:4px 0;justify-content:center;flex-wrap:wrap}.toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:51px;height:31px;border-radius:999px;background:var(--surface-2);position:relative;flex-shrink:0;transition:background .2s;margin:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:999px;background:#fff;transition:left .25s var(--spring);box-shadow:0 2px 6px #0003}.toggle:checked{background:#34c759}.toggle:checked:after{left:22px}.check{width:26px;height:26px;border-radius:999px;border:1.5px solid var(--border-input);display:grid;place-items:center;flex-shrink:0;color:transparent;font-size:.765rem;font-weight:800;background:transparent;padding:0}.check.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.mini-input{width:100px;text-align:right;border:0;border-radius:9px;padding:9px 10px;background:var(--surface-2);font-variant-numeric:tabular-nums;font-family:var(--rounded);font-weight:600;min-height:38px}.footer-bar{position:sticky;bottom:0;padding:14px 0 calc(14px + var(--safe-b));background:linear-gradient(transparent,var(--bg) 35%)}.status{text-align:center;font-size:.882rem;font-weight:600;padding:10px 12px;border-radius:12px}.status.bad{background:var(--owe-soft);color:var(--owe)}.status.good{background:var(--owed-soft);color:var(--owed)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50;animation:fade .25s ease}.sheet{position:fixed;z-index:51;left:0;right:0;bottom:0;max-width:600px;margin:0 auto;background:var(--bg);border-radius:14px 14px 0 0;max-height:calc(100vh - var(--safe-t) - 12px);display:flex;flex-direction:column;animation:up .42s var(--spring);box-shadow:var(--pop);will-change:transform}.sheet.closing{transition:transform .28s var(--spring)}.grabber{width:100%;height:22px;display:grid;place-items:center;touch-action:none;cursor:grab;flex-shrink:0}.grabber:before{content:"";width:36px;height:5px;border-radius:99px;background:var(--border-input);opacity:.55}.sheet-head{display:flex;align-items:center;padding:0 8px 6px;touch-action:none}.sheet-head h2{flex:1;text-align:center;font-size:1rem;font-weight:600}.sheet-head .icon-btn{min-width:76px}.sheet-body{overflow-y:auto;padding:8px 16px calc(24px + var(--safe-b));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@keyframes up{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.grid-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}.grid-cats button{border:0;background:var(--surface);border-radius:14px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.765rem;font-weight:500;min-height:76px}.grid-cats button.on{box-shadow:0 0 0 2px var(--accent);background:var(--accent-soft)}.grid-cats button span{font-size:1.6rem}.empty{text-align:center;padding:44px 24px;color:var(--muted)}.empty .art{font-size:3rem;margin-bottom:10px}.empty h3{color:var(--text);margin-bottom:6px;font-size:1.176rem;font-weight:600}.empty p{margin:0 0 18px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 132px);z-index:80;background:var(--chrome);color:var(--text);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);padding:11px 18px;border-radius:999px;font-size:.882rem;font-weight:600;box-shadow:0 8px 30px #0000002e,0 0 0 .5px var(--sep);animation:drop .4s var(--spring);max-width:calc(100% - 32px);text-align:center;pointer-events:none}@keyframes drop{0%{transform:translate(-50%,16px);opacity:0}}.offline{position:fixed;top:var(--safe-t);left:50%;transform:translate(-50%);z-index:90;background:var(--surface-2);font-size:.765rem;font-weight:600;padding:4px 12px;border-radius:999px;color:var(--muted);margin-top:4px}.comment{background:var(--surface);border-radius:16px;padding:10px 14px}.comment.system{background:transparent;border:1px dashed var(--border);font-size:.882rem;color:var(--muted)}.composer{display:flex;gap:8px;position:sticky;bottom:0;padding:10px 0 calc(10px + var(--safe-b));background:var(--bg)}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:140px;padding-top:8px}.bar-chart .b{flex:1;background:color-mix(in srgb,var(--accent) 45%,var(--surface));border-radius:6px 6px 3px 3px;min-height:3px}.bar-chart .b.cur{background:var(--accent)}.bar-labels{display:flex;gap:8px;font-size:.706rem;color:var(--muted)}.bar-labels span{flex:1;text-align:center;overflow:hidden}.meter{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.meter>div{height:100%;background:var(--accent);border-radius:999px}.login{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--safe-t) + 24px) 24px calc(var(--safe-b) + 24px);max-width:440px;margin:0 auto}.logo{width:76px;height:76px;border-radius:18px;margin-bottom:16px;box-shadow:0 10px 30px #4338ca4d}.login .input{background:var(--surface)}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.882rem;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:.5px;background:var(--sep)}.receipt-img{width:100%;border-radius:16px;display:block}.install-card{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border-radius:var(--r-lg);padding:12px 8px 12px 14px;margin-bottom:14px;font-size:.882rem}.install-steps{margin:6px 0 2px;padding-left:18px;line-height:1.55}.whatsnew{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;animation:up .5s var(--spring)}.whatsnew-body{flex:1;overflow-y:auto;padding:calc(var(--safe-t) + 44px) 28px 24px;max-width:520px;margin:0 auto;width:100%}.whatsnew h1{font-size:2rem;font-weight:700;line-height:1.15;text-align:center;margin:14px 0 28px}.whatsnew .feat{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}.whatsnew .feat .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0;background:var(--accent-soft)}.whatsnew .feat b{display:block;font-weight:600;margin-bottom:2px}.whatsnew .feat p{margin:0;color:var(--muted);font-size:.941rem;line-height:1.35}.whatsnew .new-tag{font-size:.647rem;font-weight:700;color:var(--on-accent);background:var(--accent);padding:2px 7px;border-radius:99px;margin-left:6px;vertical-align:2px;letter-spacing:.03em}.whatsnew-foot{padding:12px 28px calc(16px + var(--safe-b));max-width:520px;margin:0 auto;width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.sheet,.whatsnew{animation:fade .2s ease!important}}@media (prefers-reduced-transparency: reduce){.topbar{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}.tabbar,.toast{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}.tile{display:inline-grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 .5px #00000014}.empty-art{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:999px;background:var(--surface);color:var(--muted);margin-bottom:12px}.chip .lucide,.btn .lucide{flex-shrink:0}.check .lucide{width:15px;height:15px}.tile-btn{border:0;padding:0;background:none;border-radius:11px;display:inline-flex}.tile-btn:active{opacity:.7}.toolbar .chip{gap:6px;color:var(--text)}.toolbar .chip .lucide{color:var(--accent)}.spinner{width:28px;height:28px;border-radius:99px;border:3px solid var(--surface-2);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:0 auto 14px}@keyframes spin{to{transform:rotate(360deg)}}.action-sheet{position:fixed;z-index:71;left:8px;right:8px;bottom:calc(8px + var(--safe-b));max-width:560px;margin:0 auto;animation:up .35s var(--spring)}.as-group{background:var(--chrome);backdrop-filter:saturate(180%) blur(30px);-webkit-backdrop-filter:saturate(180%) blur(30px);border-radius:14px;overflow:hidden}.as-head{padding:14px 16px;text-align:center;border-bottom:.5px solid var(--sep)}.as-title{font-size:.765rem;font-weight:600;color:var(--muted)}.as-msg{font-size:.765rem;color:var(--muted);margin-top:4px;line-height:1.35}.as-btn{display:block;width:100%;border:0;background:transparent;color:var(--accent);font-size:1.176rem;min-height:56px;border-bottom:.5px solid var(--sep)}.as-group .as-btn:last-child{border-bottom:0}.as-btn:active{background:color-mix(in srgb,var(--text) 8%,transparent)}.as-btn.destructive{color:#ff3b30}.as-cancel{margin-top:8px;background:var(--surface);border-radius:14px;font-weight:600;border:0}.toast.has-action{pointer-events:auto;display:flex;align-items:center;gap:14px;padding-right:8px}.toast-action{border:0;background:var(--accent);color:var(--on-accent);font-weight:600;border-radius:999px;padding:6px 14px;font-size:.882rem}.swipe{position:relative;overflow:hidden}.swipe+.swipe .row:before{content:"";position:absolute;left:68px;right:0;top:0;height:.5px;background:var(--sep)}.swipe .row:after{display:none}.swipe-action{position:absolute;top:0;right:0;bottom:0;width:88px;border:0;color:#fff;font-weight:600;font-size:.941rem}.swipe-front{position:relative;background:var(--surface);touch-action:pan-y;will-change:transform;cursor:pointer}.swipe-front:active{background:var(--surface-2)}.swipe-front:focus-visible{outline-offset:-3px}.mchart{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:160px;align-items:end}.mbar{border:0;background:transparent;padding:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:6px;border-radius:8px;min-width:0}.mbar-stack{display:flex;flex-direction:column;border-radius:6px 6px 3px 3px;overflow:hidden;min-height:3px;background:var(--surface-2);opacity:.5;transition:opacity .2s}.mbar.on .mbar-stack,.mbar:active .mbar-stack{opacity:1}.mbar.on{box-shadow:0 0 0 2px var(--accent-soft)}.mspend{background:var(--accent);display:block;min-height:2px}.mpay{background:var(--owed);display:block;min-height:2px}.mlabel{font-size:.647rem;color:var(--muted);text-align:center;line-height:1;padding-bottom:2px}.mbar.on .mlabel{color:var(--accent);font-weight:700}.legend{width:10px;height:10px;border-radius:3px;display:inline-block}