.intro{font-size:var(--font-size-lg);color:var(--color-text-light);margin-bottom:var(--space-xl)}.energy-form-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-xl)}.tab-group-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:var(--space-md) 0 var(--space-xs) 0}.tab-group-label:first-child{margin-top:0}.mode-panel>p:first-of-type{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.appliance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.appliance-card{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-sm);background:var(--color-bg-alt);cursor:pointer;transition:border-color .15s,box-shadow .15s}.appliance-card.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f626;background:var(--color-bg)}.appliance-card-header{margin-bottom:var(--space-xs)}.appliance-card-header .checkbox-field{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;margin:0}.appliance-card-header .checkbox-field strong{font-size:.8rem;color:var(--color-text);font-weight:600}.appliance-inputs{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.app-input-wrap{flex:1;display:flex;flex-direction:column;gap:2px}.app-input-wrap label{font-size:.68rem;color:var(--color-text-muted);font-weight:500}.app-input{width:100%;padding:4px 6px;font-size:.8rem;border:1px solid var(--color-border);border-radius:calc(var(--border-radius) - 2px);background:var(--color-bg);color:var(--color-text)}.app-input:focus{outline:none;border-color:var(--color-primary)}.energy-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}.energy-badge.badge-a{background:#16a34a}.energy-badge.badge-b{background:#22c55e}.energy-badge.badge-c{background:#84cc16;color:#1a2e05}.energy-badge.badge-d{background:#eab308;color:#422006}.energy-badge.badge-f{background:#ef4444}#r1-badge-wrap{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-md) 0}#r1-grade-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.comparison-row{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);border-radius:var(--border-radius);margin:var(--space-sm) 0}.chart-container-md{position:relative;height:250px;margin:var(--space-md) 0}.chart-container-sm{position:relative;height:180px;margin:var(--space-md) 0}.improvement-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.improvement-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-alt);cursor:pointer;transition:border-color .15s}.improvement-item:has(input:checked){border-color:var(--color-primary);background:var(--color-bg)}.improvement-item label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;margin:0;font-weight:500}.payback-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text)}.energy-btn-row{display:flex;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.energy-btn-row .btn-primary{flex:1}.energy-actions{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin:var(--space-lg) 0}.savings-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.savings-item:last-child{border-bottom:none}.savings-val{font-weight:600;color:#16a34a}.top-hog{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--font-size-sm)}.hog-rank{font-weight:700;color:var(--color-primary);min-width:24px}.peak-warning{font-size:var(--font-size-sm);color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.country-select-wrap{margin-bottom:var(--space-md)}.country-select-wrap label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.country-select-wrap select{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm)}.input-section-label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-md);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.input-section-label:first-of-type{margin-top:0}@media (max-width: 768px){.appliance-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.improvement-list{grid-template-columns:1fr}.energy-btn-row{flex-direction:column}.energy-btn-row .btn-primary{flex:none}}@media (max-width: 480px){.appliance-grid{grid-template-columns:1fr}.energy-form-box{padding:var(--space-md)}}