*{box-sizing:border-box}html,body{margin:0;overflow:hidden;height:100%;background:#0a0a0f;font-family:system-ui,sans-serif}#c{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#c:active{cursor:grabbing}.track-meta{position:fixed;top:0;left:0;max-width:min(22rem,calc(100vw - 2rem));margin:1rem 1.25rem;padding:.65rem .85rem;z-index:2;pointer-events:none;border-radius:6px;background:#080a128c;border:1px solid rgba(120,140,200,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.track-meta__label{margin:0 0 .2rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#a0afd2a6}.track-meta__title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.25;color:#e6ecfff5;text-shadow:0 1px 2px #000}.track-meta__link{display:inline-block;margin-top:.45rem;font-size:.8125rem;font-weight:500;color:#82befff2;text-decoration:underline;text-underline-offset:2px;pointer-events:auto}.track-meta__link:hover{color:#b4d7ff}#ui{position:fixed;left:0;right:0;bottom:0;padding:1rem 1.25rem;pointer-events:none;z-index:1}#ui p{margin:0;color:#c8d2e6d9;font-size:.875rem;text-shadow:0 1px 2px #000}.speed-control{position:fixed;right:1.15rem;bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:auto;z-index:3;color:#d2def5e6;font-size:.8rem}.speed-control label{display:inline-flex;gap:.4rem;align-items:baseline;margin-bottom:.12rem}.speed-control input[type=range]{writing-mode:vertical-lr;direction:rtl;height:8.5rem;width:1.1rem}.hint{opacity:.7}.status{margin-top:.35rem!important;font-weight:500}.status.ready{color:#78dca0f2}.status.error{color:#ff8c8cf2}