:root{color-scheme:light dark;--bg: #eef0f6;--bg-elevated: #ffffff;--text: #111118;--text-secondary: #5c5c6a;--separator: rgba(60, 60, 67, .1);--accent: #4b5563;--accent-soft: #f3f4f6;--accent-green: #16a34a;--accent-red: #e11d48;--accent-orange: #ea580c;--chart-neutral: #6b7280;--hero-from: #e5e7eb;--hero-to: #9ca3af;--hero-text: #111827;--hero-sheen: rgba(255, 255, 255, .55);--hero-divider: rgba(17, 24, 39, .12);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(75, 85, 99, .22);--radius-card: 20px;--radius-control: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tab-height: 62px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang TC,Helvetica Neue,sans-serif;font-feature-settings:"tnum" 1}@media(prefers-color-scheme:dark){:root{--bg: #0b0b0f;--bg-elevated: #16161d;--text: #f4f4f8;--text-secondary: #a1a1b0;--separator: rgba(255, 255, 255, .08);--accent: #d1d5db;--accent-soft: rgba(209, 213, 219, .14);--accent-green: #4ade80;--accent-red: #fb7185;--accent-orange: #fb923c;--chart-neutral: #9ca3af;--hero-from: #4b5563;--hero-to: #1f2937;--hero-text: #e5e7eb;--hero-sheen: rgba(255, 255, 255, .12);--hero-divider: rgba(255, 255, 255, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 10px 28px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .55)}}.tabular{font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}#root{min-height:100dvh}.app-shell{min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--safe-top)}.app-main{flex:1;overflow-y:auto;padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + 28px)}.page{max-width:480px;margin:0 auto}.page-header{padding:16px 20px 8px}.page-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em}.page-header--home{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:4px}.month-nav{display:flex;align-items:center;gap:4px;background:var(--bg-elevated);border-radius:999px;padding:4px;box-shadow:var(--shadow-sm)}.month-nav__btn{border:none;background:transparent;color:var(--accent);font-size:22px;line-height:1;width:36px;height:36px;border-radius:999px;cursor:pointer}.month-nav__label{font-size:13px;font-weight:600;min-width:88px;text-align:center}.hero-card{position:relative;margin:8px 16px 16px;padding:22px 20px 18px;border-radius:var(--radius-card);color:var(--hero-text);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid color-mix(in srgb,var(--hero-to) 40%,transparent);background:linear-gradient(145deg,var(--hero-from) 0%,var(--hero-to) 55%,var(--hero-from) 100%)}.hero-card__glow{position:absolute;inset:-30% -10% auto auto;width:240px;height:240px;background:radial-gradient(circle,var(--hero-sheen),transparent 68%);pointer-events:none}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 48%,transparent 56%);opacity:.35;pointer-events:none}.hero-card__eyebrow{margin:0;font-size:13px;opacity:.9;font-weight:600}.hero-card__balance{margin:6px 0 14px;font-size:36px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hero-card__balance.positive{color:var(--accent-green)}.hero-card__balance.negative{color:var(--accent-red)}.hero-card__split{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--hero-divider);border-bottom:1px solid var(--hero-divider)}.hero-card__mini-label{display:block;font-size:12px;opacity:.85}.hero-card__mini-value{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.hero-card__mini-value.income{color:var(--accent-green)}.hero-card__mini-value.expense{color:var(--accent-red)}.hero-card__alltime{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px;font-weight:600}.hero-card__alltime strong{font-size:18px;font-variant-numeric:tabular-nums}.hero-card__alltime .income{color:var(--accent-green)}.hero-card__alltime .over{color:var(--accent-red)}.section--tight{padding-top:0}.subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:15px}.section{padding:8px 16px 16px}.section h2{margin:0 0 8px 4px;font-size:13px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.02em}.card,.list-card{background:var(--bg-elevated);border-radius:var(--radius-card);padding:14px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--separator)}.card--soft{box-shadow:var(--shadow-md)}.list-card{padding:0;overflow:hidden}.list-card--elevated{box-shadow:var(--shadow-md)}.list-card--inset{margin-top:12px;border-radius:var(--radius-control)}.card+.card{margin-top:8px}.stat-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-value{font-size:22px;font-weight:700}.stat-value.income,.income{color:var(--accent-green)}.over{color:var(--accent-red)}.balance-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--separator)}.hint,.muted{color:var(--text-secondary);font-size:14px}.hint{margin:8px 0}.center{text-align:center;padding:24px}.pad{padding:16px}.pad-horizontal{padding:0 16px 12px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-actions--triple{grid-template-columns:1fr}@media(min-width:380px){.quick-actions--triple{grid-template-columns:1fr 1fr}.quick-actions--triple .import{grid-column:1 / -1}}.btn-quick.import{background:linear-gradient(135deg,#e5e7eb,#6b7280);color:#111827}@media(prefers-color-scheme:dark){.btn-quick.import{background:linear-gradient(135deg,#9ca3af,#374151);color:#f9fafb}}.btn-quick{min-height:52px;border:none;border-radius:var(--radius-control);font-size:17px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-md);transition:transform .15s ease,box-shadow .15s ease}.btn-quick:active{transform:scale(.98)}.btn-quick__icon{font-size:20px;font-weight:700}.btn-quick.expense{background:linear-gradient(135deg,#fb7185,#e11d48)}.btn-quick.income{background:linear-gradient(135deg,#4ade80,#16a34a)}.btn-primary,.btn-secondary,.btn-danger{width:100%;min-height:48px;border-radius:12px;border:none;font-size:17px;font-weight:600;cursor:pointer;margin-top:8px}.btn-primary{background:linear-gradient(135deg,#d1d5db,#6b7280);color:#111827}@media(prefers-color-scheme:dark){.btn-primary{background:linear-gradient(135deg,#9ca3af,#374151);color:#f9fafb}}.btn-secondary{background:var(--separator);color:var(--accent)}.btn-danger{background:transparent;color:var(--accent-red)}.tab-bar{position:fixed;left:12px;right:12px;bottom:calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--tab-height);padding:6px 4px;background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--separator);border-radius:22px;box-shadow:var(--shadow-md);z-index:10}.tab-bar button{position:relative;border:none;background:transparent;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;font-size:10px;font-weight:600;cursor:pointer;transition:color .2s ease}.tab-bar button.active{color:var(--accent)}.tab-bar__pill{position:absolute;bottom:4px;width:20px;height:3px;border-radius:99px;background:var(--accent)}.tab-bar__icon{font-size:20px;line-height:1}.tx-row{display:flex;width:100%;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:inherit;text-align:left;border-bottom:1px solid var(--separator);cursor:pointer;min-height:56px}.tx-row:last-child{border-bottom:none}.category-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--cat-bg, var(--separator));color:var(--cat-fg, inherit);border-radius:12px;font-size:18px;flex-shrink:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-fg, #000) 12%,transparent)}.category-icon--sm{width:28px;height:28px;font-size:14px;border-radius:8px}.tx-row__body{flex:1;min-width:0}.tx-row__title{font-weight:600}.tx-row__meta{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-row__amount{font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}.budget-progress__header{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-bottom:6px}.budget-progress__title{display:flex;align-items:center;gap:6px;font-weight:600}.budget-progress__amounts{font-size:12px;color:var(--text-secondary)}.budget-progress[data-over] .budget-progress__amounts{color:var(--accent-red);font-weight:600}.budget-progress__track{height:8px;background:var(--separator);border-radius:99px;overflow:hidden}.budget-progress__fill{height:100%;background:var(--accent);border-radius:99px}.budget-progress[data-over] .budget-progress__fill{background:var(--accent-red)}.budget-progress__over{margin:6px 0 0;font-size:12px;color:var(--accent-red)}.empty-state{text-align:center;padding:24px 16px;background:var(--bg-elevated);border-radius:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px}.field span{color:var(--text-secondary)}.field input,.field select,.field textarea{font:inherit;padding:12px;border-radius:10px;border:1px solid var(--separator);background:var(--bg-elevated);color:var(--text);min-height:44px}.amount-input{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;border:1px solid var(--separator);background:var(--bg-elevated);min-height:44px}.amount-input input{border:none;background:transparent;flex:1;padding:12px 0;font-size:20px;font-weight:600}.sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.sheet-root--open{pointer-events:auto}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#00000059;opacity:0;transition:opacity .25s ease;cursor:pointer}.sheet-root--open .sheet-backdrop{opacity:1}.sheet-panel{position:relative;max-height:92dvh;background:var(--bg);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);overflow:hidden;padding-bottom:var(--safe-bottom)}.sheet-root--open .sheet-panel{transform:translateY(0)}.sheet-grabber{width:36px;height:4px;border-radius:99px;background:var(--separator);margin:8px auto 0}.toolbar--sheet{border-bottom:none;background:transparent}.full-screen-form{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);padding-top:var(--safe-top);overflow-y:auto}.toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px;border-bottom:1px solid var(--separator);background:var(--bg-elevated)}.toolbar h1{margin:0;font-size:17px;font-weight:600;text-align:center}.btn-text{border:none;background:transparent;color:var(--accent);font-size:17px;padding:8px;cursor:pointer;justify-self:start}.btn-text--primary{justify-self:end;font-weight:600}.form-stack{padding:16px;max-width:480px;margin:0 auto}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.segmented--pill{background:var(--bg-elevated);border-radius:999px;padding:4px;border:1px solid var(--separator)}.segmented button{min-height:44px;border-radius:10px;border:1px solid transparent;background:transparent;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.segmented--pill button{border-radius:999px}.segmented--triple{grid-template-columns:repeat(3,1fr)}.field-label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:6px}.report-period{margin-bottom:12px}.segmented--pill button.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.field--hero .amount-input--hero{border:none;background:var(--bg-elevated);box-shadow:var(--shadow-sm);border-radius:var(--radius-card);min-height:56px}.amount-input__prefix{font-weight:600;color:var(--text-secondary)}.amount-preview{margin:4px 4px 0;font-size:13px;color:var(--text-secondary)}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:999px;border:1px solid var(--separator);background:var(--bg-elevated);font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.category-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.segmented button.active[data-type=expense]{background:color-mix(in srgb,var(--accent-red) 15%,var(--bg-elevated));border-color:var(--accent-red);color:var(--accent-red)}.segmented button.active[data-type=income]{background:color-mix(in srgb,var(--accent-green) 15%,var(--bg-elevated));border-color:var(--accent-green);color:var(--accent-green)}.form-error{color:var(--accent-red);font-size:14px}.category-row{display:flex;align-items:center;border-bottom:1px solid var(--separator)}.category-row__main{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border:none;background:transparent;color:inherit;font-size:17px;text-align:left;cursor:pointer;min-height:52px}.badge{margin-left:auto;font-size:12px;color:var(--text-secondary)}.btn-icon{border:none;background:transparent;color:var(--text-secondary);padding:12px 16px;font-size:16px;cursor:pointer}.list-action{width:100%;border:none;background:transparent;color:var(--accent);padding:14px 16px;font-size:17px;text-align:left;cursor:pointer;min-height:48px}.budget-cat-row{width:100%;border:none;background:transparent;color:inherit;text-align:left;padding:14px 16px;border-bottom:1px solid var(--separator);cursor:pointer}.budget-cat-row__unset{display:flex;align-items:center;gap:10px}.budget-cat-row__unset .muted{margin-left:auto}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.icon-grid button{min-height:44px;border-radius:10px;border:1px solid var(--separator);background:var(--bg-elevated);cursor:pointer}.icon-grid button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.banner{margin:8px 16px;padding:12px;border-radius:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px}.banner--warn{background:color-mix(in srgb,var(--accent-orange) 20%,var(--bg-elevated))}.backup-card{display:flex;flex-direction:column;gap:4px}.summary-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.summary-lines div{display:flex;justify-content:space-between;align-items:center}.chart-box{width:100%}.report-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--separator)}.report-row .muted{margin-left:auto}.report-cumulative-hint{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.report-cumulative-hint strong{font-size:17px}.chart-box--tall{margin-top:4px}.app-main{transition:background .2s ease}.page--home .section h2{letter-spacing:.04em}.chart-legend{display:flex;flex-wrap:wrap;gap:12px 16px;font-size:12px;color:var(--text-secondary);margin:4px 0 8px}.chart-legend--inline{padding:0 2px}.chart-legend__item{display:inline-flex;align-items:center;gap:6px;margin-right:10px}.chart-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex-shrink:0;vertical-align:middle;margin-right:6px}.chart-swatch--line{height:3px;width:14px;border-radius:99px;margin-right:6px}.chart-swatch--row{width:8px;height:28px;border-radius:4px;margin-right:0}.report-row--category{gap:8px}.chart-box--category-bars{margin-top:8px}.import-page{min-height:100dvh;padding-bottom:var(--safe-bottom)}.import-body{padding-top:12px}.import-file-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:8px}.import-review{padding-bottom:24px}.import-list{margin:0 16px}.import-row{display:flex;gap:10px;padding:12px 12px 16px;border-bottom:1px solid var(--separator)}.import-row--dup{opacity:.65}.import-row__check{padding-top:8px}.import-row__main{flex:1;min-width:0}.field--compact{margin-bottom:8px}.field--compact span{font-size:12px}.import-dup-badge{margin-left:8px;font-size:11px;color:var(--accent-orange)}.import-commit{margin:16px;width:calc(100% - 32px)}.help-card{margin:0 16px}.help-steps{padding-left:20px;line-height:1.5}.url-template{font-size:12px;word-break:break-all;background:var(--bg);padding:12px;border-radius:var(--radius-control);border:1px solid var(--separator)}.help-subhead{margin:16px 0 8px;font-size:15px}.sync-card{margin:8px 0 12px;padding:14px 16px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--separator);box-shadow:0 2px 12px #0000000f}.sync-card--compact{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:6px 0 10px}.sync-card__compact-text{flex:1;margin:0;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}.sync-card__compact-text .sync-card__icon{font-size:16px}.sync-card__compact-cta{flex-shrink:0;border:none;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;color:var(--text);background:color-mix(in srgb,var(--accent) 18%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--separator))}.sync-card__compact-link{flex-shrink:0;border:none;background:none;font-size:12px;color:var(--text-secondary);text-decoration:underline;cursor:pointer;padding:4px}.sync-card__body{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.sync-card__icon{font-size:22px;line-height:1;opacity:.75}.sync-card__title{margin:0 0 4px;font-size:16px;font-weight:600}.sync-card__hint{margin:0;font-size:13px}.sync-card__cta{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,var(--bg-elevated)),color-mix(in srgb,var(--accent) 10%,var(--bg-elevated)));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--separator))}.sync-card__cta-icon{font-size:18px}.sync-card__link{display:block;margin:10px auto 0;padding:4px 8px;border:none;background:none;font-size:13px;color:var(--text-secondary);text-decoration:underline;cursor:pointer}.sync-import-wrap{margin-bottom:12px}.sync-import-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid var(--separator);background:var(--bg-elevated);font-size:16px;font-weight:600;color:var(--text);cursor:pointer;box-shadow:0 1px 4px #0000000d}.sync-import-btn__icon{font-size:18px;opacity:.85}.sync-import-meta{margin:6px 0 0;font-size:12px;text-align:center}.toast--success{border-color:color-mix(in srgb,var(--income) 40%,var(--separator))}.deeplink-banner{margin:0 0 8px;padding:10px 12px;border-radius:10px;font-size:14px;background:color-mix(in srgb,var(--accent-orange) 18%,var(--bg-elevated));border:1px solid var(--separator)}.deeplink-debug{font-size:12px;margin-bottom:8px}.deeplink-debug pre{margin:8px 0 0;padding:8px;border-radius:8px;background:var(--bg);border:1px solid var(--separator);white-space:pre-wrap;word-break:break-all;font-size:11px}.deeplink-confirm .sheet-panel--confirm{max-height:min(92vh,720px);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0)}.deeplink-confirm__header{text-align:center;padding:4px 20px 12px}.deeplink-confirm__header h1{margin:0;font-size:20px;font-weight:650}.deeplink-confirm__subtitle{margin:6px 0 0;font-size:13px;color:var(--text-secondary)}.deeplink-confirm__body{flex:1;overflow:auto;padding:0 16px 8px}.deeplink-confirm__merchant{margin-bottom:12px;padding:12px 14px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--separator)}.deeplink-confirm__label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.deeplink-confirm__merchant-name{margin:0;font-size:17px;font-weight:600;word-break:break-word}.deeplink-confirm__type{margin-bottom:10px}.deeplink-confirm__category-hint{margin:8px 0 0;font-size:13px}.deeplink-confirm__actions{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--separator);background:var(--bg-elevated)}.deeplink-confirm__save{font-weight:650}.deeplink-confirm__cancel{min-height:48px}.hint--sync{color:var(--text-secondary)}.sync-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000073;display:flex;align-items:flex-end;justify-content:center;padding:16px}.sync-sheet__panel{width:100%;max-width:480px;background:var(--bg-elevated);border-radius:16px 16px 12px 12px;padding:20px 16px 16px;border:1px solid var(--separator);box-shadow:var(--shadow-elevated, 0 12px 40px rgba(0, 0, 0, .2))}.sync-sheet__panel h2{margin:0 0 8px;font-size:18px}.sync-sheet__code{width:100%;font-family:ui-monospace,monospace;font-size:11px;margin:12px 0;padding:10px;border-radius:10px;border:1px solid var(--separator);background:var(--bg);color:var(--text);resize:vertical}.sync-sheet__check{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin-bottom:12px}.sync-sheet__preview{font-size:14px;margin:0 0 12px}.sync-sheet__actions{display:flex;justify-content:flex-end;gap:8px}.toast--sync{position:fixed;left:16px;right:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:70;display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--separator);box-shadow:0 8px 24px #00000026;font-size:14px}.toast--sync span{flex:1}:root{--hk-outline: #111118;--hk-expense-accent: #f59e0b;--hk-income-accent: #3b82f6;--hk-fab: #ff5a5f;--hk-fab-size: 58px;--hk-fab-gap: 14px;--hk-surface: #ffffff}@media(prefers-color-scheme:dark){:root{--hk-outline: rgba(255, 255, 255, .88);--hk-surface: #16161d}}.app-main:has(.hk-home){padding-bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--hk-fab-size) + var(--hk-fab-gap) + 24px)}.hk-home{background:var(--hk-surface);min-height:100%;padding:0 16px 20px}.hk-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 12px;position:sticky;top:0;z-index:20;background:var(--hk-surface)}.hk-topbar__icon{width:44px;height:44px;border:2px solid var(--hk-outline);border-radius:12px;background:var(--hk-surface);font-size:20px;line-height:1;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center}.hk-topbar__period{flex:1;border:none;background:transparent;font-size:17px;font-weight:700;color:var(--text);cursor:pointer;padding:8px 4px}.hk-topbar__cal{position:relative;overflow:hidden}.hk-topbar__month-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.hk-summary{display:flex;gap:16px;margin-bottom:8px}.hk-summary__col{flex:1}.hk-summary__label{display:inline-block;font-size:14px;font-weight:600;padding-bottom:4px;border-bottom:3px solid transparent}.hk-summary__col--expense .hk-summary__label{border-bottom-color:var(--hk-expense-accent)}.hk-summary__col--income .hk-summary__label{border-bottom-color:var(--hk-income-accent)}.hk-summary__value{margin:6px 0 0;font-size:26px;font-weight:800;letter-spacing:-.02em}.hk-chart{margin:4px 0 16px}.hk-chart__snap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 -16px;padding:0}.hk-chart__snap::-webkit-scrollbar{display:none}.hk-chart__slide{flex:0 0 100%;min-width:100%;scroll-snap-align:center;scroll-snap-stop:always;padding:0 16px;box-sizing:border-box}.hk-chart__slide--legend{display:flex;flex-direction:column;justify-content:center;min-height:240px;border:2px solid var(--hk-outline);border-radius:24px;background:var(--hk-surface);padding:16px}.hk-chart__legend-scope{margin:8px 0 0;font-size:12px;text-align:center}.hk-summary__label,.hk-summary__value{transition:opacity .28s ease,transform .28s ease}.hk-chart__donut-wrap{position:relative;border:2px solid var(--hk-outline);border-radius:24px;background:var(--hk-surface);padding:8px 0 4px}.hk-chart__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:auto;max-width:none;display:flex;flex-direction:column;align-items:center;gap:0;padding:0}.hk-chart__opening-footnote{margin:0;padding:0 12px 8px;font-size:12px;line-height:1.35;text-align:center}.hk-chart__balance-decimals{font-size:.72em;font-weight:800}.opening-balance__value{font-size:1.25rem;margin:.5rem 0}.opening-balance__actions{display:flex;flex-wrap:wrap;gap:.5rem}.settings-subheading{font-size:1rem;font-weight:600;margin:0 0 .5rem}.hk-chart__balance-label{pointer-events:auto;border:none;background:transparent;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;padding:0 2px;margin:0 0 2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-chart__balance-value{margin:0;font-weight:800;line-height:1.1;white-space:nowrap;max-width:100%}.hk-chart__dots{display:flex;justify-content:center;gap:8px;margin-top:10px}.hk-chart__dots button{width:8px;height:8px;border-radius:50%;border:2px solid var(--hk-outline);background:transparent;padding:0;cursor:pointer}.hk-chart__dots button.active{background:var(--hk-outline)}.hk-chart__legend{list-style:none;margin:0 0 8px;padding:0 4px 4px;display:flex;flex-direction:column;gap:8px}.hk-chart__legend li{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:8px;font-size:14px}.hk-chart__legend-swatch{width:12px;height:12px;border-radius:4px;border:2px solid var(--hk-outline)}.hk-chart__legend-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hk-chart__legend-amt{font-weight:700}.hk-chart__legend-pct{font-size:12px;min-width:2.5rem;text-align:right}.hk-day-list{display:flex;flex-direction:column;gap:14px}.hk-day-card{border:2px solid var(--hk-outline);border-radius:18px;overflow:hidden;background:var(--hk-surface)}.hk-day-card__head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;border-bottom:2px solid var(--hk-outline)}.hk-day-card__date{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hk-day-card__net.expense{color:var(--hk-expense-accent)}.hk-day-card__net.income{color:var(--accent-green)}.hk-swipe-row{position:relative;overflow:hidden;background:var(--accent-red)}.hk-tx-row{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;border-bottom:1px solid var(--separator);background:var(--hk-surface);text-align:left;cursor:pointer;color:var(--text);transition:transform .15s ease;will-change:transform}.hk-day-card .hk-swipe-row:last-child .hk-tx-row{border-bottom:none}.hk-tx-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hk-tx-row__text strong{font-size:15px;font-weight:600}.hk-tx-row__amt{flex-shrink:0;font-size:15px;font-weight:700;margin-left:auto}.hk-tx-row__amt.expense{color:var(--text)}.hk-tx-row__amt.income{color:var(--accent-green)}.hk-swipe-delete{position:absolute;right:0;top:0;bottom:0;width:88px;border:none;background:transparent;color:#fff;font-weight:700;cursor:pointer;z-index:0;opacity:0;pointer-events:none}.hk-swipe-row--open .hk-swipe-delete,.hk-swipe-row--reveal .hk-swipe-delete{opacity:1;pointer-events:auto}.hk-empty{text-align:center;padding:32px 16px;border:2px dashed var(--separator);border-radius:18px}.hk-fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-height) + var(--safe-bottom) + var(--hk-fab-gap));width:var(--hk-fab-size);height:var(--hk-fab-size);border-radius:50%;border:3px solid var(--hk-outline);background:var(--hk-fab);color:#fff;font-size:32px;font-weight:300;line-height:1;cursor:pointer;z-index:45;box-shadow:0 6px 20px #ff5a5f73}.hk-fab-sheet,.hk-period-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.hk-fab-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#00000059;cursor:pointer}.hk-fab-sheet__panel{position:relative;width:100%;max-width:480px;padding:16px 20px calc(20px + var(--safe-bottom));background:var(--hk-surface);border:2px solid var(--hk-outline);border-radius:20px 20px 0 0;display:flex;flex-direction:column;gap:10px}.hk-fab-sheet__panel button{padding:14px;border-radius:14px;border:2px solid var(--hk-outline);font-size:16px;font-weight:700;cursor:pointer;background:var(--hk-surface);color:var(--text)}.hk-fab-sheet__action.expense{background:#f59e0b26}.hk-fab-sheet__action.income{background:#3b82f626}.hk-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex}.hk-drawer__backdrop{flex:1;border:none;background:#0006;cursor:pointer}.hk-drawer__panel{width:min(300px,86vw);background:var(--hk-surface);border-right:2px solid var(--hk-outline);padding:20px 16px calc(16px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-md)}.hk-drawer__panel h2{margin:0 0 8px;font-size:20px}.hk-drawer__item{text-align:left;padding:12px 14px;border-radius:12px;border:2px solid var(--hk-outline);background:var(--hk-surface);font-size:16px;font-weight:600;cursor:pointer;color:var(--text)}.hk-drawer__sync{margin-top:8px}.hk-drawer__close{margin-top:auto;padding:12px;border:none;background:transparent;color:var(--text-secondary);font-size:15px;cursor:pointer}.hk-home .toast--sync{bottom:calc(var(--tab-height) + var(--safe-bottom) + 80px);z-index:70}