.sphere-controls{position:absolute;inset:18px 20px auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--sub,#654B75);font:500 10px/1.5 var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase}
.sphere-controls button{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(101,75,117,.2);border-radius:50%;background:rgba(255,255,255,.68);color:#250B1E;cursor:pointer;font-size:12px}
.sphere-controls button:hover{background:#fff}
.sphere-controls button:focus-visible,.sphere-range:focus-visible{outline:2px solid #654B75;outline-offset:5px}
.sphere-range-label{position:absolute;inset:auto 24px 18px;z-index:2;display:grid;gap:8px;color:var(--sub,#654B75);font:500 10px/1.3 var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase}
.sphere-range-label span{display:flex;justify-content:space-between}
.sphere-range{width:100%;height:4px;margin:0;accent-color:#654B75;cursor:ew-resize;opacity:.7}
#chaos .viz{position:relative;isolation:isolate}
#graph{touch-action:pan-y;cursor:ew-resize}
@media(max-width:640px){.sphere-controls{inset:14px 16px auto;font-size:9px}.sphere-range-label{inset:auto 18px 16px}}
@media(prefers-reduced-motion:reduce){#chaos .pane li{animation:none!important}#chaos .pane{transition:none!important}}