.result-box{background-color:var(--primary-light);border-radius:10px;padding:1.5rem;border-left:5px solid var(--primary-color);margin-top:1rem;transition:all 0.3s ease}.result-box:hover{transform:translateX(5px)}.highlight-value{color:var(--primary-color);font-weight:700;font-size:1.2rem}.chart-container{height:250px;position:relative;margin-top:1rem}.loading-spinner{display:none;width:50px;height:50px;margin:20px auto}.loading-spinner.active{display:block}.spinner{width:50px;height:50px;border:5px solid rgba(74,108,247,0.2);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.dual-chart-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.chart-wrapper{flex:1;min-width:300px}.chart-title{font-size:0.9rem;font-weight:600;text-align:center;margin-bottom:0.5rem;color:#666}.advanced-options{background-color:#f8f9fa;border-radius:8px;padding:1rem;margin-top:1rem;border-left:4px solid var(--primary-color)}.result-fade-in{animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dual-chart-container{flex-direction:column}.chart-wrapper{min-width:100%}.chart-container{height:200px}}