:root{color-scheme:light;--bg: #eef3f1;--surface: #ffffff;--surface-muted: #f6f8f7;--text: #17211d;--muted: #5b6862;--border: #d8e0dc;--accent: #075f5b;--warning: #9a4f00;--good: #08703b;--shadow: 0 16px 45px rgba(29, 45, 39, .11)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,rgba(7,95,91,.12),transparent 34%),var(--bg);color:var(--text)}.app-shell{width:min(1380px,calc(100% - 28px));margin:0 auto;padding:20px 0}.topbar,.input-panel,.results,.cost-chart{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.topbar{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(420px,1.25fr) minmax(330px,.95fr);gap:16px;align-items:center;padding:12px 18px}.eyebrow,h1,h2,p{margin-top:0}.eyebrow{margin-bottom:5px;color:var(--accent);font-size:.7rem;font-weight:700;text-transform:uppercase}h1{margin-bottom:0;font-size:clamp(1.55rem,2.5vw,2.35rem);line-height:1.03;letter-spacing:0}h2{margin-bottom:5px;font-size:.92rem}.topbar p,.topbar li,.break-even p{color:var(--muted);line-height:1.35}.topbar p{margin-bottom:0;font-size:.94rem}.topbar ul{margin:0;padding-left:16px}.topbar li+li{margin-top:2px}.topbar li{font-size:.9rem}.workspace{display:grid;grid-template-columns:minmax(640px,1fr) minmax(540px,1fr);gap:16px;margin-top:16px;align-items:start}.input-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:10px;font-weight:700}label{display:grid;gap:5px;margin-bottom:8px;color:var(--muted);font-size:.8rem}label:last-child{margin-bottom:0}.field{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:38px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}input{width:100%;min-width:0;border:0;padding:0 11px;background:transparent;color:var(--text);font:inherit;font-size:.96rem}input:focus{outline:3px solid rgba(7,95,91,.2);outline-offset:-3px}.field span{display:grid;min-width:66px;place-items:center;padding:0 8px;border-left:1px solid var(--border);color:var(--muted);font-size:.74rem;white-space:nowrap}.results{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(330px,1.3fr);gap:12px;padding:16px}.cost-chart{grid-column:1 / -1;padding:16px}.chart-head{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:12px}.chart-head h2{margin-bottom:0}.chart-head span{color:var(--muted);font-size:.8rem}.chart-bars{display:grid;gap:10px}.chart-row{display:grid;grid-template-columns:minmax(110px,.22fr) minmax(180px,1fr) minmax(86px,auto);gap:12px;align-items:center}.chart-label,.chart-value{font-size:.88rem}.chart-label{color:var(--muted)}.chart-value{text-align:right}.chart-track{height:26px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.chart-bar{width:0;height:100%;border-radius:7px;background:var(--accent);transition:width .16s ease}.chart-row[data-chart-key=standard] .chart-bar{background:#4d706d}.chart-row[data-chart-key=pv] .chart-bar{background:var(--good)}.chart-row[data-chart-key=combustion] .chart-bar{background:var(--warning)}.break-even,.result-grid article{border-radius:8px;background:var(--surface-muted)}.break-even{min-height:216px;padding:18px;border:1px solid rgba(7,95,91,.24)}.break-even strong{display:block;margin-top:8px;color:var(--accent);font-size:clamp(2.7rem,5.4vw,5rem);line-height:.9;letter-spacing:0}.label,.unit{display:block;color:var(--muted);font-size:.82rem}.unit{margin-top:5px}.result-groups{display:grid;gap:12px}.result-group h2{margin-bottom:8px;color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid article{min-height:96px;padding:13px;border:1px solid var(--border)}.result-grid strong{display:block;margin:9px 0 3px;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:0}.is-good{color:var(--good)}.is-warning{color:var(--warning)}@media(max-width:1160px){.topbar,.workspace,.input-panel,.results{grid-template-columns:1fr}.app-shell{width:min(100% - 24px,720px)}}@media(max-width:560px){.topbar,.input-panel,.results,.cost-chart{padding:14px}.result-grid,.chart-head,.chart-row{grid-template-columns:1fr}.chart-head{display:grid;gap:4px}.chart-row{gap:6px}.chart-value{text-align:left}.field{grid-template-columns:1fr}.field span{justify-content:start;min-width:0;min-height:32px;border-top:1px solid var(--border);border-left:0}}