*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e8e8ea;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#000;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.bg{background:#000;position:fixed;inset:0;overflow:hidden}.glow{filter:blur(60px);will-change:transform;border-radius:50%;position:absolute}.g1{background:radial-gradient(closest-side,#ff281e16,#ff281e00 70%);width:70vmax;height:70vmax;animation:38s ease-in-out infinite alternate drift1;top:-25vmax;left:-20vmax}.g2{background:radial-gradient(closest-side,#ffc82813,#ffc82800 70%);width:75vmax;height:75vmax;animation:47s ease-in-out infinite alternate drift2;bottom:-30vmax;right:-28vmax}.g3{background:radial-gradient(closest-side,#ffffff09,#fff0 70%);width:60vmax;height:60vmax;animation:55s ease-in-out infinite alternate drift3;top:20vmax;left:20vmax}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(12vmax,8vmax)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-10vmax,-12vmax)}}@keyframes drift3{0%{transform:translate(0)scale(1)}to{transform:translate(-8vmax,6vmax)scale(1.15)}}.scene{touch-action:none;inset:0;position:fixed!important}.scene canvas{touch-action:none;cursor:grab;display:block}.scene canvas:active{cursor:grabbing}.ui{left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:#ffffff0e;border:1px solid #ffffff17;border-radius:22px;flex-direction:column;gap:10px;width:min(440px,100vw - 24px);padding:12px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.row{align-items:center;gap:12px;display:flex}.slider{min-height:30px}.lbl{color:#ffffff9e;white-space:nowrap;letter-spacing:.01em;font-size:13px}.lbl.val{font-variant-numeric:tabular-nums;color:#ffffffd9;min-width:4.6em;font-size:14px}.btns{gap:10px}button{color:#f1f1f3;letter-spacing:.02em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;flex:1;height:46px;font:500 16px/1 inherit;transition:background .15s,transform .1s,opacity .2s}button.primary{background:#ffffff29}button:hover:not(:disabled){background:#fff3}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.35;cursor:default}input[type=range]{appearance:none;cursor:pointer;background:0 0;flex:1;height:30px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff2e;border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:#ffffff2e;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 2px 8px #00000080}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #00000080}@media (height<=520px) and (orientation:landscape){.ui{flex-direction:row;width:min(680px,100vw - 24px)}.row{flex:1}}input[type=range]:focus,button:focus{outline:none}button:focus-visible{outline-offset:2px;outline:2px solid #ffffff80}