:root{--ink: #14161A;--paper: #F7F5F0;--rule: #D8D4CB;--muted: #6E7178;--signal: #2F5EFF;--flag: #B4402A;--credit: #2E7D52;--fg: var(--ink);--bg: var(--paper);--surface: #FFFFFF;--recess: #EDEAE2;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "Inter Tight", -apple-system, system-ui, sans-serif;--tap: 56px;--radius: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fg: var(--paper);--bg: var(--ink);--rule: #2A2E35;--muted: #8A8E96;--signal: #6B8CFF;--credit: #5FBF8B;--surface: #1C1F26;--recess: #0F1115}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--sans);overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{display:flex;flex-direction:column;height:100dvh;height:calc(var(--vh, 1vh) * 100);padding-top:env(safe-area-inset-top)}.tape{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:14px;padding:.75rem 1rem .25rem}.tape-empty{color:var(--muted);font:400 13px/1.4 var(--sans);padding:.5rem 0}.tape-line{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.3rem 0;color:var(--fg)}.tape-what{display:flex;align-items:baseline;gap:.4rem;min-width:0;font-family:var(--sans);font-size:13.5px}.tape-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tape-emoji{font-size:15px}.tape-amt{display:flex;align-items:center;gap:.25rem;white-space:nowrap;font-weight:500}.tape-line.credit .tape-amt{color:var(--credit)}.tape-line em,.tape-who{font-style:normal;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tape-line.fresh{animation:print .18s ease-out}@keyframes print{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tape-foot{border-top:1px dashed var(--rule);margin-top:.6rem;padding-top:.5rem}.tape-total{display:flex;justify-content:space-between;font-weight:500}.tape-total span:first-child{font-family:var(--sans);font-size:13px;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.tape-credit{display:flex;justify-content:space-between;margin-top:.2rem;font-size:12.5px;color:var(--credit)}.tape-credit span:first-child{font-family:var(--sans);color:var(--muted)}.undo{position:relative;display:grid;place-items:center;width:28px;height:28px;margin-left:.15rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--flag) 14%,transparent);color:var(--flag);font:500 15px/1 var(--sans);touch-action:manipulation}.undo:before{content:"";position:absolute;inset:-8px}.undo:active{background:var(--flag);color:var(--paper)}.chips{position:sticky;bottom:.5rem;display:flex;justify-content:flex-end;gap:.4rem;margin-top:.75rem}.chip{display:block;border:1px solid color-mix(in srgb,var(--signal) 40%,var(--rule));border-radius:999px;background:var(--surface);color:var(--fg);font:500 12.5px/1 var(--mono);font-variant-numeric:tabular-nums;padding:.5rem .8rem;touch-action:manipulation}.chip:active{background:var(--signal);border-color:var(--signal);color:var(--bg)}.amount{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;min-height:5.5rem;padding:1.25rem 1.25rem 1.1rem;background:var(--recess);border-top:1px solid var(--rule)}.amount .hint{font:500 11.5px/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.amount.zero .figure{color:var(--muted)}.amount:not(.zero) .hint{color:var(--signal)}.figure{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(40px,13vw,54px);font-weight:500;line-height:1;letter-spacing:-.02em}.tiles{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;background:var(--recess);border-bottom:1px solid var(--rule)}.tile{position:relative;overflow:hidden;min-height:var(--tap);border:1px solid transparent;border-radius:var(--radius);background:var(--surface);color:var(--fg);font:500 12.5px/1.2 var(--sans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:.5rem .35rem;touch-action:manipulation;transition:opacity .12s ease-out}.tile[data-cat]{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.tile .emoji{font-size:21px;line-height:1}.tile .label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile:active{border-color:var(--accent, var(--signal));background:color-mix(in srgb,var(--accent, var(--signal)) 22%,var(--surface))}#app:not(.is-armed) .tile[data-cat]{opacity:.42}.tile[data-cat]:after{content:"";position:absolute;inset:0;background:var(--accent, var(--signal));opacity:0;pointer-events:none}.tile[data-cat]:active:after{animation:hold .45s linear forwards}@keyframes hold{0%{opacity:0}to{opacity:.3}}.keys{flex:0 0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}.key{min-height:var(--tap);border:0;background:var(--surface);color:var(--fg);font:500 26px/1 var(--mono);font-variant-numeric:tabular-nums;touch-action:manipulation}.key--dim{color:var(--muted);font-size:22px}.key:active{background:color-mix(in srgb,var(--signal) 20%,var(--surface));color:var(--signal);transform:scale(.97)}@media(prefers-reduced-motion:reduce){.tape-line.fresh,.tile[data-cat]:active:after{animation:none}.tile[data-cat]:active:after{opacity:.3}.key:active{transform:none}}.sheet-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;background:#00000073}.sheet{width:100%;max-height:80dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);border-radius:18px 18px 0 0;padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom));animation:rise .18s ease-out}@keyframes rise{0%{transform:translateY(12%)}to{transform:none}}@media(prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet-grip{width:36px;height:4px;margin:.25rem auto .5rem;border-radius:999px;background:var(--rule)}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;font:500 15px/1.4 var(--sans);padding-bottom:.6rem;margin-bottom:.85rem;border-bottom:1px dashed var(--rule)}.sheet-head .figure{font-size:17px}.sheet-x{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:var(--recess);color:var(--muted);font-size:19px;line-height:1;touch-action:manipulation}.sheet-x:active{background:var(--rule);color:var(--fg)}.cat-new{position:sticky;top:0;z-index:1;display:flex;gap:.5rem;padding-bottom:.7rem;background:var(--bg)}.cat-new input{flex:1;min-width:0;font:400 16px/1.2 var(--sans);color:var(--fg);background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:.65rem .7rem;min-height:46px;-webkit-user-select:text;user-select:text}.cat-new input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.cat-add{flex:0 0 auto;width:46px;min-height:46px;border:0;border-radius:10px;background:var(--signal);color:var(--bg);font:500 25px/1 var(--sans);touch-action:manipulation}.cat-add:active{filter:brightness(.88)}.cat-add:disabled{background:var(--recess);color:var(--muted)}.more-none{margin:.25rem 0 .5rem;font:.875rem/1.5 var(--sans);color:var(--muted)}.more-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#app .more-list .tile{opacity:1}.sheet-hint{margin:.5rem 0 0;font:400 12px/1.4 var(--sans);color:var(--muted)}.seg{display:flex;flex-wrap:wrap;gap:4px;margin:.15rem 0 .6rem}.seg-btn{flex:1 1 auto;border:1px solid var(--rule);border-radius:10px;background:var(--surface);color:var(--muted);font:500 12.5px/1 var(--sans);padding:.6rem .5rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.seg-btn.is-on{background:var(--signal);border-color:var(--signal);color:var(--bg)}.people-list{display:grid;gap:4px;max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.person-pick{display:flex;align-items:center;gap:.6rem;width:100%;min-height:var(--tap);padding:.5rem .75rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--fg);text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.person-pick:active:not(:disabled){background:var(--signal);border-color:var(--signal);color:var(--bg)}.person-pick:disabled{opacity:.45}.person-pick-name{font:500 15px/1 var(--sans)}.person-pick-net{margin-left:auto;font:500 12px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}.person-pick-net.owed{color:var(--credit)}.person-pick-net.owing{color:var(--flag)}.person-pick-do{font:500 12.5px/1 var(--mono);font-variant-numeric:tabular-nums;border:1px dashed var(--rule);border-radius:999px;padding:.3rem .5rem}.person-new{display:flex;gap:6px;margin-top:.6rem}.person-new input{flex:1;font:400 16px/1 var(--sans);padding:.7rem .75rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--recess);color:var(--fg);-webkit-user-select:text;user-select:text}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem;font:500 11.5px/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.field input,.field select{font:400 16px/1.2 var(--sans);color:var(--fg);background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:.65rem .6rem;min-height:46px;text-transform:none;letter-spacing:normal}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.field input{-webkit-user-select:text;user-select:text}.field--stack{gap:.4rem}.field--stack input{margin-top:.1rem}.sheet-actions{display:flex;gap:.5rem;margin-top:1.1rem}.btn{flex:1;min-height:var(--tap);border:0;border-radius:12px;background:var(--signal);color:var(--bg);font:500 15px/1 var(--sans);touch-action:manipulation}.btn:active{filter:brightness(.88)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--rule)}.btn.ghost:active{background:var(--recess);filter:none}.desktop-note{display:none}@media(min-width:768px){.tape,.amount,.tiles,.keys,.sheet-backdrop{display:none}.desktop-note{display:grid;place-items:center;align-content:center;gap:.5rem;height:100dvh;text-align:center;padding:2rem;color:var(--muted)}.desktop-note h1{margin:0;font:600 1.5rem/1.2 var(--sans);letter-spacing:-.01em;color:var(--fg)}.desktop-note p{margin:0;font:.9375rem/1.5 var(--sans)}.desktop-note a{color:var(--signal)}}.auth{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px)}.auth__card{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border:1px solid var(--rule);border-radius:16px;background:var(--surface)}.auth__title{margin:0;font:600 1.375rem/1.2 var(--sans);letter-spacing:-.01em}.auth__note{margin:0;font:.875rem/1.45 var(--sans);color:var(--muted)}.auth__error{margin:0;font:.875rem/1.45 var(--sans);color:var(--flag);min-height:1.25rem}.auth input{font:1rem/1.2 var(--sans);min-height:var(--tap);padding:0 .875rem;color:var(--fg);background:var(--bg);border:1px solid var(--rule);border-radius:10px;-webkit-user-select:text;user-select:text}.auth input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}.auth__submit{min-height:var(--tap);font:600 1rem/1 var(--sans);color:var(--bg);background:var(--signal);border:0;border-radius:10px;touch-action:manipulation}.auth__submit:active{filter:brightness(.88)}.auth__submit:disabled{opacity:.6}.auth__later{min-height:44px;font:.875rem/1 var(--sans);color:var(--muted);background:none;border:0;text-decoration:underline;touch-action:manipulation}.auth__later:active{color:var(--fg)}.auth--bar{inset:auto 0 0;display:block;padding:0;background:none;backdrop-filter:none}.auth__barbtn{width:100%;min-height:44px;padding-bottom:env(safe-area-inset-bottom);font:.8125rem/1 var(--sans);color:var(--flag);background:var(--bg);border:0;border-top:1px solid var(--rule);touch-action:manipulation}.auth__barbtn:active{background:var(--rule)}.desktop-signout{margin-top:1.5rem;min-height:44px;padding:0 1rem;font:.875rem/1 var(--sans);color:var(--muted);background:none;border:1px solid var(--rule);border-radius:8px;touch-action:manipulation}.desktop-signout:active{color:var(--fg)}.topstrip{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.15rem 1rem 0}.topstrip-state{margin-right:auto;font:500 11.5px/1 var(--sans);letter-spacing:.03em;color:var(--muted);padding:.35rem 0}.topstrip-state.is-warning{color:var(--flag)}.topstrip-link{font:500 11.5px/1 var(--sans);letter-spacing:.03em;color:var(--muted);text-decoration:none;padding:.35rem .5rem;border-radius:8px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.topstrip-link:active{background:var(--recess);color:var(--fg)}.credit-list{display:grid;gap:6px}.credit-pick{display:flex;align-items:center;gap:.6rem;width:100%;min-height:var(--tap);padding:.6rem .75rem;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--fg);text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.credit-pick:active:not(:disabled){background:var(--credit);border-color:var(--credit);color:var(--bg)}.credit-pick:disabled{opacity:.45}.credit-pick-label{font:500 15px/1 var(--sans)}.credit-pick-hint{font:400 11.5px/1 var(--sans);color:var(--muted)}.credit-pick-do{margin-left:auto;font:500 13px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--credit)}.credit-pick:active .credit-pick-do,.credit-pick:active .credit-pick-hint{color:inherit}.credit-plus{color:var(--credit);font-family:var(--mono)}