.gauge{display:flex;flex-direction:column;gap:var(--space-3)}.gauge__figure{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.gauge__amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--size-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.gauge__amount--overdrawn{color:var(--gauge-overdrawn)}.gauge__track{position:relative;height:.75rem;border-radius:var(--radius-pill);background:var(--gauge-track);overflow:hidden}.gauge__fill{height:100%;border-radius:var(--radius-pill);background:var(--gauge-fill);transition:width .24s ease-out}.gauge__fill--overdrawn{background:var(--gauge-overdrawn)}.gauge__caption{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.gauge__flag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--gauge-overdrawn);color:var(--surface);font-size:var(--size-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-label);white-space:nowrap}.gauge__flag svg{width:.85em;height:.85em;flex:none}.gauge__rollover{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--rule);font-size:var(--size-sm);color:var(--ink-soft)}.gauge__rollover svg{width:1em;height:1em;flex:none;color:var(--accent)}.gauge__rollover strong{color:var(--ink);font-weight:var(--weight-medium)}@media(prefers-reduced-motion:reduce){.gauge__fill{transition:none}}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--space-3)}.tile{position:relative;display:flex;border:1px solid var(--rule-strong);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.tile__log{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-1);min-height:4.5rem;padding:var(--space-3);text-align:left;border:0;border-radius:0;background:transparent}.tile__edit{flex:none;width:2.75rem;display:grid;place-items:center;border:0;border-left:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink-faint)}.tile__edit svg{width:1rem;height:1rem}.tile__edit:hover:not(:disabled){color:var(--ink)}.tile--editing{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3)}.tile--editing .tile__label{display:flex;flex-direction:column;gap:var(--space-1)}.tile--editing input{min-height:2.75rem}.tile__actions{display:flex;gap:var(--space-2)}.tile__actions button{flex:1;min-height:2.75rem;padding:var(--space-2)}.tile__label{font-weight:var(--weight-medium)}.tile__amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--size-sm);color:var(--ink-soft)}.tile[aria-busy=true]{opacity:.6}.tile:focus-within{border-color:var(--accent)}.undo{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--size-sm)}.undo button{min-height:2.75rem;padding:var(--space-2) var(--space-3)}:root{--green-05: #f7f8f7;--green-10: #f1f4f3;--green-20: #dde3e1;--green-30: #c6d0cd;--green-50: #7c8a86;--green-60: #4a5754;--green-90: #16211f;--green-d-05: #101614;--green-d-10: #121a18;--green-d-15: #17201e;--green-d-20: #2a3634;--green-d-30: #3a4845;--green-d-50: #6e807b;--green-d-70: #a3b2ae;--green-d-90: #e8efec;--white: #ffffff;--teal-40: #4fbfb2;--teal-45: #7fd6cb;--teal-60: #0f6e68;--teal-70: #0b524d;--teal-tint: #e2efec;--teal-shade: #17302d;--gold-40: #d9a441;--gold-60: #a9741a;--gold-tint: #f6eddc;--gold-shade: #2a2417;--red-50: #a8423a;--red-40: #e08278;--leaf-50: #3d7a38;--leaf-40: #7dbf74;--blue-50: #3a6494;--blue-40: #7fa8d6;--font-serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--size-3xs: .7rem;--size-2xs: .78rem;--size-xs: .85rem;--size-sm: .92rem;--size-md: 1rem;--size-lg: 1.2rem;--size-xl: 1.55rem;--size-2xl: 2.1rem;--size-3xl: 3rem;--weight-regular: 400;--weight-medium: 600;--weight-bold: 650;--leading-tight: 1.15;--leading-snug: 1.45;--leading-body: 1.6;--tracking-label: .08em;--tracking-eyebrow: .13em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--measure: 47rem}:root{--ground: var(--green-05);--surface: var(--white);--surface-sunk: var(--green-10);--ink: var(--green-90);--ink-soft: var(--green-60);--ink-faint: var(--green-50);--rule: var(--green-20);--rule-strong: var(--green-30);--accent: var(--teal-60);--accent-ink: var(--teal-70);--accent-soft: var(--teal-tint);--earned: var(--gold-60);--earned-soft: var(--gold-tint);--status-under: var(--red-50);--status-good: var(--leaf-50);--status-over: var(--blue-50);--shadow: 0 1px 2px rgba(22, 33, 31, .05), 0 8px 24px -12px rgba(22, 33, 31, .18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: var(--green-d-05);--surface: var(--green-d-15);--surface-sunk: var(--green-d-10);--ink: var(--green-d-90);--ink-soft: var(--green-d-70);--ink-faint: var(--green-d-50);--rule: var(--green-d-20);--rule-strong: var(--green-d-30);--accent: var(--teal-40);--accent-ink: var(--teal-45);--accent-soft: var(--teal-shade);--earned: var(--gold-40);--earned-soft: var(--gold-shade);--status-under: var(--red-40);--status-good: var(--leaf-40);--status-over: var(--blue-40);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--ground: var(--green-d-05);--surface: var(--green-d-15);--surface-sunk: var(--green-d-10);--ink: var(--green-d-90);--ink-soft: var(--green-d-70);--ink-faint: var(--green-d-50);--rule: var(--green-d-20);--rule-strong: var(--green-d-30);--accent: var(--teal-40);--accent-ink: var(--teal-45);--accent-soft: var(--teal-shade);--earned: var(--gold-40);--earned-soft: var(--gold-shade);--status-under: var(--red-40);--status-good: var(--leaf-40);--status-over: var(--blue-40);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .6)}:root{--money-guaranteed: var(--status-over);--money-earned: var(--earned);--money-target: var(--accent);--gauge-track: var(--rule);--gauge-fill: var(--accent);--gauge-overdrawn: var(--status-under);--focus-ring: var(--accent)}:root{--accent-on: var(--white)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-on: var(--green-d-05)}}:root[data-theme=dark]{--accent-on: var(--green-d-05)}*{box-sizing:border-box}:where(button,a,input,select,label){touch-action:manipulation}:where(button,a){-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:var(--size-md);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}.tabular,.money{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.app-shell{max-width:var(--measure);margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-12)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack.tight{gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}h1,h2,h3{margin:0;line-height:var(--leading-tight);font-family:var(--font-serif);font-weight:var(--weight-bold);text-wrap:balance}h1{font-size:var(--size-2xl)}h2{font-size:var(--size-xl)}h3{font-size:var(--size-lg)}p{margin:0}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.small{font-size:var(--size-sm)}.eyebrow{font-size:var(--size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--ink-faint);font-family:var(--font-sans)}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-md);padding:var(--space-4)}button{font:inherit;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);padding:var(--space-3) var(--space-4);min-height:2.75rem}button:hover:not(:disabled){background:var(--surface-sunk)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on);font-weight:var(--weight-medium)}button.primary:hover:not(:disabled){background:var(--accent-ink)}button.quiet{border-color:transparent;background:transparent;color:var(--ink-soft)}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}input,select{font:inherit;width:100%;min-height:2.75rem;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--size-sm);color:var(--ink-soft)}.notice{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--size-sm)}.notice.warn{background:var(--earned-soft);color:var(--earned)}.notice.error{background:var(--accent-soft);color:var(--status-under)}.notice.info{background:var(--surface-sunk);color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}