@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&family=DM+Mono&display=swap";@layer base{:root{--bg:#fff;--surface:#f8f9fa;--surface-chart:#eff1f3;--fg:#0d1b2a;--muted:#414a4c;--border:#414a4c;--accent:#00c8b0;--error:#e0522d;--success:#00c8b0;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:6px;--border-width:1px}}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 var(--space-2);font-weight:600}h1{text-align:center;color:var(--fg);font-size:1.8rem}.container{max-width:1200px;padding:var(--space-6);margin:0 auto}.grid{gap:var(--space-6);display:grid}.grid-2col{grid-template-columns:1fr 1fr}.text-right{text-align:right}.text-muted{color:var(--muted);font-size:.875rem}.unit{color:var(--accent);font-size:.875rem}.btn-reset{color:var(--muted);font-family:var(--font-body);cursor:pointer;padding:var(--space-2);background:0 0;border:none;font-size:.875rem}.btn-reset:hover{text-decoration:underline}.form-group{padding:var(--space-2) 0;border-bottom:var(--border-width) solid var(--border);justify-content:space-between;align-items:center;display:flex}.form-label{font-family:var(--font-heading);color:var(--fg);margin:0;font-size:1rem}.form-value{font-family:var(--font-body);color:var(--fg);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);text-align:right;width:100px;font-size:1rem}.slider{margin:0 var(--space-3);flex-grow:1}.results-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.result-item{justify-content:space-between;align-items:center;display:flex}.result-label{font-family:var(--font-heading);color:var(--muted);font-size:.875rem}.result-value{font-family:var(--font-body);color:var(--fg);font-size:1.125rem}.result-value.unit{color:var(--accent)}.graph-container{margin-top:var(--space-8);padding:var(--space-6);background:var(--surface-chart);border-radius:var(--radius);border:var(--border-width) solid var(--border);text-align:center}.summary{margin-top:var(--space-6);padding:var(--space-6);background:var(--surface);border-radius:var(--radius);border:var(--border-width) solid var(--border);font-family:var(--font-heading);text-align:center;font-size:1.125rem}.cashflow-positive{color:var(--success)}.cashflow-negative{color:var(--error)}.cashflow-neutral{color:var(--muted)}