#playbackPage[hidden]{display:none!important}#playbackPage{position:fixed;inset:0 0 90px;z-index:800;background:#141821;color:#f5f6fa;overflow:auto;isolation:isolate}#playbackPage .playback-backdrop{position:fixed;inset:-60px;background-size:cover;background-position:center;filter:blur(45px);opacity:.34;z-index:-2;pointer-events:none}#playbackPage:before{content:'';position:fixed;inset:0;background:linear-gradient(120deg,#11151dcc,#11151d99);z-index:-1;pointer-events:none}#playbackPage header{display:flex;align-items:center;gap:24px;padding:24px 32px;background:transparent;border:0}#playbackPage header button{min-height:44px}#playbackPage .playback-content{max-width:1180px;margin:auto;padding:24px 40px}#playbackPage .playback-detail{display:block!important;background:#ffffff08;border:1px solid #ffffff10;backdrop-filter:blur(20px);box-shadow:none;padding:28px;border-radius:24px}#playbackPage .listening-inner{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.2fr);align-items:center;gap:44px}#playbackPage .disc{max-width:320px;width:100%;aspect-ratio:1;margin:auto;background-size:cover;background-position:center}#playbackPage .lyric-scroll{height:48vh;min-height:240px;overflow:auto;padding:50px 18px;scroll-padding-block:50px;background:none;border:0;white-space:pre-line}#playbackPage #lyricScroll button{display:block;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;padding:10px 0;color:#c3c7d0;line-height:1.8;font-size:18px;text-align:center;min-height:44px}#playbackPage #lyricScroll button.current{color:#d5ff9e;font-size:21px;font-weight:650}#playbackPage #lyricScroll .hint{text-align:center;color:#aab2c0}#playbackPage .playback-art{width:280px;aspect-ratio:1;background:#ffffff15 center/cover;border-radius:24px;margin:auto}#playbackPage .playback-shared{text-align:center}.playback-open{overflow:hidden!important}#playbackPage button:focus-visible{outline:2px solid #d5ff9e;outline-offset:3px}@media(max-width:600px){#playbackPage .playback-content{padding:12px}#playbackPage .listening-inner{grid-template-columns:1fr;gap:20px}#playbackPage .disc{max-width:180px}#playbackPage .lyric-scroll{height:38vh}#playbackPage .playback-detail{padding:16px}}html[data-desktop-shell] #playbackPage{bottom:0}

#playbackPage .listening-inner{max-height:none;overflow:visible}#playbackPage .lyric-scroll{max-height:none}#playbackPage .listening #disc{width:min(100%,320px);height:auto;aspect-ratio:1}#playbackPage .playback-shared .lyric-scroll button{display:block;background:none;border:0;box-shadow:none;color:#c3c7d0;font-size:18px;line-height:1.8;padding:10px;width:100%}#playbackPage .playback-shared .lyric-scroll button.current{color:#d5ff9e;font-weight:bold}

#playbackPage .playback-detail{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;padding:20px 0}#playbackPage .playback-backdrop{opacity:.6}#playbackPage .playback-shared{max-width:800px;margin:auto}#playbackPage .disc{animation:none!important;border-radius:24px!important;box-shadow:0 20px 70px #0005!important}#playbackPage .disc:after{display:none!important}

#playbackPage .playback-shared{display:grid;max-width:1100px;grid-template-columns:minmax(180px,1fr) minmax(240px,1.2fr);gap:20px 44px;align-items:center}#playbackPage .playback-shared .lyric-scroll button{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-weight:400}#playbackPage .playback-shared .lyric-scroll button.current{color:#d5ff9e!important;font-weight:650}@media(max-width:600px){#playbackPage .playback-shared{grid-template-columns:1fr}#playbackPage .playback-art{width:180px}}
#playbackPage .playback-content{padding-top:clamp(46px,10vh,110px);padding-bottom:48px}#playbackPage .listening-inner,#playbackPage .playback-shared{grid-template-columns:minmax(220px,1fr) minmax(260px,1.1fr);gap:clamp(32px,5vw,76px)}#playbackPage .playback-art,#playbackPage .disc{width:min(100%,380px);max-width:380px;margin-inline:auto}#playbackPage .listening-inner>div:first-child{min-width:0;text-align:center}#playbackPage .lyric-scroll{min-width:0}@media(max-width:900px){#playbackPage .playback-content{padding-top:44px;padding-inline:24px}#playbackPage .playback-art,#playbackPage .disc{max-width:300px}}@media(max-width:600px){#playbackPage .listening-inner,#playbackPage .playback-shared{grid-template-columns:1fr;gap:24px}#playbackPage .playback-art,#playbackPage .disc{width:230px;max-width:100%}#playbackPage .playback-content{padding-top:28px}}@media(max-height:650px){#playbackPage .playback-content{padding-top:24px}}

#playbackPage .playback-content{max-width:1400px}#playbackPage .playback-art,#playbackPage .disc{width:min(100%,480px);max-width:480px}#playbackPage .lyric-scroll{writing-mode:horizontal-tb;word-break:normal;overflow-wrap:break-word}#playbackPage .lyric-scroll button,#playbackPage .lyric-scroll p{width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;text-align:center;line-height:1.8;min-width:0}@media(max-width:600px){#playbackPage .playback-art,#playbackPage .disc{width:min(72vw,300px)}}
#playbackPage .playback-shared{grid-template-columns:minmax(200px,1fr) minmax(260px,1.2fr);grid-template-rows:auto 1fr;grid-template-areas:"summary tools" "summary scroll";align-items:stretch}
#playbackPage .playback-summary{grid-area:summary;min-width:0;display:flex;flex-direction:column;justify-content:center}
#playbackPage .lyric-scroll-tools{grid-area:tools;display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 8px;color:#c5bbd0;font-size:12px;min-width:0}
#playbackPage .lyric-scroll{grid-area:scroll;min-width:0;scrollbar-width:none;-ms-overflow-style:none}
#playbackPage .lyric-scroll::-webkit-scrollbar{display:none;width:0;height:0}
@media(max-width:600px){#playbackPage .playback-shared{grid-template-columns:1fr;grid-template-areas:"summary" "tools" "scroll"}}