:root{--void:#03050a;--cy-100:#eafdff;--cy-200:#7df9ff;--cy-300:#00e5ff;--cy-400:#00a8c4;--cy-700:#0a2a36;--tx-300:#7d94a3;--tx-500:#33454f;--f-display:"Bahnschrift","Segoe UI Variable Display","Segoe UI Semibold","Arial Narrow",sans-serif;--f-body:"Segoe UI Variable Text","Segoe UI",Tahoma,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--void)}body{font-family:var(--f-body);color:var(--tx-300);font-synthesis:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#stage.dragging{cursor:grabbing}#stage.pick{cursor:pointer}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#scale{position:absolute;left:26px;bottom:26px;display:flex;flex-direction:column-reverse;gap:6px}#scale i{width:9px;height:1px;background:var(--cy-700);transition:width .25s ease,background .25s ease}#scale i.on{width:17px;background:var(--cy-300);box-shadow:0 0 10px -1px var(--cy-300)}#bar{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(460px,54vw);pointer-events:auto;border-bottom:1px solid var(--cy-700);transition:border-color .2s ease}#bar:focus-within{border-bottom-color:var(--cy-400)}#q{width:100%;background:transparent;border:0;outline:0;padding:11px 4px;font-family:var(--f-body);font-size:13px;color:var(--cy-100);text-align:center;letter-spacing:.02em}#q::placeholder{color:var(--tx-500)}@media (prefers-reduced-motion:reduce){#scale i{transition-duration:.01ms}}