.cr{position:fixed;z-index:29;left:0;right:0;bottom:0;height:74vh;display:grid;grid-template-rows:auto auto;align-content:center;gap:4px;pointer-events:none;opacity:0;transform:translateY(40px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.cr{visibility:hidden}.cr[hidden]{display:grid!important}.lab[data-section=vinyls] .cr{visibility:visible;opacity:1;transform:none;pointer-events:auto}.lab[data-section=vinyls] .lab-sheet{transform:translate(104%)!important;visibility:hidden!important}.cr:before{content:"";position:absolute;inset:-10vh 0 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,var(--cr-shade, #050816ee) 42%)}.cr-stage{--rs: min(34vh, 300px);height:calc(var(--rs) * 1.32);position:relative;perspective:1400px;perspective-origin:50% 35%;cursor:grab;touch-action:pan-y;user-select:none}.cr.is-drag .cr-stage{cursor:grabbing}.cr-rec{position:absolute;left:calc(50% + var(--cr-shift, 120px) - var(--rs) / 2);top:calc(50% - var(--rs) / 2);width:var(--rs);height:var(--rs);padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s;-webkit-tap-highlight-color:transparent}.cr-rec:focus-visible{outline:none}.cr-rec:focus-visible .cr-jacket{outline:2px solid var(--p-accent, #fff);outline-offset:6px}.cr-obj{position:absolute;inset:0;transform-style:preserve-3d}.cr-jacket{position:absolute;inset:0;border-radius:2px;overflow:hidden;background:#1a1a1a;box-shadow:1px 1px #8a857c,3px 3px #222,10px 22px 40px #000b;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cr-jacket img,.cr-reflect img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}.cr-light{position:absolute;inset:0;background:linear-gradient(112deg,#ffffff22,transparent 30%,#0000001a 70%,#ffffff12);box-shadow:inset 1px 0 #fff4;pointer-events:none;transition:background .3s}.cr-reflect{position:absolute;left:0;right:0;top:100%;height:100%;transform:scaleY(-1);transform-origin:top;opacity:.22;-webkit-mask-image:linear-gradient(0deg,#000 0,transparent 38%);mask-image:linear-gradient(0deg,#000 0,transparent 38%);pointer-events:none}.cr-disc{position:absolute;left:2%;top:2%;width:96%;height:96%;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:repeating-radial-gradient(circle,#17191a 0 1px,#2a2c2d 1.6px,#121415 2.6px);box-shadow:0 10px 24px #000a,inset 0 0 0 2px #3a3a3a;transform:translateZ(-50px) scale(1.04);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.cr-disc-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.cr-label{position:relative;width:34%;height:34%;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #151515}.cr-label img{width:100%;height:100%;object-fit:cover}.cr-sheen{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--sheen, 25deg),transparent 0deg,#ffffff30 38deg,transparent 75deg,transparent 180deg,#ffffff22 218deg,transparent 255deg);mix-blend-mode:screen}.cr-spindle{position:absolute;width:3%;height:3%;border-radius:50%;background:#0d1118;box-shadow:0 0 0 1px #aaa6}.cr-rec.is-on .cr-jacket{transform:translate(-14%) rotateY(var(--tilt, -6deg)) rotateX(var(--tilt-y, 0deg)) translateZ(20px)}.cr-rec.is-on .cr-light{background:radial-gradient(circle at var(--lx, 35%) var(--ly, 25%),#ffffff38,transparent 62%),linear-gradient(100deg,#ffffff0c,transparent 50%,#0003)}.cr-disc{opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .35s}.cr-rec.is-on .cr-disc{opacity:1}.cr-rec.is-on{cursor:grab}.cr-rec.is-on.has-sp .cr-disc{cursor:pointer}.cr-rec.is-on.has-sp .cr-disc:hover{filter:brightness(1.12)}.cr-rec.is-on .cr-disc{transform:translate(48%) translateZ(-50px) scale(1.04)}.cr-rec.is-on .cr-disc-photo,.cr-rec.is-on .cr-label{animation:cr-spin 3.6s linear infinite}.cr-rec.is-on .cr-reflect{transform:scaleY(-1) translate(-14%)}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-info{position:relative;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px 28px;justify-self:stretch;padding:0 max(28px,env(safe-area-inset-right)) 0 clamp(300px,21vw,380px);color:var(--cr-fg, #f4ead6)}.cr-now{flex:1 1 0;min-width:0}.cr-artist{margin:0 0 4px;font:600 13px/1 var(--f-mono, ui-monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--p-accent)}.cr-title{margin:0;font:var(--f-display-w, 700) clamp(26px,3.4vw,46px)/1.02 var(--f-display, system-ui);letter-spacing:var(--f-display-ls, -.02em);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-meta{margin:8px 0 0;font:400 13px/1.3 var(--f-body, system-ui);opacity:.75}.cr-meta a{color:inherit}.cr-tip{margin:6px 0 0;font:400 11px/1 var(--f-mono, ui-monospace);letter-spacing:.08em;text-transform:uppercase;opacity:.5}.cr-tip[hidden]{display:none}.cr-player{position:fixed;z-index:46;right:max(24px,env(safe-area-inset-right));top:24px;width:min(420px,calc(100vw - 48px));border-radius:14px;overflow:visible;box-shadow:0 24px 60px #000b;transform:translateY(-8px);opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}.cr-player.is-on{opacity:1;transform:none}.cr-player[hidden]{display:block!important;visibility:hidden;pointer-events:none}.cr-player.is-on{visibility:visible;pointer-events:auto}.cr-player iframe{display:block;width:100%;height:420px;border:0;border-radius:14px;background:#121212}.cr-player.is-mini{top:auto;right:auto;left:max(24px,env(safe-area-inset-left));bottom:24px;width:min(340px,calc(100vw - 48px))}.cr-player.is-mini iframe{height:152px}.cr-player-x{position:absolute;left:-12px;top:-12px;z-index:1;width:30px;height:30px;border-radius:50%;border:0;background:var(--p-accent, #ff6a2b);color:var(--p-on-accent, #fff);font:600 18px/1 system-ui;cursor:pointer;box-shadow:0 4px 12px #0008}.cr-meta a:hover{color:var(--p-accent-soft, var(--p-accent))}.cr-nav{display:flex;align-items:center;gap:10px}.cr-btn{height:42px;min-width:42px;padding:0 12px;border-radius:999px;border:1px solid #ffffff33;background:#ffffff10;color:inherit;font:500 15px/1 var(--f-body, system-ui);cursor:pointer;transition:background .2s,border-color .2s}.cr-btn:hover{background:var(--p-accent);border-color:var(--p-accent);color:var(--p-on-accent, #000)}.cr-btn--wide{font-size:13px}.cr-pos{font:400 13px/1 var(--f-mono, ui-monospace);font-variant-numeric:tabular-nums;opacity:.8;min-width:64px;text-align:center}.cr-pos b{font-weight:600;opacity:1}.cr-hint{position:absolute;right:max(28px,env(safe-area-inset-right));top:-22px;margin:0;font:400 11px/1 var(--f-mono, ui-monospace);letter-spacing:.08em;text-transform:uppercase;opacity:.5}@media(max-width:760px){.cr{height:72svh;bottom:64px;--cr-shift: -9vw}.cr-stage{--rs: min(30vh, 58vw)}.cr-info{padding:0 18px 12px}.cr-now{flex-basis:100%}.cr-hint,.cr-btn--wide,.cr-tip{display:none}.cr-player{inset:auto 12px 76px;width:auto}.cr-player iframe,.cr-player.is-mini iframe{height:80px}.cr-player.is-mini{left:12px;right:12px;bottom:76px;width:auto}}@media(prefers-reduced-motion:reduce){.cr-rec,.cr-jacket,.cr-disc{transition:none!important}.cr-rec.is-on .cr-disc-photo,.cr-rec.is-on .cr-label{animation:none}}.lab{position:fixed;inset:0;overflow:hidden}.lab-wrap{position:absolute;inset:0;overflow:hidden}.lab-stage{--sw: max(100vw, calc(100vh * var(--ar)));position:absolute;width:var(--sw);aspect-ratio:var(--ar);left:calc(50vw - var(--sw) / 2);top:calc(50vh - var(--sw) / (var(--ar)) / 2);container-type:inline-size;transform-origin:0 0;transition:transform .9s cubic-bezier(.65,0,.2,1);will-change:transform}.lab-art{display:block;width:100%;height:100%;user-select:none;transition:filter .45s ease}.lab-stage:has(.lab-hot:hover,.lab-hot.is-lit,.lab-hot:focus-visible) .lab-art{filter:brightness(var(--dim, .62)) saturate(.85)}.lab.is-open .lab-art{filter:brightness(.5) saturate(.8) blur(1.5px)}.lab-hot{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);padding:0;border:0;background:none;cursor:pointer;border-radius:18%}.lab-glow{position:absolute;inset:0;background-image:var(--art);background-size:calc(100% * 100 / var(--w)) calc(100% * 100 / var(--h));background-position:calc(var(--x) / (100 - var(--w)) * 100%) calc(var(--y) / (100 - var(--h)) * 100%);filter:var(--lit, brightness(1.35) saturate(1.2));-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent);mask-image:radial-gradient(closest-side,#000 62%,transparent);-webkit-mask-size:130% 130%;mask-size:130% 130%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.lab-ring{position:absolute;inset:-6%;pointer-events:none;opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.lab-tip{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,6px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);z-index:3}.lab .lab-hot--below .lab-tip{bottom:auto!important;top:calc(100% + 12px)}.lab .lab-hot--below .lab-tip:after{display:none}.lab-hot:is(:hover,.is-lit,:focus-visible) .lab-glow{opacity:1;transform:var(--lift, translateY(-3px))}.lab-hot:is(:hover,.is-lit,:focus-visible) .lab-ring{opacity:1;transform:scale(1)}.lab-hot:is(:hover,.is-lit,:focus-visible) .lab-tip{opacity:1;transform:translate(-50%)}.lab-hot:focus-visible{outline:none}.lab.is-open .lab-hot{pointer-events:none}.lab.is-open .lab-hot .lab-tip{opacity:0!important}.lab-amb{position:absolute;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);mix-blend-mode:screen;pointer-events:none}.lab-stage .lab-amb{width:calc(var(--r) * 2%)}.lab-amb--pulse{animation:lab-pulse 4.5s ease-in-out infinite}.lab-amb--flicker{animation:lab-flicker 3.2s steps(1) infinite}.lab-amb--twinkle{animation:lab-pulse 2.2s ease-in-out infinite alternate}@keyframes lab-pulse{0%,to{opacity:.35}50%{opacity:.85}}@keyframes lab-flicker{0%,40%,44%,to{opacity:.7}42%{opacity:.25}70%{opacity:.9}}.lab-screen{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);display:flex;align-items:baseline;justify-content:center;gap:.35em;transform:rotate(var(--rot)) skewY(var(--skew, 0deg));font-size:var(--screen-fs, 1.5cqw);pointer-events:none;white-space:nowrap}.lab-grain{position:fixed;inset:-50%;pointer-events:none;z-index:20;opacity:var(--grain, .08);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 -.25'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:lab-grain 1s steps(6) infinite;mix-blend-mode:var(--grain-blend, overlay)}@keyframes lab-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-2%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.lab-menu{position:fixed;z-index:30;left:max(28px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:grid;gap:22px}.lab-menu ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--menu-gap, 4px)}.lab-menu a{text-decoration:none;color:inherit}.lab-menu ol a{display:flex;align-items:center;gap:14px;padding:6px 4px}.lab-sheet{position:fixed;z-index:40;top:0;right:0;bottom:0;width:min(640px,54vw);display:grid;grid-template-rows:auto minmax(0,1fr);transform:translate(104%);transition:transform .7s cubic-bezier(.65,0,.2,1);visibility:hidden}.lab.is-open .lab-sheet{transform:none;visibility:visible}.lab-sheet-scroll{overflow-y:auto;overscroll-behavior:contain;padding:8px max(28px,env(safe-area-inset-right)) 72px 32px}.lab-close{justify-self:start;margin:22px 0 6px 32px;border:0;cursor:pointer;padding:8px 12px;border-radius:999px}@media(max-width:760px){.lab-wrap{touch-action:none}.lab-stage{--sw: 100vw;left:0;top:calc(52svh - 100vw / (var(--ar)) / 2)}.lab.is-open .lab-art{filter:brightness(.7) saturate(.85)}.lab.is-open .lab-hot{pointer-events:auto}.lab.is-open .lab-hot.is-cur .lab-glow{opacity:1}.lab-hot:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:var(--beacon, #fff);box-shadow:0 0 0 0 var(--beacon, #fff);opacity:.9;animation:lab-beacon 2.6s ease-out infinite;animation-delay:calc(var(--i, 0) * -.33s);transition:opacity .3s}.lab.is-open .lab-hot:after{opacity:0;animation:none}@keyframes lab-beacon{0%{box-shadow:0 0 color-mix(in srgb,var(--beacon, #fff) 70%,transparent)}70%,to{box-shadow:0 0 0 14px transparent}}.lab-menu{inset:auto 0 0;transform:none;padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:6px}.lab-menu ol{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.lab-menu ol a{padding:8px 10px;gap:6px;white-space:nowrap}.lab-menu .lab-num{display:none}.lab-mark{font-size:13px!important}.lab-sheet{width:100vw;top:auto;height:60svh;border-radius:20px 20px 0 0;transform:translateY(104%)}.lab-sheet-scroll{padding:4px 18px 90px}.lab-close{margin:14px 0 4px 18px}.lab-switch{bottom:auto!important;top:max(12px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){.lab-stage,.lab-sheet,.lab-glow,.lab-tip{transition:none!important}.lab-amb,.lab-grain{animation:none!important}}
