.hero-room{opacity:0;pointer-events:none;background:radial-gradient(50% 55% at 26% 6%,#ffa85433,#ffa85400 70%),linear-gradient(#0c0704d6,#0c0704e6),url(/assets/wood-dark.jpg) 0 0/560px 560px,#140c07;transition:opacity .7s;position:absolute;inset:0}.hero-room:after{content:"";background:linear-gradient(#0a060300,#0a06038c);height:200px;position:absolute;bottom:0;left:0;right:0}.hero.is-music .hero-room{opacity:1}.hero.is-music .run-dot{background:#fff1dc;box-shadow:0 0 6px 2px #ffbe78f2}.listening{padding:28px 0 196px;position:relative}.hero .dock{z-index:2}.pl-root{color:#f4e6d4;--yaw:14deg;--tilt:42deg;--spin:0deg;--dots:0deg;--arm:99deg;--lift:0px;--cue:0;--shx:13.5px;--shy:13.5px;--shz:.6px;--rz:0px;--rop:1;padding-bottom:4px;position:relative;container-type:inline-size}.pl-root.pl-compact{--yaw:10deg;--tilt:38deg}.pl-glow{pointer-events:none;background:radial-gradient(40% 46% at 58% 42%,#ffaa5a29,#ffaa5a00 70%);position:absolute;inset:0}.pl-compact .pl-glow{background:radial-gradient(55% 50% at 50% 40%,#ffaa5a29,#ffaa5a00 70%)}.pl-box{width:1040px;height:560px;margin:0 auto;position:relative}.pl-stage{transform-origin:0 0;perspective:1500px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.pl-stage.grabbing{cursor:grabbing}.pl-wide .pl-stage{perspective-origin:670px 250px;width:1040px;height:560px}.pl-compact .pl-stage{perspective-origin:370px 236px;width:740px;height:500px}.pl-rise{transform-style:preserve-3d;position:absolute;inset:0}.pl-world{width:600px;height:420px;transform-style:preserve-3d;transform:rotateX(var(--tilt)) rotateZ(var(--yaw));position:absolute}.pl-wide .pl-world{top:45px;left:370px}.pl-compact .pl-world{top:28px;left:70px}.pl-world div,.pl-world button{position:absolute}.pl-g3{transform-style:preserve-3d}.pl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pl-desk{pointer-events:none;transform:translateZ(-62px);-webkit-mask-image:radial-gradient(50% 50%,#000 36%,#0000008c 60%,#0000 80%);mask-image:radial-gradient(50% 50%,#000 36%,#0000008c 60%,#0000 80%)}.pl-wide .pl-desk{background:radial-gradient(26% 32% at 63% 48%,#ffaa5652,#ff964600 100%),linear-gradient(#12090480,#12090480),url(/assets/wood-dark.jpg) 0 0/640px 640px,#3a2414;width:1500px;height:900px;top:-220px;left:-640px}.pl-compact .pl-desk{background:radial-gradient(34% 36%,#ffaa5652,#ff964600 100%),linear-gradient(#12090480,#12090480),url(/assets/wood-dark.jpg) 0 0/640px 640px,#3a2414;width:1100px;height:800px;top:-190px;left:-250px}.pl-shadow{pointer-events:none}.pl-ptop{background:linear-gradient(160deg,#ffdcaa33 0%,#ffdcaa00 40%,#00000038 100%),radial-gradient(60% 70% at 26% 20%,#ffb06038,#ffb06000 70%),url(/assets/wood-dark.jpg) 0 0/380px 380px,#7a4a2a;box-shadow:inset 0 0 0 1px #ffe2be24,inset 0 2px #ffecd238,inset 0 -3px 6px #00000059}.pl-pfront{background:linear-gradient(#ffd6aa59 0 1px,#0000006b 2px,#0000009e 100%),url(/assets/wood-dark.jpg) 0 0/380px 380px,#4a2c18}.pl-pright{background:linear-gradient(90deg,#0000008c,#000000b8),url(/assets/wood-dark.jpg) 0 0/380px 380px,#3e2414}.pl-pleft{background:linear-gradient(90deg,#00000040,#0006),url(/assets/wood-dark.jpg) 0 0/380px 380px,#5a3620}.pl-pback{background:linear-gradient(#00000080,#0009),url(/assets/wood-dark.jpg) 0 0/380px 380px,#4a2c18}.pl-foot{background:linear-gradient(#2a2420,#0b0908);border-radius:0 0 4px 4px}.pl-hinge{background:linear-gradient(135deg,#6b665f,#2e2b28);box-shadow:inset 0 1px #ffffff40}.pl-hinge-f{background:linear-gradient(#3a3633,#171514)}.pl-compact .pl-jacket{display:none}.pl-sleeve{background:linear-gradient(160deg,#f1e8d8,#cdbfa8)}.pl-jacket-art{background:#2a1d14;overflow:hidden}.pl-jacket-art img{object-fit:cover;width:100%;max-width:none;height:100%}.pl-jlight{background:linear-gradient(135deg,#ffc4802e,#ffc48000 45%,#00000061);box-shadow:inset 0 0 0 1px #00000059,inset 0 0 22px #00000073}.pl-rim{background:linear-gradient(100deg,#efe9df 0%,#c6c0b6 28%,#88837b 58%,#4a4642 100%)}.pl-plat{background:radial-gradient(circle closest-side,#141312 0 91.6%,#3a3734 91.8% 92.4%,#24221f 92.6% 98.4%,#d8d2c8 98.8%,#8a857d 100%)}.pl-dots{background:repeating-conic-gradient(#e8e2d8d9 0deg 1.1deg,#e8e2d800 1.1deg 3.6deg);-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 94.8%,#000 95.2% 97.8%,#0000 98.2%);mask-image:radial-gradient(circle closest-side,#0000 0 94.8%,#000 95.2% 97.8%,#0000 98.2%)}.pl-strobe{opacity:0;background:radial-gradient(circle at 14% 86%,#ff702cf2,#ff702c00 36%);transition:opacity .5s;-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 92.4%,#000 92.8% 98.4%,#0000 98.8%);mask-image:radial-gradient(circle closest-side,#0000 0 92.4%,#000 92.8% 98.4%,#0000 98.8%)}.pl-vinyl{background:radial-gradient(circle closest-side,#1d1c1b 0 31%,#0f0f10 31.6% 38%,#0000 38.6%),radial-gradient(circle closest-side,#0000 0 54%,#403d3a99 54.4% 55.2%,#0000 55.6% 70%,#403d3a99 70.4% 71.2%,#0000 71.6% 84%,#403d3a8c 84.4% 85.2%,#0000 85.6% 95.6%,#1a1a1c 96% 100%),repeating-radial-gradient(circle,#0c0c0d 0,#1b1b1d 1.5px,#0c0c0d 3px),#111;box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #ffe6c80f}.pl-press{background:conic-gradient(from 200deg,#ffe6c800 0deg,#ffe6c812 18deg,#ffe6c800 40deg 360deg);-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 40%,#000 41% 95%,#0000 96%);mask-image:radial-gradient(circle closest-side,#0000 0 40%,#000 41% 95%,#0000 96%)}.pl-sheen{background:conic-gradient(from 18deg,#ffe0ba00 0deg,#ffe0ba33 22deg,#ffe0ba00 48deg 180deg,#ffe0ba1f 204deg,#ffe0ba00 232deg 360deg);-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 33%,#000 34.5% 99%,#0000 100%);mask-image:radial-gradient(circle closest-side,#0000 0 33%,#000 34.5% 99%,#0000 100%)}.pl-lab{background:radial-gradient(circle closest-side,#1a0d05 0 9%,#0000 10%),radial-gradient(circle closest-side,#0000 0 84%,#5a240873 85% 87%,#0000 88%),radial-gradient(circle at 38% 32%,#ffae68 0%,#ee7b33 45%,#d4621c 100%);border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px #501e0640}.pl-root[data-label="1"] .pl-lab{background:radial-gradient(circle closest-side,#1a0d05 0 9%,#0000 10%),radial-gradient(circle closest-side,#0000 0 84%,#5a240873 85% 87%,#0000 88%),radial-gradient(circle at 38% 32%,#ffc07a 0%,#f0902f 45%,#cf6d18 100%)}.pl-root[data-label="2"] .pl-lab{background:radial-gradient(circle closest-side,#1a0d05 0 9%,#0000 10%),radial-gradient(circle closest-side,#0000 0 84%,#5a240873 85% 87%,#0000 88%),radial-gradient(circle at 38% 32%,#ff9e70 0%,#ec6a35 45%,#c9501b 100%)}.pl-mk{display:none}.pl-root[data-label="0"] .pl-mk0,.pl-root[data-label="1"] .pl-mk1,.pl-root[data-label="2"] .pl-mk2{display:block}.pl-alu{background:linear-gradient(100deg,#e9e4dc,#aaa49a 55%,#6f6a64)}.pl-alu-top{background:repeating-radial-gradient(circle,#ffffff12 0 1px,#0000000d 1px 2px),radial-gradient(circle at 35% 30%,#f4f0e9,#c2bcb2 55%,#8b867e)}.pl-dark{background:linear-gradient(100deg,#4a4643,#1c1a19 70%)}.pl-dark-top{background:radial-gradient(circle at 35% 30%,#5a5652,#1c1a19 70%);box-shadow:inset 0 0 0 1px #ffffff14}.pl-gimbal{background:radial-gradient(circle,#d9d4cb 0 22%,#2a2826 26% 100%);box-shadow:inset 0 0 0 1px #ffffff26}.pl-tube{background:linear-gradient(#fbf8f2 0%,#d9d4cb 30%,#8f8a82 55%,#5b5752 75%,#b6b0a6 100%)}.pl-tube-v{background:linear-gradient(#f2eee7,#a19c94 60%,#6b6762)}.pl-cw{background:radial-gradient(circle,#5b5753 0 38%,#34312e 40% 86%,#9b968e 91%,#2e2b29 100%)}.pl-shell{background:linear-gradient(90deg,#77726b,#d8d3ca 35%,#f2eee7 55%,#a49e95);box-shadow:inset 0 0 0 1px #00000040}.pl-cart{background:#0d0d0d}.pl-cart-s{background:linear-gradient(#232221,#0b0b0b)}.pl-cart-f{background:linear-gradient(90deg,#0b0b0b 0 30%,#e8742c 30% 52%,#0b0b0b 52%)}.pl-cradle{background:linear-gradient(#3b3835,#141312);box-shadow:inset 0 1px #fff3}.pl-lens{background:#4a1d0c;transition:background .4s,box-shadow .4s}.pl-led{background:radial-gradient(circle at 40% 35%,#6a3c1c,#2a160a);transition:background .4s,box-shadow .4s;box-shadow:inset 0 1px 1px #0009,0 0 0 1px #0006}.pl-halo{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffa04673,#ffa04600 65%);transition:opacity .5s}.pl-root.is-on .pl-strobe{opacity:1}.pl-root.is-on .pl-lens{background:#ff8a3c;box-shadow:0 0 8px 2px #ff7832cc}.pl-root.is-on .pl-led{background:radial-gradient(circle at 40% 35%,#fff4cf,#ffb44c 45%,#e57a1e);box-shadow:0 0 6px 2px #ffa03cd9,0 0 0 1px #501e0080}.pl-root.is-paused .pl-led{background:radial-gradient(circle at 40% 35%,#d39a5c,#9a5520 60%,#5a2e10);box-shadow:0 0 3px 1px #ff8c3259,0 0 0 1px #501e0080}.pl-root.is-on .pl-halo{opacity:1}.pl-root.is-paused .pl-halo{opacity:.35}.pl-start{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#f6f2eb,#cfc9bf 45%,#a8a297 100%);border-radius:3px;box-shadow:inset 0 1px #fff,inset 0 -1px #00000040,0 0 0 1px #281e148c}.pl-start:after{content:"";background:#3c322859;border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:12px;right:12px}.pl-start:active{background:linear-gradient(#e2ddd5,#bdb7ad 45%,#99938a 100%);transform:translateZ(1.5px)!important}.pl-start-f{background:linear-gradient(#8f897f,#5d5852)}.pl-armhit{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:28px;width:170px;left:190px}.pl-wide .pl-armhit{height:56px;top:-28px}.pl-compact .pl-armhit{height:88px;top:-44px}.pl-armhit:active{cursor:grabbing}.pl-marker{visibility:hidden;width:2px;height:2px}.pl-barwrap{z-index:2;justify-content:center;padding:6px 12px 18px;display:flex;position:relative}.pl-bar{backdrop-filter:blur(10px);background:linear-gradient(#ffecd621,#ffecd60d 50%,#0000001f 50%,#00000038),#1c120bd1;border:1px solid #000000b3;border-radius:18px;align-items:center;gap:10px;width:100%;max-width:620px;padding:8px 14px;display:flex;box-shadow:inset 0 1px #ffe6c82e,0 10px 30px #00000073}.pl-tb{color:#f6e6d2;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff3 0%,#ffffff14 50%,#ffffff05 50%,#ffffff0f 100%);border:1px solid #000000a6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 1px #ffffff40,0 1px #ffffff12}.pl-tb:active{background:linear-gradient(#0000004d,#00000024);box-shadow:inset 0 2px 5px #0000008c}.pl-tb[hidden]{display:none}.pl-tb-main{width:56px;height:56px}.pl-root.is-on .pl-tb-main{color:#ffb766;box-shadow:inset 0 1px #ffffff40,0 0 0 3px #ffaa5a38,0 0 16px #ff963c59}.pl-ic-pause,.pl-ic-mute{display:none}.pl-ic-play{margin-left:3px}.pl-root.is-on .pl-ic-pause,.pl-root.is-muted .pl-ic-mute{display:block}.pl-root.is-on .pl-ic-play,.pl-root.is-muted .pl-ic-sound{display:none}.pl-start:focus-visible,.pl-armhit:focus-visible,.pl-tb:focus-visible{outline-offset:3px;outline:2px solid #ffb766}.pl-slider{height:44px;position:relative}.pl-seek{flex:140px;min-width:96px}.pl-vol{color:#d9c6b0;flex:none;align-items:center;gap:6px;width:150px;display:flex}.pl-vol .pl-slider{flex:auto}.pl-vol svg{flex:none}.pl-groove,.pl-fill{pointer-events:none;border-radius:4px;height:8px;position:absolute;top:18px;left:12px}.pl-groove{background:linear-gradient(#0a0604,#21160e);right:12px;box-shadow:inset 0 1px 2px #000c,0 1px #ffe6c81f}.pl-fill{background:linear-gradient(#ffbf73,#e07b2a);width:0;box-shadow:inset 0 1px #fff0dc80}.pl-range{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;display:block;position:relative}.pl-range::-webkit-slider-runnable-track{background:0 0;border:0;height:8px}.pl-range::-moz-range-track{background:0 0;border:0;height:8px}.pl-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(#cdcdcd,#fdfdfd);border:0;border-radius:50%;width:24px;height:24px;margin-top:-8px;box-shadow:0 0 0 1px #00000080,0 2px 4px #0000008c,inset 0 1px #fff}.pl-range::-moz-range-thumb{background:linear-gradient(#cdcdcd,#fdfdfd);border:0;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 1px #00000080,0 2px 4px #0000008c,inset 0 1px #fff}.pl-range:focus{outline:none}.pl-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #1a0f08,0 0 0 4px #ffb766}.pl-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #1a0f08,0 0 0 4px #ffb766}@container (width<=540px){.pl-vol{display:none}}.pl-enter .pl-rise{animation:1.3s cubic-bezier(.16,.84,.24,1) both pl-rise}.pl-enter .pl-stage{animation:.9s ease-out both pl-fade}.pl-enter .pl-glow{animation:1.6s ease-out both pl-fade}@keyframes pl-rise{0%{transform:translate3d(0,110px,-240px)rotateX(-24deg)}to{transform:translate(0,0)rotateX(0)}}@keyframes pl-fade{0%{opacity:0}to{opacity:1}}.cell-row{position:relative}.disc-btn{z-index:1;background:linear-gradient(#fff 0%,#f3f3f3 50%,#e6e6e6 50%,#dedede 100%);border:1px solid #a1a1a1;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-24px;display:none;position:absolute;top:50%;right:16px;box-shadow:inset 0 1px #fff,0 1px 1px #0000001f}.disc-btn:active{background:linear-gradient(#d4d4d4,#c8c8c8);box-shadow:inset 0 2px 3px #0000003d}.disc-btn.cur{box-shadow:inset 0 1px #fff,0 0 0 3px #e07b2a80}.disc-btn svg{display:block}.disc-btn.spin svg{animation:1.8s linear infinite disc-spin}@keyframes disc-spin{to{transform:rotate(360deg)}}.music-view .cell-row>.cell{padding-right:84px}.music-view .cell-row>.cell .chev{display:none}.music-view .cell-row>.cell:not(.is-hidden)~.disc-btn{display:flex}html[data-theme=wood] .disc-btn{background:linear-gradient(#fffdf8 0%,#f8f2e6 50%,#efe5d1 50%,#e9dfca 100%);border-color:#bda783}html[data-theme=dark] .disc-btn{background:linear-gradient(#55575d 0%,#47494e 50%,#3b3d42 50%,#36383c 100%);border-color:#141518;box-shadow:inset 0 1px #ffffff24}html[data-theme=dark] .disc-btn svg circle:first-child{stroke:#8a8d94;stroke-width:1px}html[data-theme=dark] .disc-btn.cur{box-shadow:inset 0 1px #ffffff24,0 0 0 3px #f0a35c8c}.now-eq{color:#b4561a;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.now-eq i{transform-origin:50% 100%;background:currentColor;border-radius:1px;width:3px;animation:.9s ease-in-out infinite alternate now-eq;display:block}.now-eq i:first-child{height:6px;animation-delay:-.2s}.now-eq i:nth-child(2){height:11px;animation-delay:-.55s}.now-eq i:nth-child(3){height:8px;animation-delay:-.35s}@keyframes now-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}html[data-theme=wood] .now-eq{color:#a54e15}html[data-theme=dark] .now-eq{color:#f0a35c}.cell.selected .now-eq{color:#fff}@media (width<=760px){.listening{padding:12px 0 140px}.music-view .cell-row>.cell{padding-right:66px}.disc-btn{width:44px;height:44px;margin-top:-22px;right:10px}}@media (prefers-reduced-motion:reduce){.disc-btn.spin svg,.now-eq i{animation:none}}html.calm .disc-btn.spin svg,html.calm .now-eq i{animation:none}