@property --warm{syntax:"<color>";inherits:true;initial-value:#e3b04b}.app--room{min-height:calc(100dvh - 72px);display:block}.main--room{padding:0}.page--room{max-width:none;margin:0}.vr{--side-w:380px;--deck-h:300px;--rb-h:104px;--bar-space:0px;--beat:0;--lvl:0;--hue:70;isolation:isolate;grid-template-columns:minmax(0, 1fr) var(--side-w);background:var(--bg);grid-template-rows:minmax(0,1fr);height:calc(100dvh - 72px);min-height:560px;display:grid;position:relative;overflow:hidden}.vr.has-bar{--bar-space:var(--rb-h)}.glass{--glass-tint:#09080a6b;background:radial-gradient(120% 70% at 0% 0%, #ffffff14, transparent 55%), linear-gradient(180deg, #ffffff0f, #ffffff03 40%, transparent 70%), var(--glass-tint);-webkit-backdrop-filter:blur(28px)saturate(1.7)brightness(.9);backdrop-filter:blur(28px)saturate(1.7)brightness(.9);border:1px solid #ffffff17;border-radius:20px;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff06,0 28px 60px -30px #000c}@media (prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#121114}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#0e0d10f0}}.vr-bg{z-index:-2;background:radial-gradient(ellipse 55% 55% at 32% 40%, color-mix(in srgb, var(--warm,#e3b04b) 26%, transparent), transparent 70%), radial-gradient(ellipse 45% 60% at 92% 8%, color-mix(in srgb, var(--mid,#346683) 34%, transparent), transparent 66%), linear-gradient(180deg, color-mix(in srgb, var(--deep,#160e09) 85%, #08080a) 0%, color-mix(in srgb, var(--deep,#160e09) 40%, #0b0a09) 100%);position:absolute;inset:0;overflow:hidden}.vr-bg img{object-fit:cover;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.vr-bg .vr-bg-stand{opacity:.16;filter:blur(48px)saturate(1.25);transform:scale(1.25)}.vr-bg:after{content:"";background:radial-gradient(80% 70% at 40% 45%,#0000 40%,#08080ab8 100%);position:absolute;inset:0}.vr-bg:before{content:"";z-index:1;background:radial-gradient(ellipse 34% 46% at 86% 14%, oklch(.82 .11 var(--hue) / .34), transparent 70%), radial-gradient(ellipse 60% 50% at 70% 30%, oklch(.62 .12 var(--hue) / .16), transparent 72%), radial-gradient(ellipse 50% 40% at 18% 96%, oklch(.55 .1 calc(var(--hue) + 140) / .12), transparent 70%);opacity:calc(.55 + var(--lvl) * .45);transform:scale(calc(1 + var(--beat) * .015));transform-origin:86% 14%;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:-10%}.vr-glow{z-index:-1;filter:blur(18px)saturate(1.3);mix-blend-mode:screen;opacity:.92;pointer-events:none;will-change:transform;width:0;height:0;transition:opacity .9s var(--ease);position:absolute;top:0;left:0}.vr--sleeve .vr-glow{opacity:0}.vr-notes{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vr-canvas{z-index:2;opacity:0;transition:opacity .6s var(--ease);inset:0;position:absolute!important}.vr.is-3d .vr-canvas{opacity:1}.vr-stage,.vr-side{z-index:1;min-width:0;min-height:0;position:relative}.jb{z-index:1;transition:opacity .5s var(--ease), visibility 0s linear 0s, --warm .9s var(--ease);padding:0 0 calc(clamp(16px, 3.4vh, 36px) + var(--rb-h));grid-template-rows:auto minmax(0,1fr);justify-items:center;display:grid;position:absolute;inset:0}.jb--hidden{opacity:0;visibility:hidden;transition:opacity .4s var(--ease), visibility 0s linear .4s}.jb-stage{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;outline:none;width:100%;min-height:0;position:relative}.jb-stage:active{cursor:grabbing}.jb-stage:focus-visible .jb-rec.is-front .jb-art{outline:2px solid var(--gold-2);outline-offset:6px}.jb-row{height:var(--jb);perspective:calc(var(--jb) * 3.2);perspective-origin:50% 42%;position:absolute;top:clamp(14px,3.4vh,36px);left:0;right:0}.jb-row:before{content:"";width:calc(var(--jb) * 2.6);height:calc(var(--jb) * .5);background:radial-gradient(closest-side, color-mix(in srgb, var(--warm) 34%, transparent), transparent);filter:blur(10px);opacity:.7;pointer-events:none;transition:background .6s var(--ease);position:absolute;top:100%;left:50%;translate:-50% -50%}.jb-row:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff24 30% 70%,#0000);height:1px;position:absolute;top:calc(100% + 1px);left:4%;right:4%}.jb-slot{width:var(--jb);height:var(--jb);pointer-events:none;position:absolute;top:0;left:50%;translate:-50%}.jb-list{transform-style:preserve-3d;position:absolute;inset:0}.jb-rec{left:calc(50% - var(--jb) / 2);width:var(--jb);height:var(--jb);transform-style:preserve-3d;will-change:transform, opacity;position:absolute;top:0}.jb-halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--warm) 46%, transparent), transparent 72%);filter:blur(26px);pointer-events:none;border-radius:50%;animation:4.6s ease-in-out infinite jb-breathe;position:absolute;inset:-20%}@keyframes jb-breathe{50%{transform:scale(1.08)}}.jb-art{width:100%;height:100%;transition:translate .55s var(--ease);border-radius:3px;display:block;position:relative;box-shadow:0 2px 3px #00000080,0 34px 70px -24px #000000f2}.jb-art img{z-index:1;object-fit:cover;pointer-events:none;border-radius:3px;width:100%;height:100%;position:relative}.jb-shade{z-index:2;pointer-events:none;background:#050506;border-radius:3px;position:absolute;inset:0}.jb-sheen{z-index:3;mix-blend-mode:screen;opacity:0;pointer-events:none;background:linear-gradient(112deg,#0000 38%,#ffffff42 49%,#0000 60%) 130% 0/260% 100% no-repeat;border-radius:3px;position:absolute;inset:0}.jb-rec.is-front .jb-sheen{animation:7s ease-in-out 1.4s infinite jb-sheen}@keyframes jb-sheen{0%{opacity:0;background-position:130% 0}6%{opacity:1}24%{opacity:0;background-position:-40% 0}to{opacity:0;background-position:-40% 0}}.jb-disc{z-index:0;background:radial-gradient(circle, var(--warm) 0 13%, #0b0b0b 13.5% 15%, transparent 15.5%), radial-gradient(circle, transparent 0 46%, #ffffff0d 47%, transparent 48%), repeating-radial-gradient(circle, #121212 0 2px, #1c1c1c 2px 3px);transition:translate .8s var(--ease), rotate .8s var(--ease);border-radius:50%;position:absolute;inset:4%;box-shadow:0 14px 40px -16px #000}.jb-disc:after{content:"";background:conic-gradient(from 20deg, #ffffff57 0 7%, transparent 7% 52%, #0000004d 52% 58%, transparent 58%);border-radius:50%;position:absolute;inset:37%;-webkit-mask:radial-gradient(circle,#0000 0 18%,#000 19%);mask:radial-gradient(circle,#0000 0 18%,#000 19%)}.jb-rec.is-spinning .jb-disc{animation:1.8s linear infinite jb-spin;translate:30%}@keyframes jb-spin{to{rotate:360deg}}.is-single .jb-disc{inset:10%}@media (hover:hover){.jb--browse .jb-rec.is-front:hover .jb-disc{translate:36%;rotate:150deg}.jb--browse .jb-rec.is-front:hover .jb-art{translate:0 -6px}.jb--browse .jb-rec:not(.is-front) .jb-art:hover{filter:brightness(1.18)}}.jb-stage:focus-visible .jb-rec.is-front .jb-disc{translate:36%;rotate:150deg}@media (hover:none){.jb--browse .jb-rec.is-front:not(.is-spinning) .jb-disc{translate:20%;rotate:90deg}}.jb--browse .jb-rec.is-front .jb-art{cursor:pointer}.jb--browse .jb-rec.is-front .jb-art:active{transition:translate .55s var(--ease), scale .1s ease-out;scale:.985}.jb-art:focus-visible{outline:2px solid var(--gold-2);outline-offset:6px}.jb-mirror{opacity:.3;pointer-events:none;width:100%;height:100%;margin-top:3px;position:absolute;top:100%;left:0;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 54%,#000c);mask-image:linear-gradient(#0000 54%,#000c)}.jb-mirror img{object-fit:cover;border-radius:3px;width:100%;height:100%}.jb-head{z-index:2;text-align:center;transition:opacity .35s var(--ease), translate .5s var(--ease);justify-items:center;gap:clamp(4px,1vh,12px);padding:clamp(18px,4.2vh,52px) 20px 0;display:grid;position:relative}.jb-brand-t{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;color:var(--ink);font-size:clamp(2rem,4.6vw,4.25rem);font-weight:500;line-height:.96;display:block}.jb-brand-t em{color:var(--gold);font-style:normal}.jb-brand-link{border-radius:8px;display:block}.jb-brand-link:focus-visible{outline:2px solid var(--gold-2);outline-offset:6px}.jb-name{letter-spacing:.01em;min-height:1.5em;color:color-mix(in oklab, var(--warm) 46%, #f6eedd);text-shadow:0 0 22px color-mix(in srgb, var(--warm) 55%, transparent);text-wrap:balance;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:500}.jb-word{white-space:nowrap;display:inline-block}.jb-ch{animation:jb-ch .62s var(--ease) both;animation-delay:calc(var(--i) * var(--step,20ms));display:inline-block}@keyframes jb-ch{0%{opacity:0;filter:blur(5px);transform:translateY(.45em)}}.jb-light{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.jb-light:before{content:"";width:calc(var(--jb) * 2.6);background:radial-gradient(ellipse 24% 82% at 50% 0%, color-mix(in srgb, var(--warm) 26%, transparent), color-mix(in srgb, var(--warm) 7%, transparent) 62%, transparent 100%), radial-gradient(ellipse 44% 26% at 50% 70%, color-mix(in srgb, var(--warm) 12%, transparent), transparent 100%);mix-blend-mode:screen;height:100%;animation:7s ease-in-out infinite jb-lamp;position:absolute;top:0;left:50%;translate:-50%}@keyframes jb-lamp{50%{opacity:.72}}.jb-mote{left:calc(50% + (var(--x) - .5) * var(--jb) * 1.25);top:calc(8% + var(--y) * 62%);width:calc(2px * var(--s));height:calc(2px * var(--s));background:color-mix(in srgb, var(--warm) 55%, #fff);box-shadow:0 0 6px color-mix(in srgb, var(--warm) 70%, transparent);opacity:0;animation:jb-mote var(--d) linear infinite;border-radius:50%;position:absolute}@keyframes jb-mote{0%{opacity:0;transform:translate(0)}18%{opacity:.75}80%{opacity:.45}to{opacity:0;transform:translate(16px,70px)}}.jb--entrance .jb-head{animation:jb-rise .9s var(--ease) .25s both}.jb--entrance .jb-list{animation:jb-fade .8s var(--ease) both}@keyframes jb-rise{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}@keyframes jb-fade{0%{opacity:0}}.jb--leaving .jb-head,.jb--hidden .jb-head,.jb--leaving .jb-light,.jb--hidden .jb-light{opacity:0;translate:0 -10px}.jb-light{transition:opacity .5s var(--ease), translate .5s var(--ease)}.vr-more{z-index:1;isolation:isolate;background:linear-gradient(180deg, transparent 0%, var(--bg) 34%, color-mix(in srgb, var(--bg) 90%, #1a140c) 100%);margin-top:calc(-1*clamp(120px,24vh,260px));position:relative;overflow:hidden}.jb--shelf{height:clamp(340px,52vh,500px);padding-bottom:clamp(16px,3vh,32px);position:relative;inset:auto}.jb-brand-t--shelf{letter-spacing:-.03em;color:var(--ink-soft);font-size:clamp(1.4rem,2.4vw,2rem)}.jb--shelf .jb-head{padding-top:clamp(28px,5vh,56px)}.jb--shelf .jb-name{font-size:clamp(.95rem,1.2vw,1.1rem)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.vr--index .jb{animation:linear both jb-sink;animation-timeline:scroll(root);animation-range:0 90vh}}}@keyframes jb-sink{to{opacity:.25;transform:translateY(14vh)scale(.93)}}.vr-stage{opacity:0;transition:opacity .45s var(--ease);grid-area:1/1}.vr--listening .vr-stage{opacity:1}.vr-book-area,.vr-single{inset:clamp(18px, 3.4vh, 40px) clamp(18px, 3vw, 48px) calc(var(--bar-space) + clamp(16px, 3vh, 32px));isolation:isolate;position:absolute}.vr-book-area:before{content:"";z-index:-1;pointer-events:none;opacity:calc(.7 + var(--lvl) * .3);background:radial-gradient(46% 40% at 50% 8%,#ffdeaa29,#0000 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.9 0 0 0 0 0.75 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-4% -2% -8%}.bk,.bk__pf{width:100%;height:100%}.bk{transition:opacity .28s var(--ease)}.bk.is-building{opacity:0;transition:none}.bk__pf{filter:drop-shadow(0 1px 1px #0009)drop-shadow(0 10px 14px #0000006b)drop-shadow(0 36px 46px #00000080)}.stf__parent{box-sizing:border-box;touch-action:pan-y;height:100%;display:block;position:relative;transform:translateZ(0)}.stf__wrapper{width:100%;height:100%;position:relative}.stf__parent canvas{width:100%;height:100%;position:absolute;inset:0}.stf__block{perspective:2400px;width:100%;height:100%;position:absolute}.stf__item{transform-style:preserve-3d;display:none;position:absolute}.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow{position:absolute;top:0;left:0}.bk-page{-webkit-user-select:none;user-select:none;color:#2a2118;background:#fff;overflow:hidden;container-type:size}.bk-page>img{object-fit:cover;pointer-events:none;width:100%;height:100%}.bk-page--paper{background:radial-gradient(circle at 20% 15%,#ffffff80,#0000 50%),repeating-linear-gradient(0deg,#785a3206 0 1px,#0000 1px 3px),#f3ede1}.bk:not(.bk--one) .bk-page:not(.bk-page--cover):not(.bk-page--back):after{content:"";pointer-events:none;z-index:4;width:8%;position:absolute;top:0;bottom:0}.bk:not(.bk--one) .bk-page--l:after{background:linear-gradient(270deg,#00000042,#0000000f 40%,#0000);right:0}.bk:not(.bk--one) .bk-page--r:after{background:linear-gradient(90deg,#00000047,#00000012 40%,#0000);left:0}.bk-page--cover,.bk-page--back{background:#111;box-shadow:inset 0 0 0 1px #ffffff1f}.bk-page--cover>img,.pg-back img{filter:grayscale()contrast(1.14)}.bk-layer{z-index:3;position:absolute;inset:0}.pg-cover{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 30%,#ffffff21 45%,#0000 58%);position:absolute;inset:0}.pg-rest{position:absolute;inset:0}.pg-back{color:var(--ink);background:#0d0c0b;align-content:center;place-items:center;gap:4cqw;display:grid;position:absolute;inset:0}.pg-back img{object-fit:cover;opacity:.85;border-radius:1cqw;width:44cqw;height:44cqw}.pg-back p{font-family:var(--font-display);letter-spacing:-.03em;justify-items:center;font-size:5cqw;display:grid}.pg-back small{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:2.4cqw}[data-tone]{--pg-bg:#fbf8f2;--pg-line:#1d1712;--pg-fill-a:color-mix(in srgb, var(--mid) 18%, #f4efe4);--pg-fill-b:color-mix(in srgb, var(--warm) 16%, #f4efe4);--pg-text:#2a2118;--pg-k:#6e4a0e;--pg-hot:#d49a2a}[data-tone=ink]{--pg-bg:#0f0e10;--pg-line:#f4ecdcd1;--pg-fill-a:#1d1b22;--pg-fill-b:#2a2018;--pg-text:#ece4d4;--pg-k:#f3cf7e;--pg-hot:#f3cf7e}[data-tone=night]{--pg-bg:#15213a;--pg-line:#e9e2cf;--pg-fill-a:#22355e;--pg-fill-b:#182746;--pg-text:#e8edf7;--pg-k:#f3cf7e;--pg-hot:#f3cf7e}[data-tone=sepia]{--pg-bg:#e6d2a9;--pg-line:#4a3218;--pg-fill-a:#f2e3c4;--pg-fill-b:#dfc596;--pg-text:#3b2a16;--pg-k:#7a4a12;--pg-hot:#9c5f12}[data-tone=gold]{--pg-bg:#e3b04b;--pg-line:#2a1a05;--pg-fill-a:#f7da92;--pg-fill-b:#ecbf63;--pg-text:#2a1a05;--pg-k:#5c3a06;--pg-hot:#fffaf0}[data-tone=ember]{--pg-bg:#521a12;--pg-line:#f3cf7e;--pg-fill-a:#7a2a1c;--pg-fill-b:#44150f;--pg-text:#f7e6d6;--pg-k:#f3cf7e;--pg-hot:#ffd27a}[data-tone=dawn]{--pg-bg:#f1c3a2;--pg-line:#3a2030;--pg-fill-a:#f9dfcb;--pg-fill-b:#e8b39c;--pg-text:#3a2030;--pg-k:#7a3a2a;--pg-hot:#b0461f}[data-tone=ash]{--pg-bg:#d7d4cc;--pg-line:#26252a;--pg-fill-a:#e8e6e0;--pg-fill-b:#cbc7be;--pg-text:#26252a;--pg-k:#5a4a2a;--pg-hot:#b07d1c}.pg-art{position:absolute;inset:0}.pnl{text-align:left;cursor:pointer;position:absolute}.pnl:focus-visible{outline:none}.pnl:focus-visible:after{content:"";background:color-mix(in srgb, var(--pg-hot) 24%, transparent);pointer-events:none;position:absolute;inset:0}.pg-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pg-lines polygon{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.pl-edge{stroke:#0000;stroke-width:2px}.pg-art--sketch .pl-edge{stroke:var(--pg-line)}.pg-art--sketch{background:var(--pg-bg)}.pg-art--sketch .pnl{background:linear-gradient(160deg, var(--pg-fill-a), var(--pg-fill-b))}.pnl-sketch{flex-direction:column;gap:1cqw;padding:4.6cqw 5cqw 3cqw;display:flex;position:absolute;inset:0;overflow:hidden}.pnl-k{letter-spacing:.08em;color:var(--pg-k);font-size:max(11px,2.1cqw);font-weight:700}.pnl-beat{color:var(--pg-text);-webkit-line-clamp:9;-webkit-box-orient:vertical;font-size:max(12px,2.55cqw);line-height:1.32;display:-webkit-box;overflow:hidden}.pg-sketch-note{color:var(--pg-k);font-size:max(11px,1.9cqw);position:absolute;bottom:.4cqw;left:4cqw}.vr-side{padding:14px 16px calc(var(--bar-space) + 14px) 0;flex-direction:column;grid-area:1/2;gap:12px;display:flex}.vr-side>*{transition:opacity .6s var(--ease), translate .75s var(--ease), clip-path .9s var(--ease)}.vr:not(.vr--sleeve) .vr-side>:first-child{transition-delay:50ms}.vr:not(.vr--sleeve) .vr-side>:nth-child(2){transition-delay:.22s}.vr:not(.vr--sleeve) .vr-side>:nth-child(3){transition-delay:.34s}.vr--sleeve .vr-side>*{opacity:0;transition-duration:.3s;translate:36px}.vr-side>.vr-deck{clip-path:inset(0 round 20px);translate:none}.vr--sleeve .vr-side>.vr-deck{clip-path:inset(0 0 100% round 20px);translate:none}.vr-deck{height:var(--deck-h);flex:none;place-items:center;display:grid}.vr-deck-wait{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-ghost);font-size:12px}.vr-deck-2d{width:min(62%, calc(var(--deck-h) - 40px));aspect-ratio:1;background:radial-gradient(circle,#0000 0 31%,#0b0b0b 31.5% 33%,#0000 33.5%),repeating-radial-gradient(circle,#141414 0 2px,#1d1d1d 2px 3px);border-radius:50%;position:relative;box-shadow:0 20px 50px -20px #000}.vr-deck-2d img{object-fit:cover;border-radius:50%;width:32%;height:32%;position:absolute;inset:34%}.vr-deck-2d.is-on{animation:1.8s linear infinite vr-spin}@keyframes vr-spin{to{transform:rotate(360deg)}}.vr-lyrics{flex-direction:column;flex:1;min-height:0;padding:12px 14px 0;display:flex}.vr-lyrics-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.vr-lyrics-head .seg{background:#ffffff0d;border-color:#ffffff14}.vr-lyrics-head .seg-opt{min-height:40px;padding:0 13px;font-size:13.5px}.vr-h{color:var(--ink-soft);font-size:14px;font-weight:600}.vr-lyrics .lyr{flex:1;min-height:0}.vr-lyrics .lyr--rail .lyr-scroll{height:100%;max-height:none}.vr-tracks{flex:none}.vr-tracks summary{cursor:pointer;min-height:48px;color:var(--ink-soft);justify-content:space-between;align-items:center;padding:0 16px;font-size:14px;font-weight:600;list-style:none;display:flex}.vr-tracks summary::-webkit-details-marker{display:none}.vr-tracks summary:after{content:"+";transition:transform .25s var(--ease);font-size:18px;font-weight:400}.vr-tracks[open] summary:after{transform:rotate(45deg)}.vr-tracks[open]{scrollbar-width:thin;max-height:46%;overflow-y:auto}.vr-side-ab{padding:0 8px 10px}.vr-ab{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:6px 8px;font-size:11px;font-weight:700}.vr-track{text-align:left;width:100%;min-height:44px;color:var(--ink-soft);border-radius:10px;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 8px;font-size:14px;display:grid}.vr-track.is-on{color:var(--gold-2);background:var(--gold-wash)}@media (hover:hover){.vr-track:hover{color:var(--ink);background:#ffffff0f}}.vr-track-n,.vr-track-d{font-variant-numeric:tabular-nums;color:var(--ink-ghost);font-size:12.5px}.vr-track-t{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vr-badge{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;border:1px solid #e3b04b73;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.fp,.fp-dialog,.fp-tab{--fp-font:var(--font-body);--fp-display:var(--font-display);--fp-z:45;--fp-bottom:16px}.vr-track,.vr-tracks summary{transition-property:color,border-color,background-color,scale;transition-duration:.2s,.2s,.2s,.16s;transition-timing-function:ease,ease,ease,ease-out}.vr-track:active{scale:.97}.vr-tracks{interpolate-size:allow-keywords}.vr-tracks::details-content{height:0;transition:height .32s var(--ease), content-visibility .32s allow-discrete;overflow:clip}.vr-tracks[open]::details-content{height:auto}@media (max-width:1099px){.vr{--side-w:320px;--deck-h:210px}}@media (max-width:859px){.vr{--deck-h:220px;height:auto;min-height:calc(100dvh - 72px - var(--tabs));padding-bottom:calc(var(--tabs) + var(--safe-b) + var(--bar-space) + 24px);flex-direction:column;display:flex}.vr-side{display:contents}.vr-deck{order:0;margin:12px 12px 0}.vr-stage{order:1;height:calc(min(100vw - 24px,560px) + 24px)}.vr-book-area,.vr-single{inset:12px}.vr-lyrics{flex:none;order:2;height:320px;margin:12px 12px 0}.vr-tracks{order:3;margin:12px 12px 0}.vr-tracks[open]{max-height:none}.vr--sleeve .vr-lyrics,.vr--sleeve .vr-tracks{display:none}.vr--sleeve .vr-side>*{translate:0 24px}.jb{padding-bottom:calc(var(--tabs) + var(--safe-b) + var(--rb-h) + 20px)}.jb-brand-t{font-size:clamp(1.9rem,9vw,2.6rem)}}@media (max-width:767px){.vr{--rb-h:132px}.fp,.fp-dialog,.fp-tab{--fp-bottom:calc(var(--tabs) + 8px)}}@media (prefers-reduced-motion:reduce){.vr-canvas,.vr-stage,.vr-glow,.jb,.jb-head,.jb-light,.bk,.vr-side>*,.vr-tracks summary:after{transition-duration:.01ms;transition-delay:0s!important}.jb-halo,.jb-sheen,.jb--entrance .jb-head,.jb--entrance .jb-list,.jb-ch,.jb-light:before,.jb-rec.is-spinning .jb-disc{animation:none}.vr-tracks::details-content{transition:none}.jb-disc{transition:none}.vr-deck-2d.is-on{animation-duration:6s}.vr-bg:before{transform:none}}