.calculator-container{max-width:900px;margin:0 auto}.calculator-header{text-align:center;margin-bottom:var(--space-xl)}.calculator-header h1{margin-bottom:var(--space-sm)}.subtitle{color:var(--color-text-muted);font-size:var(--font-size-lg)}.form-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-lg)}.form-section h2{margin-top:0;margin-bottom:var(--space-md);font-size:var(--font-size-lg);color:var(--color-primary)}.section-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-weight:500;font-size:var(--font-size-sm)}.input-with-unit{display:flex;align-items:center;gap:var(--space-xs)}.input-with-unit input{flex:1;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base)}.input-with-unit .unit{color:var(--color-text-muted);font-size:var(--font-size-sm);min-width:40px}select{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);background:#fff}.heat-demand-info{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#f0f9ff;border-radius:var(--border-radius);font-size:var(--font-size-sm)}.systems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.system-checkbox{cursor:pointer}.system-checkbox input{display:none}.checkbox-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--border-radius);transition:all .2s ease;text-align:center}.system-checkbox input:checked+.checkbox-card{border-color:var(--color-primary);background:#f0f9ff}.system-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.system-name{font-size:var(--font-size-sm);font-weight:500}.detailed-settings{margin-top:var(--space-lg);border:2px solid var(--color-border);border-radius:var(--border-radius);background:#f8fafc}.detailed-settings summary{padding:var(--space-md) var(--space-lg);cursor:pointer;font-weight:600;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:var(--border-radius);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-sm)}.detailed-settings summary:before{content:"⚙️";font-size:1.2rem}.detailed-settings[open] summary{border-bottom:2px solid var(--color-border);border-radius:var(--border-radius) var(--border-radius) 0 0;background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.settings-content{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl)}.system-settings-group{padding:0;background:#fff;border-radius:12px;border:none;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 0 0 1px #0000000d;transition:box-shadow .2s ease,transform .2s ease}.system-settings-group:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 0 1px #0000000d;transform:translateY(-2px)}.system-settings-group:last-child{margin-bottom:0}.system-settings-header{display:flex;align-items:center;gap:var(--space-sm);padding:10px 14px;background:var(--system-color, #6b7280);color:#fff;font-weight:600;font-size:13px}.system-settings-header .system-icon{font-size:1rem}.system-settings-body{padding:var(--space-md) var(--space-lg);background:#fafafa}.system-settings-group[data-system=gas]{--system-color: #ea580c}.system-settings-group[data-system=pellet]{--system-color: #65a30d}.system-settings-group[data-system=coal]{--system-color: #525252}.system-settings-group[data-system=heatPumpAir]{--system-color: #2563eb}.system-settings-group[data-system=heatPumpGround]{--system-color: #7c3aed}.system-settings-group[data-system=oil]{--system-color: #dc2626}.system-settings-group[data-system=electric]{--system-color: #ca8a04}.system-settings-group[data-system=lpg]{--system-color: #0891b2}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg)}.setting-item{display:flex;flex-direction:column;gap:6px}.setting-item label{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.setting-item input{padding:12px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-base);font-weight:500;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.setting-item input:hover{border-color:#cbd5e1}.setting-item input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f626}.calculate-btn{width:100%;padding:var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:background .2s ease}.calculate-btn:hover{background:var(--color-primary-dark, #2563eb)}.results-section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--color-border)}.results-section h2{text-align:center;margin-bottom:var(--space-xl)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.summary-card{padding:var(--space-md);border-radius:var(--border-radius);text-align:center}.summary-card.winner{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac}.summary-card.cheapest-running{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}.summary-card-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.summary-card-value{font-size:var(--font-size-xl);font-weight:700}.summary-card-detail{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.table-wrapper{overflow-x:auto;margin-bottom:var(--space-xl)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:var(--color-bg-alt);font-weight:600}.comparison-table tr:hover{background:#f9fafb}.comparison-table .winner-row{background:#dcfce7}.comparison-table .winner-row:hover{background:#bbf7d0}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.chart-wrapper{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg)}.chart-wrapper h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base)}.chart-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-md) 0}.assumptions-box{background:var(--color-bg-alt);border-radius:var(--border-radius);padding:var(--space-md);font-size:var(--font-size-sm)}.assumptions-box h4{margin:0 0 var(--space-sm) 0}.assumptions-box ul{margin:0;padding-left:var(--space-lg)}.assumptions-box li{margin-bottom:var(--space-xs)}.disclaimer-section{margin-top:var(--space-xl);padding:var(--space-md);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);font-size:var(--font-size-sm)}.disclaimer-section h3{margin-top:0;color:#991b1b;font-size:var(--font-size-base)}.disclaimer-section p{margin:0;color:#7f1d1d}@media (max-width: 600px){.systems-grid{grid-template-columns:repeat(2,1fr)}.charts-container{grid-template-columns:1fr}.chart-wrapper{min-width:0}}