:root{--surface:#fafafb;--canvas:#eeecef;--rule:#e2e0e6;--border:#d8d6dd;--ink:#14171c;--muted:#6b6478;--faint:#8a8394;--accent-a:#4f2683;--accent-b:#b26b00;--negative:#9e2b22;--positive:#1f6b50;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--text-display:40px;--text-stat:17px;--text-body:13px;--text-eyebrow:10.5px;--radius:0;--hairline:1px;--spine:3px;--paper:var(--surface);--residence:var(--accent-a);--flex:var(--accent-b);--over:var(--negative);--under:var(--positive)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input{color:inherit;font-family:inherit}.num{font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.16em;color:var(--faint);font-weight:600}.page{min-height:100%;padding:24px 12px 64px}.statement{background:var(--paper);border:var(--hairline) solid var(--border);max-width:640px;margin:0 auto}.section{padding:24px 20px}.divider{height:var(--hairline);background:var(--rule)}.field-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field-group:last-child{margin-bottom:0}.muted{color:var(--muted)}.login-statement{margin-top:20vh}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:var(--over);font-size:var(--text-body)}.balance-header{flex-direction:column;gap:6px;display:flex}.balance-amount{font-size:var(--text-display);letter-spacing:-.03em;font-weight:600;line-height:1.1}.balance-meta{color:var(--muted);font-size:var(--text-body)}.burn-bar-section{flex-direction:column;gap:12px;display:flex}.burn-track{background:var(--rule);height:6px;position:relative}.burn-fill{height:100%;position:absolute;top:0}.spine-residence-fill{background:var(--residence);left:0}.spine-flex-fill{background:var(--flex)}.burn-tick{background:var(--ink);width:1px;position:absolute;top:-3px;bottom:-3px}.burn-legend{font-size:var(--text-body);color:var(--muted);gap:20px;display:flex}.burn-legend-item{align-items:center;gap:6px;display:flex}.burn-legend-item .num{color:var(--ink);font-weight:600}.dot{width:8px;height:8px;display:inline-block}.dot-residence{background:var(--residence)}.dot-flex{background:var(--flex)}.stat-grid{grid-template-columns:repeat(2,1fr);gap:20px 24px;display:grid}@media (width>=480px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{flex-direction:column;gap:4px;display:flex}.stat-value{font-size:var(--text-stat);font-weight:600}.stat-value.over{color:var(--over)}.stat-value.under{color:var(--under)}.pace-note{font-size:var(--text-body);margin-top:16px}.pace-note.over{color:var(--over)}.pace-note.muted{color:var(--muted)}.entry-form{flex-direction:column;gap:16px;display:flex}.entry-toggle{border:var(--hairline) solid var(--border);display:flex}.toggle-btn{background:var(--paper);border-radius:var(--radius);font-size:var(--text-body);cursor:pointer;border:none;flex:1;padding:10px;font-weight:600}.toggle-btn+.toggle-btn{border-left:var(--hairline) solid var(--border)}.toggle-btn.active{background:var(--ink);color:var(--paper)}.category-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.category-btn{text-align:left;background:var(--paper);border:var(--hairline) solid var(--border);border-left-width:var(--spine);border-radius:var(--radius);font-size:var(--text-body);cursor:pointer;padding:10px 12px}.category-btn.selected{border-color:var(--ink);border-left-width:var(--spine);font-weight:600}.spine-border-residence{border-left-color:var(--residence)}.spine-border-flex{border-left-color:var(--flex)}.category-btn.selected.spine-border-residence{border-left-color:var(--residence)}.category-btn.selected.spine-border-flex{border-left-color:var(--flex)}.entry-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field input{background:var(--paper);border:var(--hairline) solid var(--border);border-radius:var(--radius);font-size:var(--text-body);padding:10px 12px}.submit-btn{background:var(--ink);color:var(--paper);border-radius:var(--radius);font-size:var(--text-stat);cursor:pointer;border:none;padding:14px;font-weight:600}.account-hint{font-size:var(--text-body);color:var(--muted)}.spine-tag{border-left:var(--spine) solid transparent;color:var(--ink);padding-left:8px;font-weight:600}.chart-section{flex-direction:column;gap:12px;display:flex}.chart-row{display:flex}.chart-axis{text-align:right;box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;width:44px;padding-right:8px;display:flex}.chart-tick{transform:translateY(50%)}.chart-tick:first-child{transform:none}.chart-tick:last-child{transform:translateY(100%)}.chart-plot{border-left:var(--hairline) solid var(--border);border-bottom:var(--hairline) solid var(--border);flex:1;position:relative}.chart-threshold{border-top:var(--hairline) dashed var(--muted);position:absolute;left:0;right:0}.chart-bars{align-items:flex-end;gap:4px;padding:0 4px;display:flex;position:absolute;inset:0}.chart-bar-col{flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex}.chart-bar{flex-direction:column-reverse;width:100%;max-width:22px;display:flex}.chart-bar-residence{background:var(--residence)}.chart-bar-flex{background:var(--flex)}.chart-labels-row{display:flex}.chart-axis-spacer{flex-shrink:0;width:44px}.chart-labels{flex:1;gap:4px;padding:0 4px;display:flex}.chart-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.chart-legend{font-size:var(--text-body);color:var(--muted);gap:20px;display:flex}.chart-legend-item{align-items:center;gap:6px;display:flex}.chart-legend-line{border-top:var(--hairline) dashed var(--muted);width:14px}.history-section{flex-direction:column;gap:16px;display:flex}.history-header{justify-content:space-between;align-items:center;display:flex}.view-toggle{border:var(--hairline) solid var(--border);display:flex}.view-toggle-btn{background:var(--paper);border-radius:var(--radius);font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);cursor:pointer;border:none;padding:6px 12px;font-weight:600}.view-toggle-btn+.view-toggle-btn{border-left:var(--hairline) solid var(--border)}.view-toggle-btn.active{background:var(--ink);color:var(--paper)}.history-list{flex-direction:column;display:flex}.group-row{border:none;border-bottom:var(--hairline) solid var(--rule);width:100%;font-family:inherit;font-size:var(--text-body);color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px 16px;padding:12px 0;font-weight:600;display:grid}.group-chevron{width:16px;color:var(--faint);font-weight:600}.group-totals{white-space:nowrap;font-weight:400}.group-detail{border-bottom:var(--hairline) solid var(--rule);padding-left:24px}.group-detail .history-row{border-bottom:none}.group-detail .history-row:not(:last-child){border-bottom:var(--hairline) solid var(--rule)}.history-row{border-left:var(--spine) solid transparent;border-bottom:var(--hairline) solid var(--rule);grid-template-columns:1fr auto auto auto;align-items:center;gap:8px 16px;padding:12px 0 12px 12px;display:grid}.history-row:last-child{border-bottom:none}.history-main{flex-direction:column;gap:2px;min-width:0;display:flex}.history-title{font-size:var(--text-body)}.history-date{font-size:var(--text-eyebrow)}.history-balances{color:var(--muted);font-size:var(--text-eyebrow);white-space:nowrap}.history-amount{white-space:nowrap;font-weight:600}.delete-btn{color:var(--faint);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.history-row.transfer{color:var(--muted);font-size:var(--text-eyebrow);border-left:none;grid-template-columns:1fr auto auto;padding-left:24px}.setup-section summary{cursor:pointer;list-style:none}.setup-section summary::-webkit-details-marker{display:none}.setup-section summary:before{content:"+ "}.setup-section details[open] summary:before{content:"- "}.setup-body{padding-top:20px}.plan-options{font-size:var(--text-body);flex-direction:column;gap:8px;display:flex}.plan-option{align-items:center;gap:8px;display:flex}.export-btn{background:var(--paper);border:var(--hairline) solid var(--border);border-radius:var(--radius);font-size:var(--text-body);cursor:pointer;padding:10px 16px;font-weight:600}.setup-actions{gap:12px;display:flex}.setup-actions .submit-btn{flex:1}.logout-btn{color:var(--muted);font-size:var(--text-body);cursor:pointer;background:0 0;border:none;margin-top:20px;padding:0;text-decoration:underline}.away-calendar{border:var(--hairline) solid var(--border);padding:12px}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-nav-btn{background:var(--paper);border:var(--hairline) solid var(--border);border-radius:var(--radius);width:28px;height:28px;font-size:var(--text-stat);color:var(--ink);cursor:pointer}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-weekday{text-align:center;padding:4px 0}.calendar-cell{aspect-ratio:1;font-size:var(--text-body);background:var(--paper);border:var(--hairline) solid transparent;border-radius:var(--radius);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;display:flex}.calendar-cell.empty{visibility:hidden;cursor:default}.calendar-cell.away{background:var(--canvas);border:var(--hairline) solid var(--faint);font-weight:600}.calendar-cell.selecting{border:var(--hairline) solid var(--ink);font-weight:600}.calendar-hint{font-size:var(--text-eyebrow);margin-top:8px}.away-range-list{flex-direction:column;gap:6px;margin-top:12px;display:flex}.away-range-row{font-size:var(--text-body);justify-content:space-between;align-items:center;display:flex}