.card{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:var(--shadow-sm)}.card-flat{background:var(--surface);border-radius:var(--r-lg);overflow:hidden}.card-accent{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 72%,#7b61ff) 100%);color:#fff;border-radius:var(--r-xl);padding:var(--s-5);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:46px;padding:0 var(--s-4);border-radius:var(--r-md);font-size:15px;font-weight:600;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-ghost{background:transparent;color:var(--accent)}.btn-danger{background:var(--expense-soft);color:var(--expense)}.btn-block{width:100%}.btn-sm{min-height:36px;font-size:13px;padding:0 var(--s-3);border-radius:var(--r-sm)}.segmented{position:relative;display:flex;background:var(--surface-2);border-radius:var(--r-md);padding:3px;gap:2px}.segmented-item{position:relative;flex:1;z-index:1;min-height:36px;padding:0 var(--s-2);border-radius:calc(var(--r-md) - 3px);font-size:14px;font-weight:600;color:var(--text-secondary);transition:color var(--dur-fast) var(--ease);white-space:nowrap}.segmented-item[data-active=true]{color:var(--text)}.segmented-thumb{position:absolute;z-index:0;top:3px;bottom:3px;background:var(--surface);border-radius:calc(var(--r-md) - 3px);box-shadow:var(--shadow-sm)}.chips{display:flex;gap:var(--s-2);overflow-x:auto;margin:0 calc(-1 * var(--s-4));padding:var(--s-1) var(--s-4)}.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--s-3);border-radius:var(--r-full);background:var(--surface-2);color:var(--text-secondary);font-size:13px;font-weight:600;transition:all var(--dur-fast) var(--ease)}.chip[data-active=true]{background:var(--accent);color:var(--accent-contrast)}.chip:active{transform:scale(.96)}.list{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg);overflow:hidden}.list-row{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:58px;padding:var(--s-3) var(--s-4);text-align:left;transition:background var(--dur-fast) var(--ease)}.list-row:active{background:var(--surface-2)}.list-row+.list-row{box-shadow:inset 0 1px 0 var(--separator)}.list-row-title{font-size:15px;font-weight:500}.list-row-subtitle{font-size:13px;color:var(--text-secondary)}.chevron{color:var(--text-tertiary);flex:0 0 auto}.badge{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:var(--r-md);font-size:19px;line-height:1}.badge-lg{width:52px;height:52px;border-radius:var(--r-lg);font-size:24px}.badge-sm{width:32px;height:32px;border-radius:var(--r-sm);font-size:15px}.progress{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);transition:width var(--dur-slow) var(--ease)}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 60%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-5);text-align:center}.empty-icon{width:72px;height:72px;border-radius:var(--r-xl);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:34px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{position:fixed;z-index:100;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;background:var(--bg-elevated);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-sheet);padding-bottom:calc(var(--safe-bottom) + var(--s-4))}.sheet-handle{width:36px;height:5px;border-radius:var(--r-full);background:var(--separator-strong);margin:var(--s-2) auto var(--s-1);flex:0 0 auto}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-2) var(--s-4) var(--s-3)}.sheet-body{overflow-y:auto;padding:0 var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.tabbar{position:fixed;z-index:80;left:0;right:0;bottom:0;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:center;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:inset 0 1px 0 var(--separator)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;font-size:10px;font-weight:600;color:var(--text-tertiary);transition:color var(--dur-fast) var(--ease)}.tabbar-item[data-active=true]{color:var(--accent)}.tabbar-fab{flex:0 0 auto;width:56px;height:56px;margin:0 var(--s-2);border-radius:var(--r-full);background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform var(--dur-fast) var(--ease)}.tabbar-fab:active{transform:scale(.92)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--text-secondary);padding-left:var(--s-1)}.input{width:100%;min-height:46px;padding:0 var(--s-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid transparent;color:var(--text);font-size:16px;outline:none;transition:border-color var(--dur-fast) var(--ease)}.input:focus{border-color:var(--accent)}textarea.input{min-height:80px;padding:var(--s-3);resize:none;line-height:1.4}.numpad{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.numpad-key{height:56px;border-radius:var(--r-md);background:var(--surface);font-size:22px;font-weight:500;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.numpad-key:active{transform:scale(.94);background:var(--surface-3)}.numpad-key[data-variant=operator]{background:var(--surface-2);color:var(--accent);font-weight:600}.numpad-key[data-variant=danger]{color:var(--text-secondary)}.pick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}.pick-grid-compact{max-height:188px;overflow-y:auto;padding-right:2px;scrollbar-width:none;mask-image:linear-gradient(to bottom,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}.list-scroll{max-height:340px;overflow-y:auto;scrollbar-width:none}.pick-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s-2) 4px;border-radius:var(--r-md);font-size:11px;color:var(--text-secondary);transition:background var(--dur-fast) var(--ease)}.pick-item[data-active=true]{background:var(--accent-soft);color:var(--text)}.pick-item-label{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.toast-layer{position:fixed;z-index:200;left:var(--s-4);right:var(--s-4);top:calc(var(--tg-top-inset) + var(--s-3));display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg);font-size:14px;pointer-events:auto}.toast[data-tone=error]{background:var(--expense);color:#fff}.toast[data-tone=success]{background:var(--income);color:#fff}.toast[data-tone=warning]{background:var(--warning);color:#1a1a1a}.switch{position:relative;width:51px;height:31px;border-radius:var(--r-full);background:var(--surface-3);transition:background var(--dur) var(--ease);flex:0 0 auto}.switch[data-on=true]{background:var(--income)}.switch-knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:var(--r-full);background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease)}.switch[data-on=true] .switch-knob{transform:translate(20px)}:root{color-scheme:light;--bg: var(--tg-bg, #f2f2f7);--bg-elevated: var(--tg-secondary-bg, #ffffff);--surface: #ffffff;--surface-2: #f7f7fa;--surface-3: #eeeef2;--text: var(--tg-text, #14161a);--text-secondary: #6b7280;--text-tertiary: #9ca3af;--separator: rgba(60, 60, 67, .12);--separator-strong: rgba(60, 60, 67, .2);--accent: var(--tg-accent, #0a84ff);--accent-contrast: #ffffff;--accent-soft: rgba(10, 132, 255, .1);--expense: #ff3b30;--expense-soft: rgba(255, 59, 48, .1);--income: #34c759;--income-soft: rgba(52, 199, 89, .12);--warning: #ff9f0a;--warning-soft: rgba(255, 159, 10, .14);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 16px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 40px rgba(16, 24, 40, .16);--shadow-sheet: 0 -8px 40px rgba(16, 24, 40, .18);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--tabbar-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tg-top-inset: 0px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--font-numeric: "SF Mono", ui-monospace, "Roboto Mono", "Segoe UI", monospace;--ease: cubic-bezier(.32, .72, 0, 1);--dur-fast: .14s;--dur: .22s;--dur-slow: .32s}[data-theme=dark]{color-scheme:dark;--bg: var(--tg-bg, #0f1115);--bg-elevated: var(--tg-secondary-bg, #171a21);--surface: #1c1f26;--surface-2: #23262f;--surface-3: #2b2f39;--text: var(--tg-text, #f2f4f7);--text-secondary: #98a2b3;--text-tertiary: #667085;--separator: rgba(255, 255, 255, .1);--separator-strong: rgba(255, 255, 255, .16);--accent: var(--tg-accent, #3b9dff);--accent-soft: rgba(59, 157, 255, .16);--expense: #ff6b60;--expense-soft: rgba(255, 107, 96, .16);--income: #45d867;--income-soft: rgba(69, 216, 103, .16);--warning: #ffb13d;--warning-soft: rgba(255, 177, 61, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--shadow-sheet: 0 -8px 40px rgba(0, 0, 0, .55)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:0;height:0}.t-display{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.t-title{font-size:22px;font-weight:700;letter-spacing:-.01em}.t-headline{font-size:17px;font-weight:600}.t-body{font-size:15px}.t-caption{font-size:13px;color:var(--text-secondary)}.t-micro{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{min-height:100%;padding-top:var(--tg-top-inset);padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--s-4))}.screen{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4);max-width:640px;margin:0 auto}.row{display:flex;align-items:center;gap:var(--s-3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.col{display:flex;flex-direction:column}.stack{display:flex;flex-direction:column;gap:var(--s-2)}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{display:flex;align-items:baseline;justify-content:space-between;padding:0 var(--s-1)}.hscroll{display:flex;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--s-4));padding:var(--s-1) var(--s-4)}.hscroll>*{scroll-snap-align:start;flex:0 0 auto}.amount-expense{color:var(--expense)}.amount-income{color:var(--income)}.center{display:flex;align-items:center;justify-content:center}