:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f5f5;background-color:#05070b;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background-color:inherit;width:100vw;height:100vh;margin:0}#root{width:100%;height:100%}a{color:inherit}.app{color:#f5f5f5;background:radial-gradient(circle at top,#1c2234 0%,#0a0d14 55%,#05070b 100%);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app--no-header{border-radius:0}.app--no-header .slider__labels{top:clamp(1rem,3vh,1.5rem)}.app__header{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:linear-gradient(#0e121cf2 0%,#0e121c73 100%);padding:clamp(.75rem,2vw,1.5rem) clamp(1rem,3vw,2.75rem);box-shadow:0 1px #ffffff0f,0 16px 40px #00000073}.app__title{letter-spacing:.02em;margin:0;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}.app__hint{color:#f5f5f5bf;margin:.35rem 0 0;font-size:clamp(.85rem,2vw,1rem)}.slider{isolation:isolate;-webkit-user-select:none;user-select:none;flex:auto;width:100%;display:flex;position:relative;overflow:hidden}.slider--dragging .slider__panel iframe{pointer-events:none}.slider--dragging .slider__handle-knob{transform:scale(1.06);box-shadow:0 28px 45px #1d78ff80,0 0 0 6px #2c84ff66}.slider--dragging .slider__handle-track{background:linear-gradient(#50a0ff66 0%,#ffffffa6 50%,#50a0ff66 100%);box-shadow:0 0 24px #50a0ff80}.slider__panels{flex:1;width:100%;height:100%;display:flex;position:relative}.slider__panel{background:#020304;min-width:0;height:100%;transition:width 80ms ease-out;display:flex;position:relative}.slider__panel iframe{background:#000;border:none;width:100%;height:100%}.slider__handle{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:3;outline:none;justify-content:center;align-items:center;gap:clamp(.35rem,1vw,.75rem);width:clamp(3.25rem,5vw,4rem);display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.slider__handle-track{background:linear-gradient(#ffffff26 0%,#ffffff4d 50%,#ffffff26 100%);border-radius:999px;width:3px;transition:background .16s,box-shadow .16s;position:absolute;top:clamp(.5rem,2vh,1.25rem);bottom:clamp(.5rem,2vh,1.25rem);box-shadow:0 0 12px #1d78ff2e}.slider__handle-knob{background:radial-gradient(circle at 30% 30%,#2c84ffe6 0%,#102a52f2 45%,#061225fa 100%);border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.6rem,4vw,3.1rem);height:clamp(2.6rem,4vw,3.1rem);transition:transform .14s,box-shadow .14s;display:flex;position:relative;box-shadow:0 20px 30px #0006,0 0 0 4px #0f377d59}.slider__handle-chevron{opacity:.9;border-top:2px solid #fffc;border-right:2px solid #fffc;width:clamp(.55rem,1.2vw,.75rem);height:clamp(.55rem,1.2vw,.75rem);transform:rotate(45deg)}.slider__handle-chevron--left{transform:translate(-.2rem)rotate(225deg)}.slider__handle-chevron--right{transform:translate(.2rem)rotate(45deg)}.slider__handle:focus-visible .slider__handle-knob,.slider__handle:hover .slider__handle-knob{transform:scale(1.04);box-shadow:0 24px 40px #1d78ff73,0 0 0 5px #2c84ff59}.slider__handle:focus-visible .slider__handle-track,.slider__handle:hover .slider__handle-track{background:linear-gradient(#4696ff59 0%,#ffffff80 50%,#4696ff59 100%);box-shadow:0 0 18px #4696ff73}.slider__labels{letter-spacing:.04em;text-transform:uppercase;pointer-events:none;z-index:2;justify-content:space-between;font-size:clamp(.85rem,2.2vw,1rem);font-weight:600;display:flex;position:absolute;top:clamp(.75rem,4vh,1.75rem);left:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem)}.slider__label{background:#090c12bf;border:1px solid #ffffff29;border-radius:999px;padding:.35rem .75rem;box-shadow:0 12px 20px #00000059}.slider__label--left,.slider__label--right{align-self:flex-start}@media (max-width:768px){.app__header{padding-block:.75rem}.slider__labels{top:auto;bottom:clamp(.75rem,4vh,1.75rem)}.slider__handle{width:clamp(2.75rem,10vw,3.25rem)}.slider__handle-knob{width:clamp(2.2rem,8vw,2.6rem);height:clamp(2.2rem,8vw,2.6rem);box-shadow:0 16px 24px #00000059,0 0 0 3px #0f377d59}.slider__handle-track{width:2px}}@media (prefers-reduced-motion:reduce){.slider__panel{transition:none}}