/* An isolated light listening room, using the app's original generated artwork. */
.vr-feature{margin:26px 0;background:#edeae3;color:#302e29;border:1px solid #faf7f1;border-radius:26px;overflow:hidden;scroll-margin-top:24px;font-family:Inter,system-ui,sans-serif}
.vr-layout{display:grid;grid-template-columns:minmax(230px,.76fr) minmax(0,1.44fr);align-items:center;gap:22px;padding:38px 32px 24px}
.vr-copy{padding:0 0 24px 8px;min-width:0}
.vr-brand{display:flex;align-items:center;gap:9px;margin-bottom:36px}
.vr-brand img{object-fit:contain;filter:brightness(0);opacity:.8}
.vr-brand .vr-mark{width:37px;height:33px}.vr-brand .vr-wordmark{width:116px;height:27px}
.vr-feature .vr-eyebrow{font:500 10px/1.5 Inter,system-ui,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#726d64;margin:0 0 12px}
.vr-feature h3{font:400 clamp(34px,3.9vw,58px)/1.04 'Iowan Old Style','Palatino Linotype',Georgia,serif;letter-spacing:-.055em;margin:0 0 17px;color:#302e29}
.vr-feature .vr-poem{font:italic 400 clamp(23px,2.5vw,34px)/1.2 'Iowan Old Style','Palatino Linotype',Georgia,serif;color:#756a58;letter-spacing:-.035em;margin:0 0 22px}
.vr-feature .vr-intro{font:400 13px/1.75 Inter,system-ui,sans-serif;max-width:29ch;color:#6b655c;margin:0 0 24px}
.vr-release{display:grid;gap:7px;font:500 12px/1.4 Inter,system-ui,sans-serif}.vr-release span{color:#777065;font-size:11px;font-weight:400}
.vr-feature .vr-details{display:inline-block;color:#514a40;font:500 11px/1.5 Inter,system-ui,sans-serif;text-underline-offset:4px;margin-top:18px}
.vr-feature .vr-details:hover{color:#111}
.vr-app-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:18px}
.vr-feature .vr-app-links .vr-details{margin:0}
.vr-store-pending{display:inline-flex;align-items:center;gap:7px;color:#756d61;font:500 11px/1.5 Inter,system-ui,sans-serif;cursor:default}
.vr-store-pending img{display:block;width:20px;height:20px;object-fit:contain;opacity:.6}
vinyl-room-player{display:block;min-width:0}
.vr-player{min-width:0;--room:#edeae3}
.vr-stage{position:relative;width:100%;aspect-ratio:1.5;isolation:isolate;user-select:none;-webkit-user-select:none}
.vr-stage img{display:block;max-width:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
.vr-base{position:absolute;left:2.5%;right:2.5%;top:3.75%;bottom:3.75%;border-radius:6.5% / 9.75%;overflow:hidden;box-shadow:0 19px 24px -16px #50473855;z-index:0}
.vr-base img{position:absolute;width:106.667%;height:109.872%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
.vr-disc{position:absolute;width:56%;aspect-ratio:1;left:35%;top:47%;transform:translate(-50%,-50%);overflow:hidden;border-radius:50%;background:#171513;z-index:1;box-shadow:0 3px 6px #0003}
.vr-turning{position:absolute;inset:0;animation:vr-spin 5.4s linear infinite;animation-play-state:paused}
.vr-surface{position:absolute;width:104.167%;height:104.167%;left:-2.083%;top:-2.083%;filter:contrast(1.25) brightness(1.015)}
.vr-label{position:absolute;width:33.333%;height:33.333%;left:33.333%;top:33.333%;border-radius:50%;object-fit:cover}
.vr-reflection{position:absolute;width:102.041%;height:102.041%;left:-1.02%;top:-1.02%;mix-blend-mode:screen;opacity:.68;animation:vr-light 5.4s linear infinite;animation-play-state:paused}
.vr-player[data-playing=true] .vr-turning,.vr-player[data-playing=true] .vr-reflection{animation-play-state:running}
.vr-spindle{position:absolute;left:35%;top:47.27%;width:2.5%;height:auto;aspect-ratio:1/1;object-fit:contain;transform:translate(-50%,-50%);z-index:2}
.vr-arm{position:absolute;width:33.333%;height:75%;left:64.333%;top:6.5%;transform-origin:50% 18%;transform:rotate(var(--arm-angle,8deg));z-index:3;pointer-events:none;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.vr-arm img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 5px 3px #0002)}
.vr-player[data-dragging=true] .vr-arm{transition:none}
.vr-feature .vr-needle{position:absolute;left:75.87%;top:71.44%;width:11%;min-width:48px;aspect-ratio:1;min-height:48px;transform:translate(-50%,-50%);z-index:4;border:0;border-radius:50%;padding:0;background:transparent;cursor:grab;touch-action:none}
.vr-feature .vr-needle:active{cursor:grabbing}.vr-feature .vr-needle:focus-visible{outline:2px solid #8a5d35;outline-offset:2px;background:transparent}
.vr-feature .vr-player[data-input=pointer] .vr-needle:focus,.vr-feature .vr-player[data-input=pointer] .vr-needle:focus-visible{outline:none;background:transparent;box-shadow:none}
.vr-feature .vr-power{position:absolute;left:87.5%;top:84%;width:8%;aspect-ratio:1;min-width:44px;min-height:44px;transform:translate(-50%,-50%);z-index:5;border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%;display:grid;place-items:center}
.vr-power-art{width:80%;aspect-ratio:1;overflow:hidden;position:relative;border-radius:50%;filter:drop-shadow(0 2px 2px #0002);transition:transform .1s}
.vr-power-art img{width:112.36%;height:112.36%;position:absolute;left:-6.18%;top:-6.18%}
.vr-power:active .vr-power-art{transform:translateY(2px) scale(.96)}
.vr-feature button:focus-visible,.vr-feature input:focus-visible,.vr-feature a:focus-visible,.vr-feature summary:focus-visible{outline:2px solid #8a5d35;outline-offset:4px}
.vr-help{text-align:center;font:400 11px/1.5 Inter,system-ui,sans-serif;color:#746d61;min-height:17px;margin:10px 0 15px}
.vr-transport{display:flex;align-items:center;gap:14px;border-top:1px solid #c7beb05c;padding:16px 9px 10px}
.vr-feature .vr-play{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #9b918177;border-radius:50%;background:transparent;color:#38332d;cursor:pointer;transition:background .15s}
.vr-feature .vr-play:hover{background:#fff6}.vr-play svg{width:17px;height:17px;fill:currentColor}.vr-pause-icon{display:none}.vr-player[data-playing=true] .vr-play-icon{display:none}.vr-player[data-playing=true] .vr-pause-icon{display:block}
.vr-track{min-width:0;flex:1}.vr-track strong{display:block;font:400 19px/1.3 'Iowan Old Style',Georgia,serif;letter-spacing:-.02em}.vr-track span{display:block;font:400 10px/1.7 Inter,system-ui,sans-serif;color:#776f64}
.vr-time{font:400 11px/1.5 ui-monospace,monospace;color:#756d62;font-variant-numeric:tabular-nums}
.vr-volume{display:flex;align-items:center;gap:7px;font:400 10px/1 Inter,system-ui,sans-serif;color:#756d62}.vr-volume input{width:66px;accent-color:#78634e;height:28px}
.vr-finishes{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 0 0}
.vr-finishes-label{font:400 10px/1.5 Inter,system-ui,sans-serif;color:#736a5f;margin-right:3px}
.vr-feature .vr-swatch{width:36px;height:36px;border:1px solid transparent;border-radius:50%;padding:7px;background:transparent;cursor:pointer}
.vr-swatch span{display:block;width:20px;height:20px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.vr-feature .vr-swatch[aria-pressed=true]{border-color:#8d8170}
.vr-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #c7beb05c;margin:0 32px;padding:15px 8px 17px;font:400 10px/1.6 Inter,system-ui,sans-serif;color:#797165}
.vr-credit{max-width:520px}.vr-credit summary{cursor:pointer;text-underline-offset:3px}.vr-credit p{margin:9px 0 0}.vr-credit a{color:#534b3e;text-underline-offset:3px}.vr-footer-note{white-space:nowrap}
.vr-feature noscript{display:block;padding:20px;font:14px/1.5 system-ui}
@keyframes vr-spin{to{transform:rotate(360deg)}}
@keyframes vr-light{0%,100%{transform:rotate(0deg);opacity:.66}25%{transform:rotate(7deg);opacity:.74}50%{transform:rotate(0deg);opacity:.58}75%{transform:rotate(-7deg);opacity:.5}}
@media(min-width:1100px){.vr-layout{padding:45px 38px 27px;gap:30px}.vr-copy{padding-left:8px}}
@media(max-width:800px){.vr-layout{grid-template-columns:1fr;gap:16px;padding:25px 20px 20px}.vr-copy{padding:0}.vr-brand{margin-bottom:23px}.vr-feature h3{font-size:48px;margin-bottom:10px}.vr-feature .vr-poem{font-size:26px;margin-bottom:14px}.vr-feature .vr-poem br{display:none}.vr-feature .vr-intro{max-width:48ch;margin-bottom:17px}.vr-release{gap:4px}.vr-feature .vr-details{margin-top:12px}.vr-footer{margin:0 20px;padding:13px 0;align-items:flex-start}.vr-transport{padding:13px 3px 7px;gap:11px}.vr-finishes{padding-top:6px}.vr-stage{max-width:650px;margin:auto}}
@media(max-width:430px){.vr-layout{padding:24px 12px 18px}.vr-copy{padding:0 8px}.vr-feature h3{font-size:43px}.vr-volume{display:none}.vr-track strong{font-size:18px}.vr-help{font-size:10px;margin:10px 0}.vr-footer-note{display:none}.vr-footer{margin:0 20px}.vr-time{font-size:10px}.vr-finishes{gap:5px}}
@media(prefers-reduced-motion:reduce){.vr-turning,.vr-reflection{animation:none!important}.vr-arm,.vr-power-art{transition:none}}