*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;background:#3b3c40;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.stage{height:100%;transition:background .4s;position:relative}.stage canvas{touch-action:none;display:block}.ui{z-index:10;position:fixed;top:22px;left:50%;transform:translate(-50%)}.toggle{-webkit-backdrop-filter:blur(14px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#14141a73;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;padding:8px 18px 8px 10px;transition:border-color .3s,background .3s;display:flex}.toggle:hover{border-color:#ffffff4d}.toggle:focus-visible{outline-offset:3px;outline:2px solid #7aa2ff}.track{background:#ffffff24;border-radius:999px;width:46px;height:26px;transition:background .35s;position:relative}.toggle.on .track{background:linear-gradient(90deg,#2f6bff,#22d3aa 40%,#ffc22e 70%,#ff4fa0)}.knob{background:#e9e9ee;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000073}.toggle.on .knob{transform:translate(20px)}.toggle.loading{cursor:progress}.toggle.loading .knob{box-shadow:none;background:0 0;border:2.5px solid #ffffff40;border-top-color:#fff;animation:.7s linear infinite knob-spin}@keyframes knob-spin{0%{transform:var(--knob-x,translateX(0)) rotate(0deg)}to{transform:var(--knob-x,translateX(0)) rotate(360deg)}}.toggle.on .knob{--knob-x:translateX(20px)}.label{color:#ffffffd9;letter-spacing:.08em;text-transform:uppercase;text-align:left;min-width:42px;font-size:13px;font-weight:600}.hint{color:#ffffff61;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;margin:0;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}