:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #e6fcef;--color-card: #ffffff;--color-muted: #6b7280;--color-primary: #10b981;--color-primary-dark: #059669;--color-accent: #065f46;--color-border: #d1fae5;--color-light: #f0fdf4;--color-white: #ffffff}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-bg: #e6fcef;--color-card: #ffffff;--color-muted: #6b7280;--color-primary: #10b981;--color-primary-dark: #059669;--color-accent: #065f46;--color-border: #d1fae5;--color-light: #f0fdf4;--color-white: #ffffff}body{font-family:Inter,sans-serif;background-color:var(--color-bg);margin:0;padding:0;color:var(--color-accent)}.App{display:flex;justify-content:center;align-items:center;padding:4rem 1rem;min-height:100vh}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:960px;background:var(--color-card);padding:3rem;border-radius:20px;box-shadow:0 12px 40px #0000000d;border:1px solid var(--color-border);width:100%}.calculator h2{grid-column:span 2;text-align:center;font-size:2rem;color:var(--color-accent);margin-bottom:.5rem}.calculator p{grid-column:span 2;text-align:center;font-size:1rem;color:var(--color-muted);margin-bottom:2rem}.calculator-left{display:flex;flex-direction:column;justify-content:center}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:600}input[type=number],input[type=text]{width:100%;box-sizing:border-box;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:10px;font-size:1rem;background:var(--color-light)}input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-white)}.toggle-switch{display:flex;justify-content:space-between;align-items:center}.toggle-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:#d1d5db;border-radius:9999px;position:relative;transition:background-color .2s;cursor:pointer}.toggle-switch input[type=checkbox]:before{content:"";width:18px;height:18px;background:var(--color-white);position:absolute;top:3px;left:3px;border-radius:50%;transition:transform .2s}.toggle-switch input[type=checkbox]:checked{background:var(--color-primary)}.toggle-switch input[type=checkbox]:checked:before{transform:translate(20px)}button{margin-top:1rem;background-color:var(--color-primary);color:var(--color-white);padding:.9rem 1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}button:hover{background-color:var(--color-primary-dark)}.calculator-right{display:flex;align-items:center}.results{background:var(--color-light);border:1px solid var(--color-border);padding:2rem;border-radius:16px;width:100%}.results h3{margin-bottom:1.25rem;font-size:1.5rem;text-align:center;color:var(--color-accent)}.results div{margin-bottom:1rem;font-weight:500;display:flex;justify-content:space-between;border-bottom:1px dashed var(--color-border);padding-bottom:.25rem}.results .savings{font-size:1.3rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem;border-bottom:none;justify-content:center;text-align:center}.results .adjusted-cost{font-weight:600;color:var(--color-accent);font-size:1.1rem}@media (max-width: 768px){.calculator{grid-template-columns:1fr;padding:2rem}.results{margin-top:2rem}}