body{background:#f9f9f9;font-family:Arial,sans-serif;margin:30px}h2{margin-bottom:20px}label{display:block;font-weight:700;margin:15px 0 5px}input[type=number],input[type=range]{margin-bottom:10px;padding:8px;width:100%}#controls{margin-bottom:30px;max-width:600px}table{background:#fff;border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:8px;text-align:center}th{background:#333;color:#fff;position:relative}tr:nth-child(2n){background-color:#f2f2f2}.highlight{background-color:#c7f5c7!important}.tooltip{cursor:pointer;display:inline-block;position:relative}.tooltip:after{background:#333;border-radius:4px;bottom:120%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.tooltip:hover:after{opacity:1}