:root{--color-background:#f4f1e8;--color-surface:#fffdf7;--color-surface-raised:#ffffff;--color-surface-muted:rgba(36,31,24,0.04);--color-text-primary:#211d18;--color-text-muted:#6f675d;--color-text-faint:rgba(33,29,24,0.42);--color-accent-green:#a98a54;--color-accent-green-strong:#8a6e3e;--color-accent-soft:rgba(169,138,84,0.10);--color-accent-muted:rgba(169,138,84,0.14);--color-border:rgba(36,31,24,0.09);--color-border-soft:rgba(36,31,24,0.06);--color-meter-track:rgba(36,31,24,0.08);--color-warning:#b45309;--color-danger:#b42318;--font-display:Georgia,"Times New Roman",Times,serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--radius-card:1.25rem;--radius-control:0.875rem;--radius-pill:999px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.375rem;--space-6:1.75rem;--space-7:2.25rem;--space-8:3rem;--shadow-card:0 1px 3px rgba(36,31,24,0.04),0 4px 16px rgba(36,31,24,0.06);--shadow-soft:0 1px 2px rgba(36,31,24,0.05);--shadow-lifted:0 8px 32px rgba(36,31,24,0.10);--background:var(--color-background);--foreground:var(--color-text-primary);--muted:var(--color-text-muted);--card:var(--color-surface);--line:var(--color-border);--accent:var(--color-accent-green);--accent-soft:var(--color-accent-soft);--warn:var(--color-warning);--danger:var(--color-danger)}*,:after,:before{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100svh;background:radial-gradient(ellipse 70% 36% at 68% 0,rgba(169,138,84,.08),transparent 64%),var(--color-background)}.app-frame{width:min(100%,30rem);min-height:100svh;margin:0 auto;padding-bottom:5.75rem}@media (min-width:640px){.app-frame{padding-bottom:6.5rem}}.page-shell{width:min(100%,30rem);min-height:100svh;margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}@media (min-width:640px){.page-shell{padding:var(--space-8) var(--space-7) var(--space-7);gap:var(--space-6)}}.card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}@media (min-width:640px){.app-card{padding:var(--space-6)}}.eyebrow,.section-label{margin:0 0 var(--space-2);color:var(--color-accent-green);font-family:var(--font-sans);font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.muted-text{margin:0;font-size:.88rem;line-height:1.6}.bottom-nav{position:fixed;right:50%;bottom:var(--space-4);z-index:20;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-1);gap:var(--space-1);width:min(calc(100% - (var(--space-5) * 2)),26rem);transform:translateX(50%);border:1px solid var(--color-border);border-radius:calc(var(--radius-card) + .15rem);background:rgba(255,253,247,.94);box-shadow:var(--shadow-lifted);padding:.28rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav-link{display:grid;justify-items:center;grid-gap:.15rem;gap:.15rem;border-radius:var(--radius-card);color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.01em;padding:.42rem .3rem;text-decoration:none;transition:color .12s}.bottom-nav-link[aria-current=page]{background:var(--color-text-primary)}.bottom-nav-icon{display:grid;place-items:center;font-size:.68rem;opacity:.5}.bottom-nav-link[aria-current=page] .bottom-nav-icon{opacity:.7}.primary-button{border:0;border-radius:var(--radius-control);background:var(--color-text-primary);color:var(--color-surface);font-size:.9rem;font-weight:600;padding:0 var(--space-5);box-shadow:var(--shadow-soft);transition:opacity .12s;white-space:nowrap}.primary-button:hover{opacity:.82}.secondary-button{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-primary);font-size:.9rem;padding:.68rem var(--space-4)}.secondary-button,.text-button{border-radius:var(--radius-control);font-weight:600}.text-button{color:var(--color-text-muted);font-size:.86rem;padding:.6rem var(--space-3)}.icon-button{width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);font-size:.95rem}.icon-button,.input{background:var(--color-surface-raised);color:var(--color-text-primary)}.input{min-width:0;border:1px solid var(--color-border);padding:.78rem .9rem;font-size:1rem}.input:focus{outline:3px solid var(--color-accent-muted);border-color:var(--color-accent-green)}.input::placeholder{color:var(--color-text-faint)}.meter-track{height:.3rem;border-radius:var(--radius-pill);background:var(--color-meter-track);overflow:hidden}.meter-fill{height:100%;min-width:.18rem;border-radius:inherit;transition:width .2s ease}.meter-limited{background:var(--color-warning)}.meter-balanced,.meter-comfortable{background:var(--color-accent-green)}.home-hero{padding:var(--space-3) 0 var(--space-5)}.home-label{margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:.95rem;font-weight:500;letter-spacing:-.01em;line-height:1.3}.home-number{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(3.6rem,19vw,5.5rem);font-weight:700;letter-spacing:-.06em;line-height:.95;color:var(--color-text-primary)}.home-number--unset{color:var(--color-text-faint);font-size:clamp(2.2rem,12vw,3.5rem);letter-spacing:-.04em}.home-context{display:flex;flex-direction:column;gap:var(--space-1)}.home-context .muted-text{font-size:.9rem}.home-payday{margin:0;font-size:.82rem;line-height:1.5}.balance-header{margin-bottom:var(--space-5)}.balance-amount{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:clamp(1.65rem,8vw,2.2rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--color-text-primary)}.balance-freshness{margin:var(--space-2) 0 0;color:var(--color-text-faint);font-size:.78rem}.balance-form{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}.balance-form-label{display:block;margin-bottom:0;color:var(--color-text-muted);font-size:.82rem;font-weight:500;cursor:pointer}.input-row{display:flex;gap:var(--space-2)}.input-row input{flex:1 1}.form-error{margin:0;color:var(--color-danger);font-size:.84rem;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4)}.detail-row span{font-size:.86rem;line-height:1.5}.detail-row strong{flex:0 0 auto;font-size:.86rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}.details-card .meter-track{margin-bottom:var(--space-4)}.details-card .muted-text{font-size:.82rem}.page-header{align-items:flex-start;gap:var(--space-4);padding:var(--space-1) 0}.page-header h1{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:clamp(1.9rem,9vw,2.6rem);font-weight:700;letter-spacing:-.05em;line-height:1.05}.page-header-description{margin-top:var(--space-3);font-size:.88rem}.page-header-action{flex:0 0 auto}.list-card,.summary-panel{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.list-card h2,.summary-panel h2{margin:0;font-size:1.1rem;font-weight:650;letter-spacing:-.02em;line-height:1.3}.placeholder-row,.stat-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.status-pill{border-radius:var(--radius-pill);background:var(--color-accent-muted);color:var(--color-accent-green-strong);font-size:.72rem;font-weight:700;padding:.28rem .56rem;letter-spacing:.02em}.muted-pill{background:var(--color-meter-track);color:var(--color-text-muted)}.placeholder-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.placeholder-row{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);padding:var(--space-3) var(--space-4)}.placeholder-row span{color:var(--color-text-muted);font-size:.88rem;font-weight:500}.placeholder-row strong{font-size:.86rem;font-weight:600;text-align:right;white-space:nowrap}.attention-card{border-color:rgba(180,83,9,.18)}.collapsed-card{opacity:.68}.plan-hero{padding:var(--space-3) 0 var(--space-4)}.plan-hero h1{font-family:var(--font-display);font-size:clamp(1.9rem,9vw,2.6rem);font-weight:700;letter-spacing:-.05em;line-height:1.05;margin-top:var(--space-2)}.plan-form{display:flex;flex-direction:column;gap:var(--space-4)}.plan-preview{display:grid;grid-gap:.2rem;gap:.2rem;margin-top:var(--space-4);border-radius:var(--radius-control);background:var(--color-accent-muted);padding:var(--space-4)}.plan-preview small,.plan-preview span{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.plan-preview strong{font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.03em}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.choice-stack,.plan-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.choice-card{display:flex;gap:var(--space-3);align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);font-weight:600;padding:var(--space-4)}.field{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-4)}.field label{color:var(--color-text-muted);font-size:.84rem;font-weight:500}.plan-item{display:grid;grid-template-columns:1fr 5rem;grid-gap:var(--space-3);gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-4)}.plan-item .field{margin-top:0}.full-field{grid-column:1/-1}.form-success{margin:var(--space-2) 0 0;font-weight:600}.save-plan-button{width:100%;min-height:3rem;margin-top:var(--space-4)}:root{--radius-card:1.125rem;--radius-control:0.75rem;--color-section-line:rgba(36,31,24,0.075)}.page-shell{gap:var(--space-6)}.card{box-shadow:none}.app-card{padding:var(--space-5)}.eyebrow,.section-label{margin-bottom:var(--space-2);color:var(--color-text-faint);font-size:.66rem;font-weight:750;letter-spacing:.16em}.muted-text{color:var(--color-text-muted);font-size:.86rem;line-height:1.55}.bottom-nav{bottom:var(--space-3);width:min(calc(100% - (var(--space-5) * 2)),23rem);border-color:var(--color-border-soft);box-shadow:0 10px 28px rgba(36,31,24,.11);padding:.2rem}.bottom-nav,.bottom-nav-link{border-radius:var(--radius-pill)}.bottom-nav-link{color:rgba(111,103,93,.76);font-size:.69rem;gap:.05rem;padding:.34rem .25rem .38rem;transition:background .14s ease,color .14s ease,transform .14s ease}.bottom-nav-link:hover{color:var(--color-text-primary)}.bottom-nav-link[aria-current=page]{background:rgba(33,29,24,.88);color:var(--color-surface)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;opacity:.45}.bottom-nav-icon svg{width:1.1rem;height:1.1rem}.bottom-nav-link[aria-current=page] .bottom-nav-icon{opacity:1}.primary-button{min-height:2.55rem;border-radius:var(--radius-pill);font-size:.84rem;transition:background .14s ease,transform .14s ease,opacity .14s ease}.primary-button:hover{opacity:.9;transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.input{border-color:var(--color-border-soft);border-radius:var(--radius-control);background:rgba(255,253,247,.56);padding:.68rem .8rem}.home-shell{gap:var(--space-5)}.home-hero{padding:var(--space-4) 0 var(--space-6)}.home-label{margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:1rem;font-weight:600}.home-number{margin-bottom:var(--space-3);font-size:clamp(4rem,20vw,5.8rem)}.home-context{gap:.15rem}.home-context .muted-text{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.home-payday{color:var(--color-text-faint);font-size:.8rem}.balance-section,.cycle-ops,.details-section,.plan-reference{border-top:1px solid var(--color-section-line);padding-top:var(--space-5)}.balance-header{margin-bottom:var(--space-3)}.balance-amount{font-size:clamp(1.4rem,7vw,1.9rem)}.balance-freshness{font-size:.76rem}.balance-disclosure summary{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.4rem;padding:.35rem var(--space-4) .35rem var(--space-3);border:1px solid rgba(138,110,62,.3);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-green-strong);font-size:.82rem;font-weight:700;list-style:none;cursor:pointer;transition:background .14s ease}.balance-disclosure summary:hover{background:var(--color-accent-muted)}.balance-disclosure summary::-webkit-details-marker{display:none}.balance-disclosure summary:after{content:"↓";color:var(--color-accent-green-strong);font-size:.72rem;opacity:.7}.balance-disclosure[open] summary:after{content:"↑"}.balance-form{margin-top:var(--space-3);padding-top:0;border-top:0}.balance-form-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.detail-row{margin-bottom:var(--space-3)}.detail-row span{color:var(--color-text-muted);font-size:.84rem}.detail-row strong{color:var(--color-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.details-section .meter-track{margin-bottom:var(--space-3)}.details-section .muted-text{color:var(--color-text-faint);font-size:.8rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) 0 var(--space-3)}.page-header>div{flex:1 1;min-width:0}.page-header h1,.screen-title{margin:0;font-family:var(--font-sans);font-size:1.35rem;font-weight:750;letter-spacing:-.025em;line-height:1.2;color:var(--color-text-primary);max-width:none}.page-header-description{max-width:27rem;color:var(--color-text-faint);margin-top:var(--space-2)}.cycle-ops{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.cycle-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-section-line)}.cycle-range{font-size:.9rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.cycle-meta .muted-text{font-size:.82rem}.reference-hero h2{margin:var(--space-1) 0 var(--space-1);font-family:var(--font-sans);font-size:1.05rem;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--color-text-primary)}.cycle-flow{display:grid;grid-gap:0;gap:0;border-top:1px solid var(--color-section-line)}.cycle-flow-step,.reference-list,.reference-stat{display:grid;grid-gap:var(--space-3);gap:var(--space-3);border-bottom:1px solid var(--color-section-line);padding:var(--space-4) 0}.cycle-flow-step h3,.reference-list h3{margin:0;color:var(--color-text-primary);font-size:.95rem;font-weight:700;letter-spacing:-.01em}.flow-label,.stat-label{margin:0;color:var(--color-text-faint);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.flow-stat{font-size:.84rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.cycle-flow-step.is-quiet{opacity:.62}.quiet-list{display:grid;grid-gap:0;gap:0}.quiet-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border-soft);min-height:2.9rem;padding:var(--space-2) 0}.quiet-row:first-child{border-top:0}.quiet-row:last-child{padding-bottom:0}.quiet-row span{color:var(--color-text-muted);font-size:.9rem}.quiet-row strong{color:var(--color-text-primary);font-size:.86rem;font-weight:650;text-align:right;white-space:nowrap}.plan-reference{display:grid;grid-gap:0;gap:0}.reference-hero{padding:var(--space-4) 0 var(--space-4);border-bottom:1px solid var(--color-section-line);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.reference-hero .editable-section-header{align-items:flex-start}.reference-stat strong{font-family:var(--font-display);font-size:clamp(1.55rem,7vw,2rem);letter-spacing:-.04em;line-height:1.05}.reference-stat span{color:var(--color-text-faint);font-size:.82rem;line-height:1.5}.reference-stat--muted strong{color:var(--color-text-muted)}.settings-link{display:grid;place-items:center}.settings-card{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.settings-card h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.03em}.settings-card code{border-radius:.35rem;background:var(--color-surface-muted);padding:.08rem .28rem}.settings-actions{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.danger-button{border-color:rgba(180,35,24,.24);color:var(--color-danger)}.form-success{margin:0;color:var(--color-accent-green-strong);font-size:.86rem;line-height:1.5}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.editable-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.text-button{border:0;background:transparent;color:var(--color-accent-green-strong);font-size:.84rem;font-weight:700;padding:.4rem var(--space-2);min-height:2.2rem;flex-shrink:0}.text-button:hover{color:var(--color-accent-green)}.plan-inline-action{margin-top:var(--space-3)}.quiet-row--editable{display:grid;grid-template-columns:1fr auto auto;align-items:center;min-height:3.25rem}.quiet-row--editable span{display:grid;grid-gap:.15rem;gap:.15rem}.quiet-row small{color:var(--color-text-faint);font-size:.74rem;line-height:1.3}.editor-panel,.inline-editor{display:grid;grid-gap:var(--space-3);gap:var(--space-3);border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:rgba(255,253,247,.72);padding:var(--space-4)}.inline-editor{margin-top:var(--space-4)}.editor-panel{box-shadow:var(--shadow-card)}.editor-panel h2{margin:0;font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.035em}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.editor-actions .primary-button{padding-inline:var(--space-5)}.check-row{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:.88rem;font-weight:600}