.overlay-btn{position:absolute;width:50px;height:50px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:0;overflow:visible;transform-origin:center;border:.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.24),0 4px 16px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.15)}.overlay-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.03);opacity:0;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}.overlay-btn:hover:before{opacity:1}.overlay-btn:hover{transform:scale(1.08);box-shadow:0 12px 40px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.22),0 3px 12px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.2);background:rgba(255,255,255,.12)}.overlay-btn:active{transform:scale(.92);transition:all .1s cubic-bezier(.25,.46,.45,.94);box-shadow:0 6px 24px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1)}.btn-icon{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));opacity:.95}.overlay-btn.selected{background:rgba(109,236,224,.25);border:.5px solid rgba(109,236,224,.3);box-shadow:0 8px 32px rgba(0,0,0,.24),0 4px 16px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(109,236,224,.4)}.overlay-btn.selected:hover{background:rgba(109,236,224,.3);box-shadow:0 12px 40px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.22),0 3px 12px rgba(0,0,0,.16),inset 0 1px 0 rgba(109,236,224,.5)}.timeline-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.24);border-radius:6px;outline:none;cursor:pointer;position:relative;overflow:visible;background:linear-gradient(to right,rgba(255,255,255,.87) 0,rgba(255,255,255,.87) var(--progress,0),rgba(255,255,255,.2) var(--progress,0),rgba(255,255,255,.2) 100%)}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94);border:none;position:relative;z-index:10}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12)}.timeline-slider::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.16)}.timeline-slider::-moz-range-track{width:100%;height:6px;background:rgba(255,255,255,.2);border-radius:6px;border:none}.timeline-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffffff;border:none;box-shadow:0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08);cursor:pointer;-moz-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94)}.glass-step-nav{background:rgba(177,116,231,.8);border-radius:22px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,.24),0 4px 16px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.15);border:.5px solid rgba(255,255,255,.1)}@property --fill-height{syntax:"<percentage>";initial-value:0%;inherits:false}.custom-vertical-slider{position:relative;width:50px;height:150px;border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.custom-vertical-slider:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.24),0 4px 16px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.15);opacity:.1;transition:opacity .3s cubic-bezier(.25,.46,.45,.94)}.custom-vertical-slider:hover:before{opacity:.3}.custom-vertical-slider:hover{transform:scale(1.08)}.custom-vertical-slider.sliding:before,.custom-vertical-slider:active:before{opacity:1}.slider-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(109,236,224,.3) 0,rgba(109,236,224,.15));border-radius:0 0 25px 25px;pointer-events:none;z-index:1;transition:opacity .2s ease,height .1s ease}.slider-handle{position:absolute;left:50%;width:50px;height:50px;border-radius:50%;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);background:rgba(109,236,224,.25);border:.5px solid rgba(109,236,224,.3);box-shadow:0 8px 32px rgba(0,0,0,.24),0 4px 16px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.12),inset 0 1px 0 rgba(109,236,224,.4);transform:translateX(-50%);transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:grab;z-index:2}.slider-handle:active{cursor:grabbing}.handle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(109,236,224,.95);font-size:11px;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.5);pointer-events:none;white-space:nowrap}@media (min-width:769px){.custom-horizontal-slider{position:relative;width:200px;height:50px;border-radius:25px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.slider-fill-horizontal{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(109,236,224,.3) 0,rgba(109,236,224,.15));border-radius:25px 0 0 25px;pointer-events:none;z-index:1;transition:opacity .2s ease,width .1s ease}.slider-handle-horizontal{position:absolute;width:50px;height:50px;border-radius:50%;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);background:rgba(109,236,224,.25);border:.5px solid rgba(109,236,224,.3);transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:grab;z-index:2;display:flex;align-items:center;justify-content:center}}@media (max-width:768px){.mobile-speed-control{position:fixed;top:50px;right:20px;z-index:10}.mobile-step-nav{position:fixed;left:50%;bottom:9px;transform:translateX(-50%);width:166px;height:44px;z-index:100}.mobile-timeline{position:fixed;left:20px;right:20px;bottom:55px;z-index:50;padding:8px 0;min-height:48px}.mobile-mode-controls{position:fixed;right:20px;bottom:200px;width:60px;min-height:200px;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:100;background:rgba(255,0,0,.2);border:1px solid red;padding:10px 0}}@media (min-width:769px){.desktop-speed-control{position:fixed;top:50px;right:20px;z-index:10}.desktop-step-nav{position:fixed!important;right:20px!important;bottom:47px!important;width:auto;min-width:200px;padding:0 24px;z-index:100;border-radius:25px;height:50px}.desktop-timeline{position:fixed!important;left:20px!important;right:260px!important;bottom:55px!important;z-index:50}.desktop-mode-controls{position:fixed;right:20px;bottom:160px;width:50px;height:auto;display:flex;flex-direction:column;align-items:center;gap:15px;z-index:100;background:rgba(0,255,0,.2);border:1px solid green;padding:10px 0}}.glass-transition{transition:all .3s cubic-bezier(.16,1,.3,1)}.pt-safe-top{padding-top:max(1rem,env(safe-area-inset-top))}.pb-safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}