:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-body,"SF Pro Text", "PingFang SC", "Noto Sans SC", sans-serif)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{background:var(--color-canvas);min-height:100%;margin:0}body{color:var(--color-text-primary);font-family:var(--font-body,"SF Pro Text", "PingFang SC", "Noto Sans SC", sans-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,textarea{font:inherit}button{cursor:pointer;transition:opacity var(--motion-fast) ease, transform var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease, border-color var(--motion-fast) ease;background:0 0;border:0}button:active{opacity:.92;transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.72;transform:none}input,textarea{border:1px solid var(--color-border-subtle);border-radius:var(--radius-l);background:var(--color-surface);width:100%;color:var(--color-text-primary);outline:none}input:focus,textarea:focus{border-width:2px;border-color:var(--color-border-focus)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}h1,h2,p,strong{margin:0}#app{min-height:100dvh}.miniapp-shell{width:min(100%, var(--layout-max-width));padding:max(var(--layout-padding-top), env(safe-area-inset-top)) var(--layout-padding-x) calc(104px + env(safe-area-inset-bottom));margin:0 auto}.app-bar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:56px;margin:0 calc(-1 * var(--layout-padding-x)) var(--layout-section-gap);padding:0 var(--layout-padding-x);background:color-mix(in srgb, var(--color-header) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--color-border-subtle) 65%, transparent);display:flex;position:sticky;top:0}.app-bar__leading{align-items:center;gap:var(--space-3);min-width:0;display:flex}.app-bar__copy{gap:2px;min-width:0;display:grid}.app-bar__eyebrow{color:var(--color-text-tertiary);font-size:var(--text-caption);line-height:var(--line-caption)}.app-bar__title{color:var(--color-text-primary);font-size:var(--text-title-s);line-height:var(--line-title-s);font-weight:var(--weight-semibold);letter-spacing:-.01em}.page-wrap{gap:var(--layout-section-gap);display:grid}.page-enter{animation:page-enter var(--motion-base) var(--motion-standard)}.hero-card,.card,.state-panel,.bottom-nav,.submit-bar{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.hero-card{gap:var(--space-4);padding:var(--layout-card-padding);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand-soft) 72%, transparent), transparent 46%), linear-gradient(135deg, var(--color-hero-start), var(--color-hero-end));display:grid}.hero-card--stats{gap:var(--space-3)}.hero-card h2,.card h2,.state-copy h2{font-size:var(--text-title-m);line-height:var(--line-title-m);font-weight:var(--weight-bold)}.hero-amount{font-family:var(--font-numeric,var(--font-display));font-size:var(--text-display-xl);line-height:var(--line-display-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.hero-meta,.state-actions,.summary-grid,.stats-grid{gap:var(--space-3);display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-metric,.stats-card{padding:var(--space-4);border-radius:var(--radius-l);background:color-mix(in srgb, var(--color-surface-secondary) 72%, transparent);gap:6px;display:grid}.summary-metric span,.stats-card .section-tag{color:var(--color-text-tertiary)}.summary-metric strong,.stats-card strong{font-family:var(--font-numeric,var(--font-display));font-size:var(--text-title-m);line-height:var(--line-title-m);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.card{gap:var(--space-4);padding:var(--layout-card-padding);display:grid}.action-card{gap:var(--space-5)}.action-card p,.state-copy p{color:var(--color-text-secondary);font-size:var(--text-body-m);line-height:var(--line-body-m)}.section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.section-head--compact{margin-bottom:var(--space-2)}.section-tag,.field-label{color:var(--color-text-section);font-size:var(--text-body-s);line-height:var(--line-body-s);font-weight:var(--weight-semibold)}.pill{min-height:28px;font-size:var(--text-caption);line-height:var(--line-caption);font-weight:var(--weight-semibold);border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.pill--income,.record-item__tag--income{background:var(--color-income-soft);color:var(--color-income)}.pill--expense,.record-item__tag--expense{background:var(--color-expense-soft);color:var(--color-expense)}.primary-button,.secondary-button,.ghost-button,.icon-button,.bottom-nav__item,.segmented-control__item{border-radius:var(--radius-l);min-height:44px}.primary-button,.secondary-button{width:100%;font-size:var(--text-body-l);line-height:var(--line-body-l);font-weight:var(--weight-semibold)}.primary-button{min-height:var(--button-primary-height);background:var(--color-primary-bg);color:var(--color-primary-text);padding:0 18px}.secondary-button{min-height:var(--button-secondary-height);background:var(--color-secondary-bg);color:var(--color-secondary-text);padding:0 18px}.secondary-button--inline{margin-top:var(--space-3)}.ghost-button{color:var(--color-text-link);font-size:var(--text-body-s);line-height:var(--line-body-s);font-weight:var(--weight-semibold);padding:0 12px}.icon-button{width:44px;min-width:44px;color:var(--color-text-primary);background:color-mix(in srgb, var(--color-surface-secondary) 72%, transparent);justify-content:center;align-items:center;display:inline-flex}.icon-button--small{background:0 0;border-radius:999px;width:32px;min-width:32px;min-height:32px}.inline-banner{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-m);font-size:var(--text-body-s);line-height:var(--line-body-s);border:1px solid #0000;padding:12px 14px;display:flex}.inline-banner--success{background:color-mix(in srgb, var(--color-brand-soft) 78%, transparent);color:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 30%, transparent)}.inline-banner--warning{background:color-mix(in srgb, var(--color-warning-soft) 82%, transparent);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)}.inline-banner--danger{background:color-mix(in srgb, var(--color-danger-soft) 82%, transparent);color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 32%, transparent)}.record-form{gap:var(--layout-section-gap);display:grid}.segmented-control{background:var(--color-surface-secondary);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control__item{color:var(--color-text-secondary);font-size:var(--text-body-m);line-height:var(--line-body-m);font-weight:var(--weight-semibold)}.segmented-control__item.is-active{color:var(--color-text-primary);background:var(--color-surface);box-shadow:0 8px 20px color-mix(in srgb, var(--color-overlay) 40%, transparent)}.field-group{gap:6px;display:grid}.field-group input,.field-group textarea{min-height:56px;font-size:var(--text-body-m);line-height:var(--line-body-m);padding:16px}.amount-input{min-height:72px;font-family:var(--font-numeric,var(--font-display));font-size:var(--text-display-l);line-height:var(--line-display-l);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}textarea{resize:vertical;min-height:120px}.submit-bar{bottom:calc(72px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bottom-bar) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-floating);padding:12px;position:sticky}.record-list,.skeleton-list{gap:var(--space-3);display:grid}.record-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-l);background:color-mix(in srgb, var(--color-surface-secondary) 68%, transparent);grid-template-columns:auto 1fr auto;min-height:72px;padding:16px;display:grid}.record-item__tag{min-width:54px;min-height:28px;font-size:var(--text-caption);line-height:var(--line-caption);font-weight:var(--weight-semibold);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.record-item__main{gap:4px;min-width:0;display:grid}.record-item__main strong{font-size:var(--text-body-l);line-height:var(--line-body-l);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.record-item__main p{color:var(--color-text-secondary);font-size:var(--text-caption);line-height:var(--line-caption)}.record-item__amount{font-family:var(--font-numeric,var(--font-display));font-size:var(--text-title-s);line-height:var(--line-title-s);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:right}.amount--income{color:var(--color-income)}.amount--expense{color:var(--color-expense)}.state-panel{gap:var(--space-4);padding:28px var(--layout-card-padding);display:grid}.state-panel--compact{box-shadow:none}.state-panel--loading{align-content:center;min-height:42dvh}.state-icon{width:40px;height:40px;font-size:20px;font-weight:var(--weight-bold);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.state-icon--loading{border:2px solid color-mix(in srgb, var(--color-brand) 24%, transparent);border-top-color:var(--color-brand);border-radius:999px;animation:.9s linear infinite spin}.state-icon--danger{background:var(--color-danger-soft);color:var(--color-danger)}.state-icon--warning{background:var(--color-warning-soft);color:var(--color-warning)}.state-icon--soft{background:color-mix(in srgb, var(--color-brand-soft) 70%, transparent);color:var(--color-brand)}.state-copy{gap:var(--space-2);display:grid}.state-copy__hint{color:var(--color-text-tertiary)}.stats-layout{gap:var(--layout-section-gap);display:grid}.bottom-nav{left:50%;right:auto;bottom:max(12px, env(safe-area-inset-bottom));width:min(calc(100% - 32px), calc(var(--layout-max-width) - 16px));background:color-mix(in srgb, var(--color-bottom-bar) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-floating);grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav__item{color:var(--color-text-secondary);font-size:var(--text-caption);line-height:var(--line-caption);font-weight:var(--weight-semibold)}.bottom-nav__item.is-active{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-surface-secondary) 80%, transparent)}.skeleton-item{border-radius:var(--radius-l);background:color-mix(in srgb, var(--color-surface-secondary) 68%, transparent);gap:10px;padding:16px;display:grid}.skeleton-item span{background:linear-gradient(90deg, color-mix(in srgb, var(--color-overlay) 16%, transparent) 0%, color-mix(in srgb, var(--color-overlay) 30%, transparent) 50%, color-mix(in srgb, var(--color-overlay) 16%, transparent) 100%);background-size:200% 100%;border-radius:999px;height:12px;animation:1.4s linear infinite shimmer;display:block}.skeleton-item span:first-child{width:26%}.skeleton-item span:nth-child(2){width:62%}.skeleton-item span:nth-child(3){width:32%}body[data-scheme=dark] .hero-card,body[data-scheme=dark] .card,body[data-scheme=dark] .state-panel,body[data-scheme=dark] .bottom-nav,body[data-scheme=dark] .submit-bar{box-shadow:none}@media (width<=640px){.summary-grid,.stats-grid{grid-template-columns:1fr}.record-item{grid-template-columns:1fr auto;grid-template-areas:"tag amount""main main"}.record-item__tag{grid-area:tag;justify-self:flex-start}.record-item__main{grid-area:main}.record-item__amount{grid-area:amount}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}