/* A temporary optical instrument around the existing native Play control. */
#vesper-player .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
#vesper-player .primary-play{touch-action:none;-webkit-touch-callout:none;user-select:none}
#vesper-player .jog-overlay{position:absolute;inset:0;z-index:45;pointer-events:none;overflow:hidden}
#vesper-player .jog-dial{position:absolute;left:var(--jog-x);top:var(--jog-y);width:var(--jog-size,92px);height:var(--jog-size,92px);translate:-50% -50%;border:1px solid #a5dfff9c;border-radius:50%;background:radial-gradient(circle,transparent 31%,#77b6dc15 45%,#102735c9 66%,#a6e8ff33 69%,#061422cf 73%);box-shadow:inset 0 1px 2px #ecf9ffb0,inset 0 -2px 4px #061421,0 8px 20px #0007}
#vesper-player .jog-ticks{position:absolute;inset:5px;border-radius:50%;background:repeating-conic-gradient(from -1deg,#bddef4b3 0deg 1deg,transparent 1deg 15deg);mask:radial-gradient(circle,transparent 64%,#000 66%);-webkit-mask:radial-gradient(circle,transparent 64%,#000 66%)}
#vesper-player .jog-needle{position:absolute;inset:0;rotate:var(--jog-turn);border-radius:50%;background:conic-gradient(from -8deg,#a4ebff 0deg 8deg,transparent 9deg 345deg,#6dbdff70 360deg);mask:radial-gradient(circle,transparent 64%,#000 65%,#000 69%,transparent 71%);-webkit-mask:radial-gradient(circle,transparent 64%,#000 65%,#000 69%,transparent 71%)}
#vesper-player .jog-lens{position:absolute;inset:24%;border-radius:50%;border:1px solid #b2e5ff80;background:linear-gradient(155deg,#beeaff59,#3188d61f 48%,#1728468c);box-shadow:inset 0 2px 2px #c8f0ff80,inset 0 -3px 4px #00264480}
#vesper-player .jog-preview{position:absolute;overflow:hidden;border:1px solid #adcee96e;border-radius:13px;background:linear-gradient(140deg,#162d40f5,#0a1422f5);box-shadow:inset 0 1px #e9f6ff38,0 10px 24px #0008;color:#e8f4ff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#vesper-player .jog-frame{margin:0 auto;max-width:100%;background-repeat:no-repeat;background-color:#07131d}
#vesper-player .jog-caption{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 3px;font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.2px}
#vesper-player .jog-delta{color:#91d7ff;font-size:11px}
#vesper-player .jog-instruction{margin:0;padding:0 10px 8px;font-size:9px;color:#b5c9d8;line-height:1.4}
#vesper-player .jog-active .control-desk{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#vesper-player .primary-play[data-jog-active]{cursor:grabbing!important;outline:1px solid #b5e8ff;outline-offset:3px}
#vesper-player .jog-active .primary-play .icon{opacity:.75}
#vesper-player .higher-contrast .jog-preview{background:#08131f;border-color:#e2f4ff}
@media(prefers-reduced-transparency:reduce){#vesper-player .jog-preview{background:#0c1c2b;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){#vesper-player .jog-dial,#vesper-player .jog-preview{background:Canvas;border:1px solid CanvasText;box-shadow:none}#vesper-player .jog-caption,#vesper-player .jog-instruction{color:CanvasText}}