.energy-hero{display:flex;align-items:center;justify-content:space-between;padding:36px;border-radius:20px;background:linear-gradient(120deg,#e3f0e9,#eef3d8);margin:24px 0}.energy-hero h1{font-size:34px;margin:15px 0}.energy-symbol{font-size:72px;padding:15px}.energy-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}.energy-summary{padding:22px;margin-top:25px;border-radius:12px;background:#eaf4ee}.energy-summary>strong{font-size:26px}.energy-help li{line-height:1.9;margin-bottom:12px}.energy-help{align-self:start}.energy-layout select{padding:12px;border:1px solid var(--line);border-radius:8px;margin-left:15px}@media(max-width:760px){.energy-layout{grid-template-columns:1fr}.energy-hero{padding:24px}.energy-hero h1{font-size:28px}.energy-symbol{font-size:42px;padding:0}}

.energy-selects {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.energy-selects select {
    display: block;
    width: 100%;
    margin: 8px 0 0;
}
.energy-summary output {
    font-size: 26px;
    font-weight: 700;
}
@media (max-width: 480px) {
    .energy-selects { grid-template-columns: 1fr; gap: 0; }
}

.energy-receiving {
    border-top: 1px solid var(--line);
    margin: 20px 0;
    padding-top: 12px;
}
.energy-receiving input {
    font-family: monospace;
    margin-bottom: 12px;
}
.energy-receiving [role="status"]:empty {
    display: none;
}