#lever-container {
    width: 100%; max-width: 350px; height: 180px;
    display: flex; flex-direction: column; align-items: center; justify-content: flex-end;
    position: relative; margin: 30px 0;
}
#lever-bar {
    width: 300px; height: 12px; background: #555; border-radius: 6px;
    position: relative; transform-origin: center center; 
    border-left: 4px solid #f44336; border-right: 4px solid #f44336; z-index: 2;
}
#lever-fulcrum {
    width: 0; height: 0; margin-top: -2px; z-index: 1;
    border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 30px solid #888;
}
#lever-knob {
    width: 24px; height: 24px; background: radial-gradient(circle, #FFC107, #FF9800);
    border-radius: 50%; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);
    box-shadow: 0 4px 8px rgba(0,0,0,0.5); transition: top 0.5s ease-in, opacity 0.5s;
}