*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #FAF8F4;--text: #2B2B2E;--text-muted: #7A7A7E;--accent: #4A6FA5;--savings: #2F6F4E;--border: #E5E2DC;--card-bg: #FFFFFF;--font-heading: "Fraunces", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--radius: 12px;--space: 16px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);font-weight:600}.container{max-width:480px;margin:0 auto;padding:24px var(--space) 48px}.tabs{display:flex;gap:4px;background:var(--border);border-radius:10px;padding:3px;margin-bottom:24px}.tab{flex:1;padding:8px 4px;border:none;background:transparent;border-radius:8px;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.tab.active{background:var(--card-bg);color:var(--text)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:12px}.card-title{font-size:13px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;font-variant-numeric:tabular-nums;outline:none;transition:border-color .15s;-webkit-appearance:none}.field input:focus,.field select:focus{border-color:var(--accent)}.toggle-group{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg)}.toggle-group button{flex:1;padding:10px 8px;border:none;background:transparent;font-family:var(--font-body);font-size:14px;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.toggle-group button.active{background:var(--accent);color:#fff;font-weight:500}.btn{width:100%;padding:14px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:4px}.btn:active{opacity:.85}.btn:disabled{opacity:.5;cursor:default}.result-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-label{font-size:14px;color:var(--text-muted)}.result-value{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.result-value.savings{color:var(--savings)}.result-value.accent{color:var(--accent)}.section-title{font-size:20px;margin-bottom:16px;margin-top:8px}.schedule-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}th{text-align:right;color:var(--text-muted);font-weight:500;padding:6px 8px;border-bottom:1px solid var(--border)}th:first-child{text-align:left}td{text-align:right;padding:7px 8px;border-bottom:1px solid var(--border);color:var(--text)}td:first-child{text-align:left;color:var(--text-muted)}tr:last-child td{border-bottom:none}.chart-wrap{margin-top:8px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.scenario-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.scenario-card h3{font-size:13px;color:var(--text-muted);margin-bottom:10px;font-weight:500}.scenario-value{font-size:20px;font-weight:600;color:var(--savings);font-variant-numeric:tabular-nums;margin-bottom:4px}.scenario-sub{font-size:12px;color:var(--text-muted)}.empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty p{margin-top:8px;font-size:14px}@keyframes countUp{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animated{animation:countUp .35s ease-out}