*{box-sizing:border-box}html,body,#root{background-color:#fff;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.bottom-bar-container{box-sizing:border-box;z-index:10;align-items:center;gap:24px;width:100%;padding:30px 40px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:absolute;bottom:0;left:0}.control-button{color:#000;cursor:pointer;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 12px #00000026}.control-button:hover{color:#000;background-color:#fff;transform:scale(1.05);box-shadow:0 6px 20px #fff3}.slider-wrapper{flex-direction:column;flex-grow:1;justify-content:center;gap:6px;height:44px;display:flex}.timeline-slider{appearance:none;background:linear-gradient(to right, #fff 0%, #3b82f6 var(--progress-percent), #f0f3 var(--progress-percent), #fff3 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;transition:background .1s}.timeline-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .1s,background-color .1s;box-shadow:0 2px 6px #0006}.timeline-slider:hover::-webkit-slider-thumb{background-color:#3b82f6;transform:scale(1.25)}.timeline-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:14px;height:14px;transition:transform .1s,background-color .1s;box-shadow:0 2px 6px #0006}.timeline-slider:hover::-moz-range-thumb{background-color:#3b82f6;transform:scale(1.25)}.controls-overlay{z-index:10;gap:10px;display:flex;position:absolute;top:20px;left:20px}.toggle-btn{cursor:pointer;background-color:#fff;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:background-color .2s;box-shadow:0 2px 5px #00000026}.toggle-btn:hover{background-color:#f0f0f0}