:root{--color-canvas:#f1f5f9;--color-surface:#fff;--color-surface-raised:#f8fafc;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-accent:#0f766e;--color-accent-hover:#115e59;--color-accent-contrast:#fff;--color-brand-soft:#ccfbf1;--color-positive:#00a844;--color-negative:#b91c1c;--color-warning:#b45309;--color-backdrop:rgba(15,23,42,.45);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--shadow-flat:none;--shadow-raised:0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-modal:0 20px 40px rgba(0,0,0,.16), 0 8px 16px rgba(0,0,0,.08);--radius-sm:10px;--radius-md:10px;--radius-lg:16px;--duration-fast:.15s;--duration-base:.25s;--ease-standard:cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-canvas:#020617;--color-surface:#0f172a;--color-surface-raised:#1e293b;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-accent:#2dd4bf;--color-accent-hover:#5eead4;--color-accent-contrast:#052e2b;--color-brand-soft:#134e4a;--color-positive:#4ade80;--color-negative:#f87171;--color-warning:#fbbf24;--color-backdrop:rgba(2,6,23,.65);--shadow-raised:0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-modal:0 20px 40px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.3)}}:root[data-theme=dark]{--color-canvas:#020617;--color-brand-soft:#134e4a;--color-surface:#0f172a;--color-surface-raised:#1e293b;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-accent:#2dd4bf;--color-accent-hover:#5eead4;--color-accent-contrast:#052e2b;--color-positive:#4ade80;--color-negative:#f87171;--color-warning:#fbbf24;--color-backdrop:rgba(2,6,23,.65);--shadow-raised:0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-modal:0 20px 40px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.3)}*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{color:var(--color-text-primary);margin:0 0 var(--space-4);font-weight:600;line-height:1.25}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl);margin-top:var(--space-8)}h3,h4{font-size:var(--font-size-lg);margin-top:var(--space-6)}p{color:var(--color-text-secondary);margin:0 0 var(--space-4)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}ul{margin:0 0 var(--space-6);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}li{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}button{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-accent-contrast);background:var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard);border:none;font-weight:600}button:hover{background:var(--color-accent-hover)}button:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin:0 var(--space-2) var(--space-2) 0}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}table{border-collapse:collapse;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-6);overflow:hidden}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}td:last-child,th:last-child{text-align:right}th{color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);background:var(--color-surface)}tr:hover td{background:var(--color-surface)}.app-dialog-backdrop{background:var(--color-backdrop);backdrop-filter:blur(2px);z-index:1000;animation:app-dialog-fade-in var(--duration-base) var(--ease-standard);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-width:32rem;width:calc(100% - var(--space-8));max-height:calc(100vh - var(--space-8));animation:app-dialog-scale-in var(--duration-base) var(--ease-standard);overflow-y:auto}.app-dialog-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.app-dialog-header h2{font-size:var(--font-size-lg);margin:0}.app-dialog-close{color:var(--color-text-secondary);font-size:var(--font-size-lg);padding:var(--space-1) var(--space-2);background:0 0;line-height:1}.app-dialog-close:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.app-dialog-body{padding:var(--space-6)}@keyframes app-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-dialog-scale-in{0%{opacity:0;transform:scale(.96)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.app-dialog-backdrop{align-items:flex-end}.app-dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:none;max-height:85vh;animation:app-dialog-slide-up var(--duration-base) var(--ease-standard)}@keyframes app-dialog-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.route-next-move{animation:route-next-in var(--duration-base) var(--ease-standard)}@keyframes route-next-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-dialog-backdrop,.app-dialog{animation:none}button{transition:none}.bill-cell,.animated-number{transition:none!important}.route-next-move{animation:none}}.bills-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:75vh;margin-bottom:var(--space-6);overflow:auto}.bills-table-wrapper table{border:none;border-radius:0;margin-bottom:0}.bills-table-wrapper thead th{z-index:2;background:var(--color-surface-raised);position:sticky;top:0}.bills-table-wrapper tbody td:first-child,.bills-table-wrapper thead th:first-child{z-index:1;background:var(--color-surface-raised);position:sticky;left:0}.bills-table-wrapper thead th:first-child{z-index:3}.category-header th{background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;padding-top:var(--space-4);font-weight:700}.bill-cell{transition:background-color var(--duration-base) var(--ease-standard)}.bill-cell input{background:0 0;border-color:transparent;width:100%;margin:0}.bill-cell-due{background:0 0}.bill-cell-paid{background:color-mix(in srgb, var(--color-positive) 14%, transparent)}.bill-cell-partial{background:color-mix(in srgb, var(--color-warning) 14%, transparent)}.bill-cell-skipped{background:var(--color-surface-raised)}.animated-number{transition:color var(--duration-base) var(--ease-standard)}.animated-number.animated-number-flash{color:var(--color-accent)}.button-quiet{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.button-quiet:hover{background:var(--color-surface-raised)}.settings-section{margin-bottom:var(--space-8)}.settings-type{font-size:var(--font-size-lg)}.year-nav{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pulse-vs-last{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pulse-condensed,.bills-month-nav,.bills-list,.settings-narrow-note{display:none}.bills-month-nav{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.bills-table-wrapper td:has(.bill-cell){padding:0}.bills-table-wrapper .bill-cell{padding:var(--space-2) var(--space-3)}.bills-list-category h2{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.bills-list-category ul{margin:0 0 var(--space-4);padding:0;list-style:none}.bills-list-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.bills-list-row .bill-cell{border-radius:var(--radius-sm);min-width:6rem;padding:var(--space-1) var(--space-2)}.pulse-range{margin-bottom:var(--space-4)}.home-kicker{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.home-next-move{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);padding:var(--space-6);margin-bottom:var(--space-6)}.home-next-move h2{margin-top:0}.home-next-headline{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.home-due-past{border-color:var(--color-negative)}.home-due-soon{border-color:var(--color-warning)}.home-snapshot{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.home-figure{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.home-figure h3{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:0}.home-amount{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-2);font-weight:600}.home-figure-negative .home-amount{color:var(--color-negative)}.home-sparkline{align-items:flex-end;gap:var(--space-3);height:120px;margin-bottom:var(--space-4);display:flex}.home-sparkline-col{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;height:100%;display:flex}.home-sparkline-bar{background:var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:32px;min-height:4px}.home-sparkline-col span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.home-activity{font-size:var(--font-size-sm)}@media (width<=720px){.home-pulse,.home-snapshot,.home-target,.home-ytd,.home-debt,.home-activity,.pulse-full{display:none}.pulse-condensed{display:block}.bills-grid{display:none}.bills-month-nav{display:flex}.bills-list{display:block}.bills-page{flex-direction:column;display:flex}.bills-month-nav{order:1}.bills-list{order:2}.bills-add{order:3}.settings-web-only{display:none}.settings-narrow-note{display:block}}.route-trail{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.route-trail li[aria-current=step]{font-weight:700;text-decoration:underline}.unrouted-banner.zero{color:var(--color-accent)}.unrouted-banner.extra{color:var(--color-warning)}.unrouted-banner.over{color:var(--color-negative)}.moneymap-planned{color:var(--color-accent)}.moneymap-group{margin-bottom:var(--space-4)}.app-shell,.app-bare{background:var(--color-canvas);height:100dvh;color:var(--color-text-primary);flex-direction:column;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex}.app-main{min-width:0;min-height:0;padding:16px 16px calc(96px + env(safe-area-inset-bottom));background:var(--color-canvas);flex:1;overflow:auto}.app-main h1{letter-spacing:-.03em;margin:2px 0 6px;font-size:22px;font-weight:700}.app-main h2{letter-spacing:-.02em;margin-top:0;font-size:18px}.app-main>div>p:first-of-type{margin-top:0}.app-main li,.app-main table,.app-main .home-figure,.app-main .home-next-move,.bills-table-wrapper{box-shadow:var(--shadow-raised)}.app-shell .app-main>div:not(.home){background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);border-radius:16px;padding:18px 20px 24px}.app-header{padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:20;flex-shrink:0;align-items:center;gap:8px;display:flex}.header-brand,.sidebar-wordmark{color:var(--color-text-primary);letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.header-brand:hover,.sidebar-wordmark:hover{color:var(--color-text-primary);text-decoration:none}.brand-mark{object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}.app-metrics{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:10px;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:6px 2px;display:grid}.metric{min-width:0;padding:0 8px}.metric+.metric{border-left:1px solid var(--color-border)}.metric-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700;line-height:1.15;display:block}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;font-weight:700;display:block;overflow:hidden}.metric-value.pos{color:var(--color-positive)}.metric-value.neg{color:var(--color-negative)}.metric-wide,.app-sidebar{display:none}.sidebar-brand{justify-content:space-between;align-items:center;gap:8px;padding:16px 14px 8px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:4px 10px 12px;display:flex;overflow:auto}.nav-group+.nav-group{margin-top:10px}.nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 12px 4px;font-size:11px;font-weight:700}.sidebar-link{color:#475569;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-surface-raised);color:var(--color-text-primary);text-decoration:none}.sidebar-link.active{background:var(--color-brand-soft);color:var(--color-accent-hover)}button.sidebar-link{color:var(--color-text-secondary)}button.sidebar-link:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.sidebar-account{border-top:1px solid var(--color-border);margin-top:auto;padding:8px 10px 16px}.nav-icon{flex-shrink:0}.app-tabs{z-index:40;padding:8px calc(8px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));background:var(--color-surface);border-top:1px solid var(--color-border);grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.app-tab{appearance:none;color:var(--color-text-secondary);font:inherit;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 6px;font-size:11px;font-weight:600;line-height:1.15;text-decoration:none;display:flex}.app-tab:hover{background:var(--color-surface-raised);color:var(--color-text-primary);text-decoration:none}.app-tab.active{background:var(--color-brand-soft);color:var(--color-accent-hover);font-weight:700}.nav-drawer-backdrop{z-index:50;background:var(--color-backdrop);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.nav-drawer{background:var(--color-surface);width:min(100%,480px);max-height:min(86dvh,760px);padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:var(--shadow-modal);border-radius:20px 20px 0 0;overflow:auto}.drawer-close{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0;border-radius:999px;padding:6px 12px}.drawer-close:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.app-bare .app-body{justify-content:center}.app-bare .app-main{width:100%;max-width:440px;margin-inline:auto;padding:48px 20px 64px}.app-bare .app-main:has(.mobile-preview-shell){background:#0f172a;max-width:none;margin:0;padding:0}.mobile-preview-shell{color:#e2e8f0;background:#0f172a;flex-direction:column;align-items:center;gap:12px;min-height:100%;padding:16px;display:flex}.mobile-preview-bar{flex-wrap:wrap;align-items:center;gap:10px 16px;width:min(390px,100%);font-size:13px;display:flex}.mobile-preview-bar span{color:#94a3b8;flex:1}.mobile-preview-bar a{color:#5eead4;font-weight:700}.mobile-preview-frame{background:#fff;border:3px solid #334155;border-radius:24px;width:390px;max-width:100%;height:min(844px,100dvh - 72px);overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45)}.mobile-preview-frame iframe{border:0;width:100%;height:100%;display:block}@media (width>=780px){.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:220px;min-height:0;display:flex}.app-tabs,.nav-drawer-backdrop{display:none}.app-main{padding:16px 20px 28px}.app-metrics{flex:0 auto;grid-template-columns:repeat(4,max-content);width:max-content}.metric-wide{display:block}.metric-value{font-size:13px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sidebar-link{color:var(--color-text-secondary)}}:root[data-theme=dark] .sidebar-link{color:var(--color-text-secondary)}.atticus-disclosure{background:var(--color-brand-soft);color:var(--color-text-primary);padding:var(--space-4);border-radius:12px}.atticus-log{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.atticus-text{white-space:pre-wrap}