@font-face{font-family:VCR OSD Mono;src:url(/media/vcr-osd-mono.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}:root{color:#b6b7d8;background:#080b12;font-family:VCR OSD Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--theme-color: rgb(182 183 216);--veil-opacity: .5;--side-gutter: 40px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button{font:inherit}.player{position:relative;width:100%;height:100%;min-height:440px;isolation:isolate;overflow:hidden;background:#080b12}.backgrounds,.background,.background img,.veil{position:absolute;inset:0;width:100%;height:100%}.backgrounds{z-index:-1;overflow:hidden;background:#080b12}.background{will-change:opacity,filter,transform}.background img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.veil{z-index:10;background:rgb(0 0 0 / var(--veil-opacity));pointer-events:none;transition:background-color .72s cubic-bezier(.77,0,.175,1)}.track-label{position:absolute;z-index:1;top:50%;width:min(328px,32vw);margin:0;transform:translateY(-50%);color:var(--theme-color);font-size:20px;font-style:normal;font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;text-shadow:0 1px 12px rgb(0 0 0 / 22%);transition:color .72s cubic-bezier(.77,0,.175,1)}.track-label--title{left:var(--side-gutter)}.track-label--artist{right:var(--side-gutter);text-align:right}.scramble{display:block;overflow:hidden;text-overflow:clip}.scramble--right{text-align:right}.control-zone{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:260px;height:160px;place-items:center;transform:translate(-50%,-50%)}.controls{display:flex;align-items:center;gap:24px}.control{position:relative;display:grid;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:999px;color:var(--theme-color);background:transparent;cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1),color .72s cubic-bezier(.77,0,.175,1),background-color .16s ease;-webkit-tap-highlight-color:transparent}.control--skip{--skip-hidden-x: 0px;margin-inline:-11px;opacity:1;filter:blur(0);transform:translateZ(0) scale(1);transition:opacity .22s cubic-bezier(.23,1,.32,1),filter .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1),color .72s cubic-bezier(.77,0,.175,1),background-color .16s ease;will-change:opacity,filter,transform}.control--skip:first-child{--skip-hidden-x: 7px}.control--skip:last-child{--skip-hidden-x: -7px}.skip-glyph{display:block;width:18px;height:16px;fill:currentColor}.skip-glyph--previous{transform:rotate(180deg)}.control--play>.control-glyph{position:relative;z-index:1;display:block;width:40px;height:40px;clip-path:circle(34% at 50% 50%)}.control-glyph svg{display:block;width:40px;height:40px;fill:currentColor}.progress-ring{position:absolute;inset:0;display:block;width:40px;height:40px;overflow:visible;pointer-events:none;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:1.853}.progress-ring__track{stroke:currentColor;opacity:.1}.progress-ring__value{stroke:currentColor;opacity:0;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;transition:opacity .16s cubic-bezier(.23,1,.32,1)}.progress-ring__value--visible{opacity:.82}.control:active{transform:scale(.94)}.control:focus,.control:focus-visible{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.player[data-playing=true] .control--skip{opacity:0;filter:blur(3px);pointer-events:none;transform:translate3d(var(--skip-hidden-x),0,0) scale(.96);transition:opacity .12s ease,filter .15s ease,transform .16s cubic-bezier(.77,0,.175,1),color .72s cubic-bezier(.77,0,.175,1),background-color .16s ease}.player[data-playing=true] .control-zone:hover .control--skip,.player[data-playing=true] .control--skip:focus-visible{opacity:1;filter:blur(0);pointer-events:auto;transform:translateZ(0) scale(1);transition:opacity .22s cubic-bezier(.23,1,.32,1),filter .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1),color .72s cubic-bezier(.77,0,.175,1),background-color .16s ease}.control:hover{background:color-mix(in srgb,var(--theme-color) 10%,transparent)}.player[data-playing=true] .control-zone:hover .control--skip:active,.player[data-playing=true] .control--skip:focus-visible:active{transform:translateZ(0) scale(.94)}}@media(max-width:720px){:root{--side-gutter: 24px}.player{min-height:520px}.track-label{top:auto;width:calc(100% - (var(--side-gutter) * 2));max-width:none;transform:none;font-size:clamp(16px,4.6vw,20px)}.track-label--title{top:26%}.track-label--artist{right:auto;bottom:26%;left:var(--side-gutter);text-align:left}.scramble--right{text-align:left}}@media(prefers-reduced-motion:reduce){.background,.control,.track-label,.veil,.progress-ring__value{transition-duration:.01ms!important}}