:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f6f5f0;--color-surface:#fff;--color-surface-subtle:#ecede8;--color-surface-hover:#f3f4f0;--color-surface-pressed:#e9ebe6;--color-surface-inverse:#26302b;--color-ink:#17201c;--color-ink-muted:#5e6862;--color-ink-disabled:#8b938d;--color-ink-inverse:#f1f4f1;--color-border:#d5dad5;--color-border-strong:#7a847d;--color-primary:#176b57;--color-primary-hover:#105744;--color-primary-soft:#dcefe8;--color-on-primary:#fff;--color-primary-inverse:#8fd4bd;--color-focus-ring:#176b57;--color-income:#0b6340;--color-expense:#b8403a;--color-transfer:#3868a6;--color-warning:#8c5a0a;--color-warning-soft:#f8eedc;--color-danger:#a52d2d;--color-danger-hover:#8a2323;--color-danger-soft:#fbe6e4;--color-on-danger:#fff;--color-scrim:#1015127a;--cat-1:#3f78bb;--cat-2:#904800;--cat-3:#b9528b;--cat-4:#897d1d;--cat-5:#3d8cad;--cat-6:#95664b;--cat-7:#6a4794;--cat-8:#0c695b;--cat-other:#6f7872;--font-sans:"Inter", "PingFang TC", "Noto Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", system-ui, sans-serif;--font-size-caption:.8125rem;--font-size-body-sm:.875rem;--font-size-body:1rem;--font-size-title-section:1.125rem;--font-size-title-page:1.5rem;--font-size-title-page-desktop:1.75rem;--font-size-amount-1:3rem;--font-size-amount-2:2.25rem;--font-size-amount-3:1.75rem;--font-weight-regular:400;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-body:1.5;--letter-spacing-amount:-.01em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--layout-gutter-mobile:16px;--layout-gutter-tablet:24px;--layout-gutter-desktop:32px;--layout-columns-mobile:4;--layout-columns-tablet:8;--layout-columns-desktop:12;--layout-columns-nav:5;--layout-columns-keypad:4;--layout-columns-stats-desktop:3;--layout-columns-storyboard-desktop:3;--layout-content-max:1280px;--layout-compact-max:640px;--layout-row-stack-threshold:20em;--radius-control:8px;--radius-surface:12px;--radius-pill:9999px;--border-width:1px;--border-width-strong:2px;--focus-ring-width:2px;--focus-ring-offset:2px;--shadow-1:none;--shadow-2:0 1px 2px #17201c14, 0 4px 12px #17201c0f;--shadow-3:0 4px 12px #17201c1a, 0 16px 32px #17201c1f;--size-touch-min:44px;--size-field:48px;--size-button:48px;--size-button-lg:52px;--size-keypad-key:52px;--size-fab:56px;--size-app-bar:56px;--size-nav:64px;--size-rail:80px;--size-sidebar:240px;--size-detail-panel:400px;--size-form-max:560px;--size-sheet-max:640px;--size-row-min:64px;--size-icon:24px;--size-icon-sm:20px;--size-icon-container:40px;--size-icon-stroke:2px;--size-chip:32px;--size-tag:24px;--size-thumb:64px;--size-progress:8px;--size-switch-width:52px;--size-switch-height:32px;--size-illustration:96px;--size-illustration-lg:192px;--size-chart:200px;--size-viewport-min:320px;--size-viewport-width:100vw;--size-viewport-test-width:375px;--size-viewport-test-height:812px;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.28s;--duration-highlight:1.2s;--duration-skeleton-delay:.3s;--duration-undo-window:10s;--duration-network-timeout:10s;--duration-route-guard:1s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(0, 0, 0, 1);--ease-exit:cubic-bezier(.3, 0, 1, 1);--motion-offset:8px;--z-base:0;--z-sticky:100;--z-nav:200;--z-sheet:400;--z-dialog:500;--z-snackbar:600;--z-skip-link:700;--bp-tablet:600px;--bp-desktop:1024px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#101512;--color-surface:#171d19;--color-surface-subtle:#202822;--color-surface-hover:#1d241f;--color-surface-pressed:#27302a;--color-surface-inverse:#e4e9e5;--color-ink:#f1f4f1;--color-ink-muted:#a7b0aa;--color-ink-disabled:#6b756e;--color-ink-inverse:#17201c;--color-border:#354139;--color-border-strong:#7a867e;--color-primary:#62b79d;--color-primary-hover:#7cc7af;--color-primary-soft:#1e3a31;--color-on-primary:#0b1f18;--color-primary-inverse:#176b57;--color-focus-ring:#9ed9c5;--color-income:#65c28f;--color-expense:#ee8178;--color-transfer:#84a9e3;--color-warning:#e0ae62;--color-warning-soft:#3a2f1c;--color-danger:#ff9c94;--color-danger-hover:#ffb8b2;--color-danger-soft:#3d2220;--color-on-danger:#2a0e0c;--color-scrim:#000000a3;--cat-1:#6da6ed;--cat-2:#d48c4f;--cat-3:#cf7a9f;--cat-4:#857830;--cat-5:#84ccea;--cat-6:#d5b698;--cat-7:#806da3;--cat-8:#99dcce;--cat-other:#6f7a74;--shadow-1:none;--shadow-2:0 1px 2px #00000080, 0 4px 12px #0006;--shadow-3:0 4px 12px #0009, 0 16px 32px #00000080}}*{box-sizing:border-box}html{font-family:var(--font-sans)}body{min-width:var(--size-viewport-min);min-height:100dvh;color:var(--color-ink);background:var(--color-canvas);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}button,a{font:inherit}a{color:inherit}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.icon{width:var(--size-icon);height:var(--size-icon);stroke-width:var(--size-icon-stroke);flex:none}.app-layout{min-height:100dvh;display:flex}.sidebar{display:none}.page-column{flex:1;min-width:0}.topbar{z-index:var(--z-sticky);background:var(--color-canvas);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0}.topbar-inner{align-items:center;gap:var(--space-2);max-width:var(--layout-compact-max);min-height:var(--size-app-bar);padding-inline:var(--layout-gutter-mobile);margin-inline:auto;display:flex}h1{font-size:var(--font-size-title-page);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}h1:focus{outline:none}.back-link{width:var(--size-touch-min);min-height:var(--size-touch-min);border-radius:var(--radius-control);place-items:center;display:grid}.page-content{max-width:var(--layout-compact-max);padding:var(--space-6) var(--layout-gutter-mobile) calc(var(--size-nav) + env(safe-area-inset-bottom) + var(--space-4));margin-inline:auto}.page-intro{margin:0 0 var(--space-6);color:var(--color-ink-muted)}.preview-note{margin:0 0 var(--space-4);color:var(--color-ink-muted);font-size:var(--font-size-body-sm)}.empty-state{justify-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-4);text-align:center;display:grid}.empty-state p{margin:0}.primary-button{min-height:var(--size-button);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-bold);cursor:pointer;text-decoration:none;display:inline-flex}.primary-button:hover{background:var(--color-primary-hover)}.secondary-links,.settings-list{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-surface);background:var(--color-surface);display:grid;overflow:hidden}.secondary-links a,.settings-list a{min-height:var(--size-row-min);justify-content:space-between;align-items:center;gap:var(--space-4);padding-inline:var(--space-4);text-decoration:none;display:flex}.secondary-links a+a,.settings-list a+a{border-top:var(--border-width) solid var(--color-border)}.secondary-links a:hover,.settings-list a:hover{background:var(--color-surface-hover)}.bottom-nav{z-index:var(--z-nav);height:calc(var(--size-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:var(--border-width) solid var(--color-border);background:var(--color-surface);position:fixed;bottom:0;left:0;right:0}.bottom-nav-list{grid-template-columns:repeat(var(--layout-columns-nav), minmax(0, 1fr));height:var(--size-nav);display:grid}.bottom-tab{min-width:0;min-height:var(--size-nav);color:var(--color-ink-muted);font-size:var(--font-size-caption);flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex}.bottom-tab.is-active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.nav-icon{width:var(--size-icon-container);height:var(--size-chip);border-radius:var(--radius-pill);place-items:center;display:grid}.bottom-tab.is-active .nav-icon{background:var(--color-primary-soft)}.nav-create{width:var(--size-fab);height:var(--size-fab);border:var(--border-width) solid transparent;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;place-self:center;place-items:center;display:grid}.nav-create:hover{background:var(--color-primary-hover)}.auth-layout{min-height:100dvh}.auth-header{min-height:var(--size-app-bar);align-items:center;gap:var(--space-3);padding-inline:var(--layout-gutter-mobile);border-bottom:var(--border-width) solid var(--color-border);font-weight:var(--font-weight-bold);display:flex}.auth-header img,.brand img{width:var(--size-icon-container);height:var(--size-icon-container)}.auth-content{gap:var(--space-4);max-width:var(--size-form-max);padding:var(--space-10) var(--layout-gutter-mobile);margin-inline:auto;display:grid}.supporting-copy{color:var(--color-ink-muted);margin:0}.text-link{color:var(--color-primary)}@media (width>=1024px){.sidebar{width:var(--size-sidebar);height:100dvh;padding:var(--space-6) var(--space-4);border-right:var(--border-width) solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:none;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);font-weight:var(--font-weight-bold);display:flex}.sidebar-create{width:100%}.sidebar-links{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;flex:1;display:flex}.sidebar-settings{margin-top:auto}.sidebar-link{min-height:var(--size-touch-min);align-items:center;gap:var(--space-3);padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--color-ink-muted);text-decoration:none;display:flex}.sidebar-link.is-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-bold)}.sidebar-link:hover{background:var(--color-surface-hover)}.topbar-inner,.page-content{max-width:var(--layout-content-max);padding-inline:var(--layout-gutter-desktop)}.page-content{padding-block:var(--space-8)}.bottom-nav{display:none}}