.column{background:var(--surface-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-weight:500;font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.slider-container{display:flex;align-items:center;gap:.75rem}.slider-container input[type=range]{flex:1;height:6px;border-radius:3px;background:var(--border-color);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:var(--transition)}.slider-container input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm);transition:var(--transition)}.slider-container input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-hover);transform:scale(1.1);box-shadow:var(--shadow-md)}.slider-container input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid white;box-shadow:var(--shadow-sm);transition:var(--transition)}.slider-value{font-weight:600;color:var(--text-primary);min-width:3rem;text-align:center;background:var(--background-color);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);font-size:.9rem}.unit{font-size:.85rem;color:var(--text-secondary);min-width:2rem;text-align:left}select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-color);font-size:.95rem;color:var(--text-primary);transition:var(--transition)}select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #646ef61a}.results-grid{display:grid;gap:.75rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--background-color);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:var(--transition)}.result-item:hover{background:#f8f9ff;border-color:var(--primary-color)}.result-item .label{font-weight:500;color:var(--text-primary);font-size:.9rem}.result-item span:last-child{font-weight:600;color:var(--primary-color);font-size:.95rem}.graph-container{margin-bottom:1.5rem}.graph{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);min-height:500px}.info-panel{background:#f8f9ff;border:1px solid #e0e4ff;border-radius:var(--border-radius);padding:1rem;margin-top:1rem}.info-panel p{margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.info-panel p:last-child{margin-bottom:0}.info-panel strong{color:var(--text-primary);font-weight:600}#reset-button{width:100%;margin-top:1rem}@media(max-width:768px){.slider-container{flex-wrap:wrap;gap:.5rem}.slider-container input[type=range]{width:100%;margin-bottom:.5rem}.graph{min-height:400px}.results-grid{grid-template-columns:1fr}}@keyframes valueChange{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.slider-value.changed{animation:valueChange .3s ease-in-out}