*,:before,:after{box-sizing:border-box}html{color:#1a2e1f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#eef5f0 0%,#f8fbf9 240px 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;margin:0}#root{min-height:100vh}input[type=number]::-webkit-inner-spin-button{opacity:1}input[type=number]::-webkit-outer-spin-button{opacity:1}
.app{min-height:100vh;padding:2.5rem 1.25rem 3rem}.hero{text-align:center;max-width:720px;margin:0 auto 2.5rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#6b8f71;margin:0 0 .5rem;font-size:.8rem;font-weight:600}.hero h1{color:#1a2e1f;margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.75rem);line-height:1.1}.subtitle{color:#4a5d4e;margin:0;line-height:1.6}.layout{gap:1.25rem;max-width:1100px;margin:0 auto;display:grid}.panel{background:#fff;border:1px solid #dde8df;border-radius:16px;padding:1.5rem;box-shadow:0 10px 30px #1a2e1f0f}.panel h2{color:#1a2e1f;margin:0 0 1.25rem;font-size:1.15rem}.field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.field{flex-direction:column;gap:.4rem;display:flex}.field-label{color:#334739;font-size:.875rem;font-weight:500}.field-input-wrap{background:#f4f8f5;border:1px solid #d5e3d8;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s;display:flex}.field-input-wrap:focus-within{border-color:#6b8f71;box-shadow:0 0 0 3px #6b8f7126}.field-input-wrap input{min-width:0;font:inherit;color:#1a2e1f;background:0 0;border:none;flex:1}.field-input-wrap input:focus{outline:none}.field-suffix{color:#6b7f6e;white-space:nowrap;font-size:.8rem}.advanced{border-top:1px solid #e8f0ea;margin-top:1.25rem;padding-top:1rem}.advanced summary{cursor:pointer;color:#3d5a42;-webkit-user-select:none;user-select:none;font-weight:500}.advanced .field-grid{margin-top:1rem}.metric-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1.25rem;display:grid}.metric-card{background:#f4f8f5;border:1px solid #dde8df;border-radius:12px;padding:1rem}.metric-card span{color:#5a6f5d;margin-bottom:.35rem;font-size:.8rem;display:block}.metric-card strong{color:#1a2e1f;font-size:1.35rem}.metric-card.primary{background:linear-gradient(135deg,#2f5d3a,#4a8056);border-color:#0000}.metric-card.primary span,.metric-card.primary strong{color:#fff}.result-groups{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.result-group h3{text-transform:uppercase;letter-spacing:.06em;color:#6b8f71;margin:0 0 .75rem;font-size:.85rem}.result-row{border-bottom:1px solid #edf3ef;justify-content:space-between;gap:1rem;padding:.55rem 0;font-size:.925rem;display:flex}.result-row span{color:#4a5d4e}.result-row strong{color:#1a2e1f;text-align:right}.result-row.highlight{border-bottom:none;padding-top:.75rem;font-weight:600}.compare-header{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.compare-header p{color:#5a6f5d;margin:.35rem 0 0;font-size:.9rem}.preset-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{color:#2f4a35;font:inherit;cursor:pointer;background:#f7fbf8;border:1px solid #c9dccf;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;transition:background .15s,border-color .15s}.chip:hover{background:#eaf3ec}.chip.active{color:#fff;background:#2f5d3a;border-color:#2f5d3a}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8f0ea;padding:.75rem .85rem}th{text-transform:uppercase;letter-spacing:.05em;color:#6b8f71;background:#f7fbf8;font-size:.78rem}tbody tr.selected{background:#edf7ef}tbody tr.selected td:first-child{color:#2f5d3a;font-weight:600}.footer{text-align:center;max-width:720px;margin:2rem auto 0}.footer p{color:#6b7f6e;margin:0;font-size:.85rem;line-height:1.5}@media (min-width:900px){.layout{grid-template-columns:1fr 1fr}.compare-panel{grid-column:1/-1}.compare-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.switch{width:52px;height:28px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#ccc;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px}input:checked+.slider{background:#2563eb}input:checked+.slider:before{transform:translate(24px)}