#reactionCanvas{display:block;width:100%;height:330px}.reaction-modes{display:flex;gap:12px;margin-bottom:25px}.reaction-modes button{flex:1;min-width:0;min-height:46px;font:inherit;border:1px solid #91b39f;border-radius:8px;background:#eff5f0;color:#2e654d}.reaction-modes button[aria-pressed=true]{background:#2c7658;color:white;border-color:#2c7658}.relative-result h2{font-size:22px;font-weight:550;line-height:1.7;margin:0 0 10px}.relative-result output{font-size:24px}.lab-buttons{flex-wrap:wrap}.lab-buttons button{flex:1 1 calc(50% - 10px);min-height:46px;font-size:15px}.reaction-curve-link{display:block;line-height:1.7;margin-top:20px;color:#267052}.reaction-energy p{font-size:15px;line-height:1.9;color:#476b55}.reaction-energy-row{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;margin:18px 0;font-size:15px}.reaction-energy-bar{height:12px;background:#d2e1d6;border-radius:5px;overflow:hidden}.reaction-energy-bar span{display:block;height:100%;background:#4d9071}.reaction-energy-row output{grid-column:2;font-size:15px;color:#376d51}@media(max-width:480px){#reactionCanvas{height:285px}.relative-result h2{font-size:19px}.relative-result output{font-size:22px}.reaction-modes button{font-size:15px;padding:9px}.lab-buttons button{font-size:14px}.tool-card p{font-size:15px;line-height:1.85}}