:root{--bg: oklch(.985 0 0);--surface: oklch(.958 .003 70);--surface-2: oklch(.925 .005 70);--line: oklch(.885 .005 70);--line-strong: oklch(.82 .006 70);--ink: oklch(.24 .006 70);--ink-2: oklch(.42 .008 70);--muted: oklch(.535 .009 70);--accent: oklch(.6 .124 70);--accent-strong: oklch(.48 .115 70);--accent-on: oklch(.99 .01 70);--accent-wash: oklch(.955 .032 70);--accent-line: oklch(.8 .07 70);--chart-line: oklch(.38 .01 70);--chart-grid: oklch(.9 .004 70);--chart-ghost: oklch(.855 .006 70);--focus: oklch(.55 .15 250);--danger: oklch(.46 .15 25);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--t-label: .8125rem;--t-small: .875rem;--t-body: 1rem;--t-title: 1.125rem;--t-headline: 1.375rem;--t-amount: 1.75rem;--radius: 12px;--radius-sm: 8px;--dur-fast: .15s;--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--z-sticky: 10;--z-sheet: 30;--z-toast: 40;--tg-viewport-stable-height: 100dvh;color-scheme:light}:root[data-scheme=dark]{--bg: oklch(.185 0 0);--surface: oklch(.228 .004 70);--surface-2: oklch(.272 .006 70);--line: oklch(.33 .006 70);--line-strong: oklch(.42 .008 70);--ink: oklch(.955 .002 70);--ink-2: oklch(.8 .006 70);--muted: oklch(.7 .009 70);--accent: oklch(.755 .115 70);--accent-strong: oklch(.8 .11 70);--accent-on: oklch(.2 .02 70);--accent-wash: oklch(.28 .035 70);--accent-line: oklch(.45 .06 70);--chart-line: oklch(.86 .008 70);--chart-grid: oklch(.3 .005 70);--chart-ghost: oklch(.38 .006 70);--focus: oklch(.72 .14 250);--danger: oklch(.74 .13 25);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--t-body);line-height:1.5;font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:var(--tg-viewport-stable-height);max-width:560px;margin-inline:auto;padding-inline:var(--s-4);padding-bottom:max(var(--s-6),env(safe-area-inset-bottom));padding-top:var(--s-4)}.screen{animation:screen-in var(--dur) var(--ease)}@keyframes screen-in{0%{opacity:0;transform:translateY(4px)}}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.head h1{margin:0;font-size:var(--t-headline);font-weight:640;letter-spacing:-.015em;line-height:1.2;text-wrap:balance}.head p{margin:var(--s-1) 0 0;font-size:var(--t-small);color:var(--muted);max-width:40ch}.icon-btn{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--surface-2);color:var(--ink);transition:background var(--dur-fast) var(--ease)}.icon-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.icon-btn:active{background:var(--line)}.filter{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--s-4) * -1);padding-inline:var(--s-4);padding-bottom:var(--s-1);margin-bottom:var(--s-4);-webkit-overflow-scrolling:touch}.filter::-webkit-scrollbar{display:none}.chip{flex:none;min-height:44px;padding:0 var(--s-4);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:var(--t-small);font-weight:550;white-space:nowrap;border:1px solid transparent;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-on)}.chip:not([aria-pressed=true]):active{background:var(--surface-2)}.chart-card{background:var(--surface);border-radius:var(--radius);padding:var(--s-4) var(--s-3) var(--s-3);margin-bottom:var(--s-5)}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding-inline:var(--s-1);margin-bottom:var(--s-3)}.chart-head h2{margin:0;font-size:var(--t-body);font-weight:600}.chart-head .hint{font-size:var(--t-label);color:var(--muted)}.chart-filters{display:grid;gap:var(--s-1);margin:calc(var(--s-2) * -1) 0 var(--s-3)}.chart-options{display:flex;gap:var(--s-2);overflow-x:auto;padding:var(--s-2) var(--s-1);scrollbar-width:none}.chart-options::-webkit-scrollbar{display:none}.chart-options .chip{min-height:36px;padding-inline:var(--s-3);font-size:var(--t-label)}.chart-wrap{position:relative;touch-action:pan-y}.chart-svg{display:block;width:100%;overflow:visible}.chart-svg:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:var(--radius-sm)}.tip{position:absolute;top:0;pointer-events:none;background:var(--ink);color:var(--bg);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);font-size:var(--t-label);line-height:1.35;white-space:nowrap;transform:translate(-50%);transition:opacity var(--dur-fast) var(--ease);z-index:var(--z-sticky)}.tip b{display:block;font-size:var(--t-small);font-weight:620}.table-toggle{display:block;margin:var(--s-3) auto 0;min-height:44px;padding-inline:var(--s-3);font-size:var(--t-label);color:var(--muted);text-decoration:underline;text-underline-offset:3px}.data-table{width:100%;border-collapse:collapse;font-size:var(--t-small);margin-top:var(--s-2)}.data-table th,.data-table td{text-align:right;padding:var(--s-2) var(--s-1);border-bottom:1px solid var(--line)}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{font-size:var(--t-label);font-weight:550;color:var(--muted)}.section{margin-bottom:var(--s-5)}.section>h2{margin:0 0 var(--s-3);font-size:var(--t-title);font-weight:620;letter-spacing:-.01em}.section-note{margin:calc(var(--s-3) * -1 + var(--s-1)) 0 var(--s-3);font-size:var(--t-small);color:var(--muted);max-width:46ch}.anomaly{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--s-1) var(--s-3);text-align:left;padding:var(--s-3);border-radius:var(--radius);background:var(--accent-wash);border:1px solid var(--accent-line);margin-bottom:var(--s-2);transition:transform var(--dur-fast) var(--ease)}.anomaly:active{transform:scale(.99)}.anomaly .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);align-self:center}.anomaly .what{font-weight:570}.anomaly .amount{font-weight:620;white-space:nowrap}.anomaly .why{grid-column:2 / -1;font-size:var(--t-small);color:var(--ink-2)}.months{list-style:none;margin:0;padding:0}.month-row{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s-1) var(--s-3);min-height:44px;padding:var(--s-3) var(--s-2);text-align:left;border-bottom:1px solid var(--line);transition:background var(--dur-fast) var(--ease)}.month-row:active{background:var(--surface)}.month-row .name{font-weight:550}.month-row .sum{font-weight:600;white-space:nowrap}.month-row .meta{font-size:var(--t-small);color:var(--muted)}.month-row .delta{font-size:var(--t-small);color:var(--ink-2);white-space:nowrap;text-align:right}.delta .arrow{font-size:.9em}.month-row[data-anomaly=true] .name:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:var(--s-2);vertical-align:.15em}.month-tabs{display:flex;gap:var(--s-1);overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:var(--z-sticky);background:var(--bg);margin-inline:calc(var(--s-4) * -1);padding:var(--s-2) var(--s-4);-webkit-overflow-scrolling:touch}.month-tabs::-webkit-scrollbar{display:none}.tab{flex:none;min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-sm);font-size:var(--t-small);font-weight:550;color:var(--muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.tab[aria-selected=true]{color:var(--accent-on);background:var(--accent)}.month-summary{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);padding:var(--s-4) var(--s-2) var(--s-5)}.month-summary div{display:flex;flex-direction:column;gap:var(--s-1)}.month-summary dt,.month-summary .k{font-size:var(--t-label);color:var(--muted)}.month-summary .v{font-size:var(--t-amount);font-weight:620;letter-spacing:-.02em;font-variant-numeric:proportional-nums}.month-summary .v.small{font-size:var(--t-title);font-weight:600}.category-breakdown{padding:0 var(--s-2) var(--s-4)}.category-breakdown h2{margin:0 0 var(--s-3);font-size:var(--t-body);font-weight:620}.category-breakdown ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}.category-line{display:flex;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-1);font-size:var(--t-small)}.category-bar{height:4px;overflow:hidden;border-radius:2px;background:var(--surface-2)}.category-bar i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--share));transform-origin:left}.month-flow{margin-bottom:var(--s-4)}.day{margin-bottom:var(--s-5)}.day-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2);border-bottom:1px solid var(--line-strong);margin-bottom:var(--s-1)}.day-head .date{font-size:var(--t-small);font-weight:600}.day-head .total{font-size:var(--t-small);color:var(--muted);white-space:nowrap}.tx{display:grid;grid-template-columns:1fr auto;gap:0 var(--s-3);align-items:baseline;padding:var(--s-2);min-height:44px;width:100%;border:0;background:none;font:inherit;color:inherit;text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease)}@media (hover: hover){.tx:hover{background:var(--surface)}}.tx:active{background:var(--surface-2)}.tx:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tx .merchant{font-size:var(--t-body)}.tx .sum{font-weight:570;white-space:nowrap}.tx .sub{grid-column:1;font-size:var(--t-small);color:var(--muted)}.tx-tags{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--s-1);padding-top:var(--s-1)}.tx-tags span{padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:var(--t-label)}.tx[data-income=true] .sum{font-weight:640}.upload{display:flex;flex-direction:column;gap:var(--s-4);padding-top:var(--s-2)}.dropzone{display:grid;place-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:center;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.dropzone[data-over=true]{border-color:var(--accent);background:var(--accent-wash)}.dropzone .lead{font-weight:570}.dropzone .hint{font-size:var(--t-small);color:var(--muted);max-width:34ch}.btn{min-height:48px;padding-inline:var(--s-5);border-radius:var(--radius-sm);font-size:var(--t-body);font-weight:570;background:var(--accent);color:var(--accent-on);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--surface-2);color:var(--ink)}.progress{height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.progress i{display:block;height:100%;width:100%;border-radius:2px;background:var(--accent);transform-origin:left center;transform:scaleX(var(--value, 0));transition:transform var(--dur) linear}.status{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);background:var(--surface);border-radius:var(--radius)}.status .row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3)}.status .name{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status .pct{font-size:var(--t-small);color:var(--muted);white-space:nowrap}.status .note{font-size:var(--t-small);color:var(--muted)}.error-box{padding:var(--s-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}.error-box h3{margin:0 0 var(--s-2);font-size:var(--t-body);font-weight:620}.error-box p{margin:0;font-size:var(--t-small);color:var(--ink-2);max-width:46ch}.error-box .actions{display:flex;gap:var(--s-2);margin-top:var(--s-4)}.success-list{list-style:none;margin:var(--s-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.success-list li{display:flex;justify-content:space-between;gap:var(--s-3);font-size:var(--t-small);padding-bottom:var(--s-2);border-bottom:1px solid var(--line)}.success-list .k{color:var(--muted)}.file-spec{font-size:var(--t-label);color:var(--muted)}.import-history{margin-top:var(--s-2)}.import-history h2{margin:0 0 var(--s-3);font-size:var(--t-body);font-weight:620}.import-history ul{list-style:none;margin:0;padding:0;border-radius:var(--radius);background:var(--surface);overflow:hidden}.import-history li{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line)}.import-history li:last-child{border-bottom:0}.import-history li>div{min-width:0;display:grid;gap:2px}.import-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-small);font-weight:550}.import-meta,.import-status{color:var(--muted);font-size:var(--t-label)}.import-status{flex:none}.file-spec code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.95em;background:var(--surface-2);padding:2px 5px;border-radius:4px;color:var(--ink-2)}.sk{background:var(--surface-2);border-radius:var(--radius-sm);animation:sk-pulse 1.4s ease-in-out infinite}@keyframes sk-pulse{50%{opacity:.55}}.sk-chart{height:180px;border-radius:var(--radius)}.sk-row{height:18px;margin-bottom:var(--s-3)}.empty{display:grid;gap:var(--s-3);padding:var(--s-7) var(--s-2);text-align:center;justify-items:center}.empty h2{margin:0;font-size:var(--t-title);font-weight:620}.empty p{margin:0;color:var(--muted);font-size:var(--t-small);max-width:40ch;text-wrap:pretty}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sk{animation:none;opacity:.75}.progress i{transition:none}}@media (hover: hover) and (pointer: fine){.month-row:hover,.chip:not([aria-pressed=true]):hover{background:var(--surface)}.icon-btn:hover{background:var(--line)}.anomaly:hover{border-color:var(--accent)}}.head-actions{display:flex;gap:var(--s-2);flex-shrink:0}.add-row{display:flex;gap:var(--s-2);align-items:center}.input{flex:1;min-width:0;min-height:44px;padding:0 var(--s-3);font:inherit;font-size:var(--t-body);color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:border-color var(--dur-fast) var(--ease)}.input::placeholder{color:var(--muted)}.input:focus-visible{outline:2px solid var(--focus);outline-offset:-1px;border-color:transparent}.manage-list{list-style:none;margin:var(--s-3) 0 0;padding:0}.manage-list li{display:flex;align-items:center;gap:var(--s-3);min-height:44px;padding:var(--s-2) 0;border-bottom:1px solid var(--line)}.manage-list li:last-child{border-bottom:0}.manage-list .name{flex:1;min-width:0;font-size:var(--t-body)}.manage-list li[data-archived=true] .name{color:var(--muted)}.link-btn{flex-shrink:0;min-height:44px;padding:0 var(--s-1);font:inherit;font-size:var(--t-small);color:var(--accent-strong);background:none;border:0;cursor:pointer;border-radius:var(--radius-sm)}.link-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.link-btn.danger{color:var(--danger)}.invite-token{display:block;margin-top:var(--s-2);padding:var(--s-2);font-size:var(--t-small);color:var(--ink-2);background:var(--surface-2);border-radius:var(--radius-sm);word-break:break-all}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet);display:flex;align-items:flex-end;justify-content:center;background:#0b0b0b70;animation:sheet-fade var(--dur-fast) var(--ease)}.sheet{width:100%;max-width:480px;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));background:var(--bg);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -8px 32px #0b0b0b2e;animation:sheet-rise var(--dur) var(--ease)}@keyframes sheet-fade{0%{opacity:0}}@keyframes sheet-rise{0%{transform:translateY(8%)}}@media (prefers-reduced-motion: reduce){.sheet-backdrop,.sheet{animation:none}}.sheet-head h2{margin:0;font-size:var(--t-title);font-weight:600}.sheet-meta{margin:var(--s-1) 0 0;font-size:var(--t-small);color:var(--muted)}.sheet-body{display:flex;flex-direction:column;gap:var(--s-4)}.field{margin:0;padding:0;border:0}.field legend{padding:0 0 var(--s-2);font-size:var(--t-label);color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.sheet-note{margin:0;font-size:var(--t-small);color:var(--muted)}.sheet-error{margin:0;font-size:var(--t-small);color:var(--ink);padding:var(--s-2) var(--s-3);background:var(--accent-wash);border-radius:var(--radius-sm)}.sheet-actions{display:flex;gap:var(--s-2)}.sheet-actions .btn{flex:1}