:root{--wall: #e2eaec;--floor: #fbf6db;--ink: #303235;--body: #84b8b3;--beat: 833ms;--bar: 1666ms;--live: 2.4s}*{box-sizing:border-box}html,body{margin:0;background:var(--wall)}body{overflow-x:hidden}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.room{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--wall);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.room__floor{position:absolute;left:0;right:0;bottom:0;top:var(--fy, 505px);background:var(--floor);border-top:calc(2.4px * var(--s, 1)) solid var(--ink);animation:floor-in .76s cubic-bezier(.7,0,.2,1) 80ms both}.stage{position:absolute;left:0;top:0;width:1440px;height:900px;transform-origin:0 0;transform:translate(var(--tx, 0px),var(--ty, 0px)) scale(var(--s, 1))}.m{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:rotate(var(--r, 0deg))}.m[data-poke]{cursor:pointer}.a,.p,.l{position:relative;width:100%;height:100%;transform-origin:var(--o, 50% 100%)}.l>img{display:block;width:100%;height:100%;pointer-events:none}.a{animation:drop .92s var(--d, 0ms) both}.m--plant{--o: 51.6% 45%}.m--plant .a{animation:pop-mount 1.15s .26s both}.m--clock{--o: 41.4% 4%}.m--clock .a{animation:swing-in 1.25s .42s both}.m--speaker .a{--d: .44s}.m--player .a{--d: .56s}.m--mixer .a{--d: .7s}.m--stack .a{--d: .82s}.m--lamp .a{--d: .96s}.m--headphones .a{--d: 1.08s}.m--cup .a{--d: 1.16s}.m--chameleon{--o: 46% 93%}.m--chameleon .a{animation:spring-up 1.05s 1.38s both}.m--shadow{--o: 53.5% 92.5%;pointer-events:none}.m--shadow .a{animation:shadow-in 1.05s 1.38s both}@keyframes drop{0%{transform:translateY(-48px);opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.5)}20%{opacity:1}52%{transform:translateY(0);animation-timing-function:cubic-bezier(.2,.6,.4,1)}66%{transform:scale(1.035,.965);animation-timing-function:cubic-bezier(.4,0,.3,1)}to{transform:none;opacity:1}}@keyframes pop-mount{0%{transform:scale(.6) rotate(-5deg);opacity:0;animation-timing-function:cubic-bezier(.2,.7,.3,1)}30%{opacity:1}60%{transform:scale(1.02) rotate(1deg);animation-timing-function:ease-in-out}to{transform:none;opacity:1}}@keyframes swing-in{0%{transform:translateY(-16px) rotate(-12deg);opacity:0;animation-timing-function:cubic-bezier(.3,0,.4,1)}20%{opacity:1}42%{transform:rotate(5deg);animation-timing-function:ease-in-out}70%{transform:rotate(-1.5deg);animation-timing-function:ease-in-out}to{transform:none;opacity:1}}@keyframes spring-up{0%{transform:scale(.6,.2);opacity:0;animation-timing-function:cubic-bezier(.2,.8,.35,1)}14%{opacity:1}42%{transform:translateY(-10px) scale(.95,1.08);animation-timing-function:cubic-bezier(.5,0,.7,.6)}62%{transform:scale(1.05,.95);animation-timing-function:cubic-bezier(.3,.6,.4,1)}to{transform:none;opacity:1}}@keyframes shadow-in{0%{transform:scale(.4);opacity:0}42%{transform:scale(.9);opacity:.8}62%{transform:scaleX(1.05);opacity:1}to{transform:none;opacity:1}}@keyframes floor-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.room.is-playing .m--chameleon .l{animation:groove var(--bar) ease-in-out infinite}.room.is-playing .m--shadow .l{animation:shadow-groove var(--bar) ease-in-out infinite}.room.is-playing .m--speaker .l{animation:thump var(--bar) infinite}.room.is-playing .m--lamp .l{animation:ride var(--bar) infinite}.m--plant .l{animation:breeze calc(var(--bar) * 6) ease-in-out var(--live) infinite}@keyframes groove{0%{transform:none}12.5%{transform:scale(1.02,.975)}37.5%{transform:translateY(-2px) rotate(-1.1deg) scale(.99,1.015)}50%{transform:none}62.5%{transform:scale(1.02,.975)}87.5%{transform:translateY(-2px) rotate(1.1deg) scale(.99,1.015)}to{transform:none}}@keyframes shadow-groove{0%,50%,to{transform:none;opacity:1}12.5%,62.5%{transform:scaleX(1.03)}37.5%{transform:translate(-1.5px) scaleX(.96);opacity:.9}87.5%{transform:translate(1.5px) scaleX(.96);opacity:.9}}@keyframes thump{0%,8%,50%,58%{transform:none;animation-timing-function:cubic-bezier(.2,0,.2,1)}12.5%,62.5%{transform:scale(1.007,.992);animation-timing-function:cubic-bezier(.3,0,.3,1)}34%,84%,to{transform:none}}@keyframes ride{0%,8%,50%,58%{transform:none;animation-timing-function:cubic-bezier(.2,0,.2,1)}12.5%,62.5%{transform:translateY(2.3px);animation-timing-function:cubic-bezier(.3,0,.3,1)}34%,84%,to{transform:none}}@keyframes breeze{0%,to{transform:none}25%{transform:rotate(.4deg) skew(-.9deg)}75%{transform:rotate(-.4deg) skew(.9deg)}}.sheen{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:url(yj-vinyl-mask.png) 0 0 / 100% 100% no-repeat;mask:url(yj-vinyl-mask.png) 0 0 / 100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none;opacity:0;transition:opacity .8s ease}.room.is-playing .sheen{opacity:1}.l>.tt-label,.l>img~img{position:absolute;top:0;right:0;bottom:0;left:0}.sheen__disc{position:absolute;left:148.75px;top:63.75px;width:0;height:0;transform:rotate(-3deg) scaleY(.7)}.sheen__spin{position:absolute;left:-130px;top:-130px;width:260px;height:260px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 16deg,rgba(255,255,255,.17) 38deg,transparent 62deg 196deg,rgba(255,255,255,.13) 218deg,transparent 242deg 360deg);animation:spin 1.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}.eye{position:absolute;left:170px;top:188px;width:40px;height:44px;-webkit-mask:url(yj-eye-mask.png) 0 0 / 100% 100% no-repeat;mask:url(yj-eye-mask.png) 0 0 / 100% 100% no-repeat;overflow:hidden;pointer-events:none}.lid{position:absolute;left:0;right:0;background:var(--body)}.lid--top{top:0;height:56%;border-bottom:1.6px solid var(--ink);transform:translateY(-102%)}.lid--bottom{top:56%;bottom:0;border-top:1.6px solid var(--ink);transform:translateY(102%)}.lid--top{animation:blink-top calc(var(--beat) * 8) 2.3s infinite}.lid--bottom{animation:blink-bottom calc(var(--beat) * 8) 2.3s infinite}@keyframes blink-top{0%,2.5%,6%,to{transform:translateY(-102%);animation-timing-function:cubic-bezier(.5,0,1,1)}3.8%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.4,1)}}@keyframes blink-bottom{0%,2.5%,6%,to{transform:translateY(102%);animation-timing-function:cubic-bezier(.5,0,1,1)}3.8%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.4,1)}}.steam{position:absolute;left:var(--x);top:var(--y);width:60px;height:70px;overflow:visible;pointer-events:none;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.steam path{opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:steam 4.5s ease-in-out infinite}.steam path:nth-child(1){animation-delay:2s}.steam path:nth-child(2){animation-delay:3.5s}.steam path:nth-child(3){animation-delay:5s}@keyframes steam{0%{opacity:0;transform:translateY(8px) scaleY(.6)}30%{opacity:.38}60%{transform:translateY(-2px) scaleY(.95) skew(4deg)}80%{opacity:.2}to{opacity:0;transform:translateY(-12px) scaleY(1.08) skew(-3deg)}}.p.is-jelly{animation:jelly .62s cubic-bezier(.3,.7,.4,1)}.p.is-swing{animation:swing 1.1s ease-out}.p.is-sway{animation:sway 1.7s ease-out}.m--chameleon .p{transform-origin:50% 55%}.m--chameleon .p.is-flip{animation:flip 1s}.m--shadow .p.is-flip{animation:shadow-flip 1s}@keyframes jelly{0%{transform:none}22%{transform:scale(1.05,.945)}46%{transform:scale(.975,1.035)}72%{transform:scale(1.01,.993)}to{transform:none}}@keyframes swing{0%{transform:none}16%{transform:rotate(12deg)}36%{transform:rotate(-8deg)}56%{transform:rotate(4.5deg)}76%{transform:rotate(-1.8deg)}to{transform:none}}@keyframes sway{0%{transform:none}14%{transform:rotate(-3deg) skew(5deg)}34%{transform:rotate(2.2deg) skew(-3.6deg)}56%{transform:rotate(-1.2deg) skew(2deg)}78%{transform:rotate(.5deg) skew(-.8deg)}to{transform:none}}@keyframes flip{0%{transform:none;animation-timing-function:cubic-bezier(.3,0,.6,1)}14%{transform:translateY(8px) scale(1.1,.88);animation-timing-function:cubic-bezier(.2,.6,.4,1)}48%{transform:translateY(-150px) rotate(-190deg) scale(.96,1.05);animation-timing-function:cubic-bezier(.55,0,.8,.4)}74%{transform:translateY(6px) rotate(-360deg) scale(1.12,.86);animation-timing-function:cubic-bezier(.2,.6,.4,1)}87%{transform:translateY(-4px) rotate(-360deg) scale(.97,1.04)}to{transform:rotate(-360deg)}}@keyframes shadow-flip{0%,to{transform:none;opacity:1}14%{transform:scaleX(1.12)}48%{transform:scale(.4);opacity:.35}74%{transform:scaleX(1.15);opacity:1}}.logo{position:fixed;margin:0;z-index:10;cursor:pointer;left:40px;top:40px;width:278px;height:35px}.logo__glyphs{position:absolute;top:0;right:0;bottom:0;left:0}.g{position:absolute;top:0;height:100%;transform-origin:50% 100%;animation:glyph-in .72s calc(1.75s + var(--i) * 55ms) both}.gc{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-origin:50% 100%}.gi{position:absolute;top:0;height:100%;background:url(yj-logo.webp) 0 0 / 100% 100% no-repeat}.logo.is-wave .gc{animation:glyph-hop .56s cubic-bezier(.3,.6,.4,1) calc(var(--i) * 38ms) both}@keyframes glyph-in{0%{transform:translateY(30%);opacity:0;animation-timing-function:cubic-bezier(.2,.7,.3,1)}30%{opacity:1}60%{transform:translateY(-6%);animation-timing-function:ease-in-out}to{transform:none;opacity:1}}@keyframes glyph-hop{0%{transform:none}40%{transform:translateY(-14%)}to{transform:none}}.nav{position:fixed;z-index:10;left:366px;top:40px;height:35px;display:flex;align-items:center;gap:28px;font:600 15px/1 IBM Plex Sans JP,system-ui,sans-serif;letter-spacing:.02em;animation:fade-in .7s ease-out 2.3s both}.nav a{color:var(--ink);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;padding-bottom:3px;transition:background-size .3s ease}.nav a:hover{background-size:100% 1px}.nav a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.hdr-bg{position:fixed;left:0;right:0;top:0;height:104px;z-index:9;background:var(--wall);border-bottom:1px solid rgba(48,50,53,.12);opacity:0;transition:opacity .3s ease;pointer-events:none}body.is-scrolled .hdr-bg{opacity:1}body.is-scrolled .band{background:var(--floor);border-top:1px solid rgba(48,50,53,.12)}.band__hint b{font-weight:inherit}.lang{position:relative}.lang__btn{display:inline-flex;align-items:center;gap:6px;padding:0 0 3px;border:0;background:none;cursor:pointer;font:inherit;letter-spacing:inherit;color:var(--ink)}.lang__btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.lang__btn:after{content:"";width:6px;height:6px;margin:-3px 0 0 2px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .2s ease}.lang__btn[aria-expanded=true]:after{transform:translateY(3px) rotate(-135deg)}.lang__btn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.lang__menu{position:absolute;top:calc(100% + 14px);left:-14px;min-width:184px;padding:6px;display:grid;background:var(--floor);border:2.4px solid var(--ink);border-radius:12px;box-shadow:0 5px 0 var(--ink);animation:lang-in .18s cubic-bezier(.3,.7,.4,1)}.lang__menu[hidden]{display:none}.lang__menu button{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;border:0;border-radius:7px;background:none;font:500 14px/1.2 IBM Plex Sans JP,Hiragino Sans,Apple SD Gothic Neo,PingFang TC,system-ui,sans-serif;color:var(--ink);text-align:left;cursor:pointer}.lang__menu button:hover,.lang__menu button:focus-visible{background:#30323514;outline:none}.lang__menu button[aria-checked=true]{font-weight:600}.lang__menu button[aria-checked=true]:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}@keyframes lang-in{0%{opacity:0;transform:translateY(-6px)}}.m--stack{cursor:pointer}.m--stack:hover,.m--stack.is-open{z-index:5}.m--stack .a{position:relative}.rec{position:absolute;top:0;right:0;bottom:0;left:0;--dx: 0px;--dy: 0px;--rot: 0deg;--lift: 0px;transform:translate(var(--dx),calc(var(--dy) + var(--lift))) rotate(var(--rot));transform-origin:50% 88%;transition:transform .52s cubic-bezier(.3,1.3,.5,1),opacity .35s ease}.rec>img{display:block;width:100%;height:100%;pointer-events:none}.rec[data-k="0"]{z-index:3}.rec[data-k="1"]{z-index:2;--dx: -8px;--dy: -4px;--rot: -3.5deg}.rec[data-k="2"]{z-index:1;--dx: -16px;--dy: -8px;--rot: -7deg}.m--stack:hover .rec[data-k="0"],.m--stack.is-open .rec[data-k="0"]{--dx: 6px;--dy: -8px;--rot: 2deg}.m--stack:hover .rec[data-k="1"],.m--stack.is-open .rec[data-k="1"]{--dx: -62px;--dy: 112px;--rot: -8deg}.m--stack:hover .rec[data-k="2"],.m--stack.is-open .rec[data-k="2"]{--dx: 112px;--dy: 118px;--rot: 8deg}.m--stack:hover .rec:hover,.m--stack.is-open .rec.is-hot{--lift: -14px}.rec.is-out{opacity:0;--lift: -40px;pointer-events:none;transition-duration:0s}.rec.is-back{transition-duration:.62s,.4s}.rec.is-snap{transition:none}.rec__label,.tt-label{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-mask:var(--m) 0 0 / 100% 100% no-repeat;mask:var(--m) 0 0 / 100% 100% no-repeat}.rec,.flyer,.pick{--thumb: none}.rec__label{--m: url(yj-record-label.webp);background:radial-gradient(ellipse 17.75px 29.75px at 82.2px 117.6px,#1f2022 0 6%,transparent 7% 84%,rgba(20,20,20,.4) 92%),var(--thumb) 50.65px 87.85px / 63.1px 59.5px no-repeat,var(--bg)}.tt-label{--m: url(yj-player-label.webp);background:#ffd96d}.tt-label.has-thumb{background:radial-gradient(ellipse 29.25px 15.75px at 148px 66px,#1f2022 0 6%,transparent 7% 84%,rgba(20,20,20,.4) 92%),var(--thumb) 96px 50.25px / 104px 31.5px no-repeat,var(--bg)}.rec.is-leave{opacity:0;--lift: 36px;pointer-events:none;transition:transform .32s cubic-bezier(.5,0,.9,.5),opacity .28s ease-in}.m--player .p.is-land{animation:land .52s cubic-bezier(.3,.7,.4,1)}@keyframes land{0%{transform:none}25%{transform:scale(1.02,.975)}60%{transform:scale(.995,1.006)}to{transform:none}}.flyer{position:absolute;pointer-events:none;z-index:20;transform-origin:82.2px 117.6px}.flyer>img,.flyer>.rec__label{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.band{position:fixed;left:0;right:0;bottom:0;height:var(--band, 88px);z-index:9;padding:0 40px;font:500 13px/1.4 IBM Plex Sans JP,system-ui,sans-serif;color:var(--ink);animation:fade-in .7s ease-out 2.3s both}.band__pick,.band__player{position:absolute;top:0;right:40px;bottom:0;left:40px;display:flex;align-items:center;transition:opacity .35s ease,transform .35s ease}.band.is-on .band__pick,.band:not(.is-on) .band__player{opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.band__hint{margin:0 32px 0 0;font-weight:600;font-size:14px;letter-spacing:.02em;white-space:nowrap}.band__hint span{margin-left:14px;font-weight:500;font-size:12px;color:#3032359e;letter-spacing:.04em}.band__list{display:flex;gap:16px}.pick{--edge: 5px;position:relative;display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px 0 9px;margin-bottom:var(--edge);border:2.4px solid var(--ink);border-radius:12px;background:var(--bg);color:var(--fg);box-shadow:0 var(--edge) 0 var(--ink);font:600 14px/1 IBM Plex Sans JP,system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:transform .14s cubic-bezier(.3,.7,.4,1),box-shadow .14s cubic-bezier(.3,.7,.4,1);animation:pick-invite .62s cubic-bezier(.3,.7,.4,1) calc(2.7s + var(--i) * .11s) backwards}.pick:hover,.pick.is-hot{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.pick:active,.pick.is-press{transform:translateY(var(--edge));box-shadow:0 0 0 var(--ink);transition-duration:.06s}.pick:focus-visible{outline:2.4px solid var(--ink);outline-offset:5px}.pick i{position:relative;width:28px;height:28px;flex:none;border-radius:50%;background:radial-gradient(circle,#1f2022 0 6%,transparent 7% 31%,#1f2022 32%),var(--thumb) center / auto 64% no-repeat,var(--bg);box-shadow:0 0 0 1.6px var(--ink)}.pick span{max-width:188px;overflow:hidden;text-overflow:ellipsis}.pick em{font:600 9.5px/1 IBM Plex Sans JP,system-ui,sans-serif;letter-spacing:.14em;font-style:normal;padding:3px 5px 2px;border:1.4px solid currentColor;border-radius:4px;margin-left:-2px}.pick.is-deal{animation:pick-deal .46s cubic-bezier(.3,.7,.4,1) calc(.2s + var(--i) * 80ms) backwards}@keyframes pick-deal{0%{transform:translateY(14px) rotateX(75deg);opacity:0}60%{transform:translateY(-4px);opacity:1}to{transform:none}}.shuffle{--edge: 5px;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px 0 12px;margin:0 0 var(--edge) 16px;border:2.4px solid var(--ink);border-radius:12px;background:var(--body);color:var(--ink);box-shadow:0 var(--edge) 0 var(--ink);cursor:pointer;font:600 14px/1 IBM Plex Sans JP,Hiragino Sans,system-ui,sans-serif;white-space:nowrap;transition:transform .14s cubic-bezier(.3,.7,.4,1),box-shadow .14s cubic-bezier(.3,.7,.4,1);animation:pick-invite .62s cubic-bezier(.3,.7,.4,1) 3.03s backwards}.shuffle svg,#shuffle2 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shuffle:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.shuffle:active{transform:translateY(var(--edge));box-shadow:0 0 0 var(--ink);transition-duration:.06s}.shuffle:focus-visible{outline:2.4px solid var(--ink);outline-offset:5px}.shuffle.is-spin svg,#shuffle2.is-spin svg{animation:shuffle-flip .52s cubic-bezier(.3,.7,.4,1)}@keyframes shuffle-flip{0%{transform:none}50%{transform:scaleX(-1) scale(1.15)}to{transform:none}}.pick i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 30deg,rgba(255,255,255,.28) 50deg,transparent 70deg 210deg,rgba(255,255,255,.2) 230deg,transparent 250deg);-webkit-mask:radial-gradient(circle,transparent 0 31%,#000 32%);mask:radial-gradient(circle,transparent 0 31%,#000 32%)}.pick:hover i:after,.pick.is-hot i:after{animation:spin 1.8s linear infinite}@keyframes pick-invite{0%{transform:translateY(12px);opacity:0}45%{transform:translateY(-7px);opacity:1;box-shadow:0 12px 0 var(--ink)}70%{transform:translateY(2px);box-shadow:0 3px 0 var(--ink)}to{transform:none;opacity:1;box-shadow:0 var(--edge) 0 var(--ink)}}.band__player{gap:0}.band .yt{width:96px;height:54px;flex:none;margin-right:18px;position:relative;--k: .15}.band .yt__screen{position:absolute;left:0;top:0;width:640px;height:360px;transform-origin:0 0;transform:scale(var(--k));border-radius:calc(3px / var(--k));overflow:hidden;background:#111;z-index:1}.band .yt__screen.is-big{cursor:zoom-out;z-index:3}.band .yt iframe,.band .yt #yt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;pointer-events:none}.band .yt-open{z-index:2}.band .yt-open{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .2s,background .2s}.band .yt-open svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.band .yt:hover .yt-open{opacity:1;background:#00000059}.band .info{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:3px;padding-right:24px}.band .name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.band .tags{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#30323599;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.band .controls{display:flex;align-items:center;flex:none}.band .right{display:flex;align-items:center;gap:14px;flex:1 1 auto;justify-content:flex-end}.band .time{font-size:12px;font-variant-numeric:tabular-nums;color:#303235b3}.band .time .sep{margin:0 4px;opacity:.5}.band .vol{display:flex;align-items:center;gap:4px}.band input[type=range]{width:84px;accent-color:var(--ink)}.ctl{width:38px;height:38px;border-radius:50%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0;color:var(--ink);transition:background .2s}.ctl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.ctl:hover{background:#30323512}.ctl:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.ctl.pp{width:46px;height:46px;margin:0 8px;background:var(--ink);color:var(--floor);position:relative}.ctl.pp svg{width:18px;height:18px;fill:currentColor;stroke:none}.ctl.pp .i-pause,#player.playing .ctl.pp .i-play{display:none}#player.playing .ctl.pp .i-pause{display:block}.ctl.pp .spin{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--ink);opacity:0;animation:spin .9s linear infinite}#player.loading .ctl.pp .spin{opacity:.6}.ctl.sm{width:30px;height:30px}.ctl.sm svg{width:16px;height:16px}.ctl.sm .i-off,#player.muted .ctl.sm .i-on{display:none}#player.muted .ctl.sm .i-off{display:block}.band .seek{position:absolute;left:0;right:0;top:-10px;height:20px;cursor:pointer;touch-action:none}.band .seek .track{position:absolute;left:0;right:0;top:9px;height:2px;background:#30323524;transition:height .18s,top .18s}.band .seek:hover .track,.band .seek.drag .track{height:4px;top:8px}.band .seek .buffer{position:absolute;left:0;top:0;bottom:0;width:0;background:#3032351f}.band .seek .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink)}.band .seek .knob{display:none}.band .seek .tip{position:absolute;bottom:16px;left:0;transform:translate(-50%);padding:3px 6px;border-radius:4px;background:var(--ink);color:var(--floor);font-size:11px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}.band .seek:hover .tip,.band .seek.drag .tip{opacity:1}@media(max-width:1080px){.hdr-bg{height:64px}.logo{left:20px;top:22px;width:min(50vw,210px);height:auto;aspect-ratio:278 / 35}.lang__menu{left:auto;right:-8px}.nav{left:auto;right:20px;top:22px;height:calc(min(50vw,210px) * 35 / 278);gap:18px;font-size:13px}.band{padding:0 16px;--band: 104px}.band__pick,.band__player{top:0;right:16px;bottom:0;left:16px}.band__pick{display:grid;grid-template-columns:1fr auto;grid-template-areas:"hint hint" "list shuf";align-content:center;align-items:start;gap:6px 8px}.band__hint{grid-area:hint}.band__list{grid-area:list}.shuffle{grid-area:shuf;margin:0 0 4px;--edge: 4px;height:44px;width:44px;padding:0;justify-content:center;border-radius:10px}.shuffle span{display:none}.pick span{max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pick em{display:none}.band__hint{font-size:12px}.band__hint span{display:none}.band__list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pick{--edge: 4px;height:44px;padding:0 8px 0 5px;gap:6px;border-radius:10px;font-size:11px;line-height:1.15;white-space:normal;text-align:left}.pick i{width:22px;height:22px}.band .yt{width:64px;height:36px;margin-right:10px;--k: .1}.band #prev,.band .time,.band .vol{display:none}.band .right{flex:none;gap:0}.band .info{padding-right:8px}.band .name{font-size:13px}}.room:not(.is-go) *,.room:not(.is-go){animation-play-state:paused!important}.room.is-off .l,.room.is-off .sheen__spin,.room.is-off .lid,.room.is-off .steam path{animation-play-state:paused}.room.is-still *,.room.is-still{animation:none!important}.room.is-still .steam{display:none}@media(max-width:600px){.nav>a{display:none}}@media(prefers-reduced-motion:reduce){.room *,.room{animation:none!important}.steam{display:none}}html{font-synthesis-weight:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/yj-room.css.map */