.hM8f6q_hero{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;width:100%;height:clamp(288px,62cqw + 118px,400px);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a24;container:playlist-hero/inline-size}.hM8f6q_heroBleed{box-shadow:none;border-radius:0 0 16px 16px}.hM8f6q_topBar{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:.35rem;padding:.55rem .55rem .35rem .85rem;display:flex;position:absolute;top:0;left:0;right:0}.hM8f6q_topBarLeft,.hM8f6q_topBarRight{pointer-events:auto;align-items:center;min-width:0;display:flex}.hM8f6q_topBarLeft{flex:auto;gap:.05rem;max-width:calc(100% - 4.5rem)}.hM8f6q_topBarRight{flex-shrink:0;gap:0}.hM8f6q_streamerHead{color:#fff;border-radius:999px;align-items:center;gap:.45rem;min-width:0;padding:.15rem .45rem .15rem .25rem;text-decoration:none;transition:background .15s;display:inline-flex}.hM8f6q_streamerHead:hover{background:#ffffff14}.hM8f6q_streamerHeadText{flex-direction:column;align-items:flex-start;gap:.02rem;min-width:0;display:flex}.hM8f6q_streamerHeadName{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px #00000073;max-width:9rem;font-size:.82rem;font-weight:800;line-height:1.15;overflow:hidden}.hM8f6q_streamerHeadSub{color:#ffffffad;font-size:.62rem;font-weight:650;line-height:1.1}.hM8f6q_streamerPhoto{background:#38bdf81f;border:2px solid #38bdf8;border-radius:999px;flex-shrink:0;width:1.85rem;height:1.85rem;display:block;overflow:hidden;box-shadow:0 0 0 1px #38bdf82e}.hM8f6q_streamerPhotoImg{object-fit:cover;width:100%;height:100%;display:block}.hM8f6q_streamerPhotoFallback{color:#bae6fde6;background:#0e749040;place-items:center;width:100%;height:100%;display:grid}.hM8f6q_cornerAction{box-sizing:border-box;color:#ffffffeb;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.hM8f6q_cornerAction svg{filter:drop-shadow(0 1px 3px #000000a6)}.hM8f6q_cornerAction:hover{color:#fff;transform:scale(1.06)}.hM8f6q_cornerAction:active{transform:scale(.95)}.hM8f6q_youtubeSearch{color:#ff4d4d}.hM8f6q_youtubeSearch:hover{color:#ff6b6b}.hM8f6q_hero:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-text,#6366f1) 70%, #fff);outline-offset:2px}.hM8f6q_blurredBg{filter:blur(24px)saturate(1.15);z-index:0;background-position:50%;background-size:cover;width:140%;height:140%;position:absolute;top:-20%;left:-20%}.hM8f6q_bgOverlay{z-index:1;background:#0f172a6b;position:absolute;inset:0}.hM8f6q_emptyHero{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.hM8f6q_heroLoading{cursor:default;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.hM8f6q_loadingBg{z-index:0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#0f172a 100%) 0 0/200% 200%;animation:1.4s ease-in-out infinite hM8f6q_heroShimmer;position:absolute;inset:0}.hM8f6q_loadingOverlay{z-index:1;background:#0f172a59;position:absolute;inset:0}.hM8f6q_centerSkeleton{flex-direction:column;align-items:center;gap:.65rem;display:flex}.hM8f6q_centerSkeletonDisc{background:#ffffff1a;border-radius:999px;width:clamp(88px,28cqw,120px);height:clamp(88px,28cqw,120px);animation:1.2s ease-in-out infinite hM8f6q_heroPulse}.hM8f6q_centerSkeletonLine,.hM8f6q_centerSkeletonLineShort,.hM8f6q_queueSkeletonLine,.hM8f6q_queueSkeletonLineShort{background:#ffffff1f;border-radius:999px;height:10px;animation:1.2s ease-in-out infinite hM8f6q_heroPulse;display:block}.hM8f6q_centerSkeletonLine{width:clamp(120px,36cqw,180px)}.hM8f6q_centerSkeletonLineShort{width:clamp(88px,24cqw,120px);animation-delay:.12s}.hM8f6q_queueSkeleton{background:#0f172a6b;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;width:min(100%,220px);padding:12px 14px;display:flex}.hM8f6q_queueSkeletonLine{width:100%}.hM8f6q_queueSkeletonLineShort{width:62%;animation-delay:.1s}@keyframes hM8f6q_heroPulse{0%,to{opacity:.45}50%{opacity:.9}}@keyframes hM8f6q_heroShimmer{0%{background-position:0%}to{background-position:100%}}.hM8f6q_content{z-index:2;flex-direction:column;align-items:center;gap:clamp(.4rem,1.6cqw,.65rem);width:100%;padding:clamp(1.45rem,3.5cqw + .85rem,1.7rem) clamp(.55rem,2.4cqw,.75rem) clamp(2rem,4.8cqw + 1.15rem,2.2rem);display:flex;position:relative}.hM8f6q_albumArea{justify-content:center;align-items:center;width:clamp(118px,40cqw,250px);height:clamp(118px,40cqw,250px);display:flex;position:relative;transform:translate(clamp(-12px,-5cqw,-22px))}.hM8f6q_albumCover{object-fit:cover;z-index:2;border-radius:8px;width:100%;height:100%;box-shadow:0 10px 20px #00000059}.hM8f6q_rotatingRing{z-index:1;width:102%;height:102%;animation:15s linear infinite hM8f6q_spin;position:absolute;right:-39%}.hM8f6q_pausedHero .hM8f6q_rotatingRing{opacity:.72;animation-play-state:paused}.hM8f6q_ringText{fill:#ffffffd9;letter-spacing:clamp(.8px,.35cqw,1.5px);font-size:clamp(8px,2.4cqw,11px);font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Pretendard,sans-serif!important}@keyframes hM8f6q_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hM8f6q_trackInfo{text-align:center;color:#fff;text-shadow:0 2px 4px #0000008c;width:min(92%,420px);min-width:0;max-width:100%}.hM8f6q_title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .1rem;font-size:clamp(.92rem,2.6cqw + .58rem,1.32rem);font-weight:800;overflow:hidden}.hM8f6q_artist{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.76rem,1.7cqw + .48rem,1rem);overflow:hidden}.hM8f6q_trackStreamerTag{opacity:.88}.hM8f6q_emptyProfile{border-radius:999px;display:inline-flex;overflow:hidden}.hM8f6q_emptyAvatar,.hM8f6q_emptyAvatarFallback{object-fit:cover;border:2px solid #ffffff2e;border-radius:999px;width:clamp(56px,18cqw,72px);height:clamp(56px,18cqw,72px);box-shadow:0 8px 18px #00000047}@media (min-width:769px){.hM8f6q_emptyAvatar,.hM8f6q_emptyAvatarFallback{width:clamp(88px,24cqw,120px);height:clamp(88px,24cqw,120px)}}.hM8f6q_emptyAvatarFallback{color:#ffffffd1;background:#ffffff14;justify-content:center;align-items:center;display:inline-flex}.hM8f6q_emptyEyebrow{letter-spacing:.04em;text-transform:uppercase;color:#ffffff9e;margin:0 0 .2rem;font-size:.72rem;font-weight:700}.hM8f6q_emptyStreamerName{margin:0;font-size:clamp(.95rem,3cqw + .5rem,1.15rem);font-weight:800}.hM8f6q_emptyHint{color:#ffffffb8;margin:.35rem 0 0;font-size:.82rem}.hM8f6q_bottomLeft{z-index:3;position:absolute;bottom:.65rem;left:.65rem}.hM8f6q_statusIcon{color:#ffffffeb;background:#00000047;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.hM8f6q_bottomRight{z-index:3;max-width:calc(100% - 3.5rem);position:absolute;bottom:.65rem;right:.65rem}.hM8f6q_queueStatus{-webkit-backdrop-filter:blur(8px);box-sizing:border-box;color:#fff;background:#0000006b;border:1px solid #ffffff1a;border-radius:12px;width:12.35rem;min-width:12.35rem;max-width:12.35rem;padding:.62rem .78rem;box-shadow:0 4px 12px #0003}.hM8f6q_statusHeader{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.42rem;font-size:.74rem;font-weight:600;display:flex}.hM8f6q_acceptingBadge,.hM8f6q_notAcceptingBadge,.hM8f6q_queueCount{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;line-height:1;display:inline-flex}.hM8f6q_acceptingBadge,.hM8f6q_notAcceptingBadge{flex:auto;min-width:5.95rem}.hM8f6q_acceptingBadge svg,.hM8f6q_notAcceptingBadge svg,.hM8f6q_queueCount svg{flex-shrink:0;width:14px;height:14px}.hM8f6q_acceptingBadge{color:#4ade80}.hM8f6q_notAcceptingBadge{color:#f87171}.hM8f6q_queueCount{color:#ffffffe6;flex:none;justify-content:flex-end;min-width:4.1rem}.hM8f6q_upNextList{text-align:left;border-top:1px solid #ffffff1a;flex-direction:column;gap:.32rem;padding-top:.42rem;display:flex}.hM8f6q_upNextItem{color:#ffffffd1;align-items:center;gap:.45rem;min-width:0;min-height:18px;font-size:.74rem;line-height:1.2;display:flex}.hM8f6q_upNextNum{background:#ffffff2e;border-radius:4px;flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.66rem;font-weight:700;line-height:1;display:inline-flex}.hM8f6q_upNextTitle{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;max-width:120px;line-height:1.2;overflow:hidden}.hM8f6q_upNextMore{color:#ffffff85;text-align:right;margin-top:.12rem;font-size:.72rem;font-style:italic}.hM8f6q_queueEmpty{color:#ffffff94;text-align:left;border-top:1px solid #ffffff1a;margin:0;padding-top:.35rem;font-size:.72rem}.hM8f6q_liveAudioIcon{overflow:visible}:is(.hM8f6q_liveAudioIcon path,.hM8f6q_liveAudioIcon line){transform-box:fill-box;transform-origin:50%;animation:.72s ease-in-out infinite hM8f6q_liveAudioBar}:is(.hM8f6q_liveAudioIcon path:first-child,.hM8f6q_liveAudioIcon line:first-child){animation-delay:0s}:is(.hM8f6q_liveAudioIcon path:nth-child(2),.hM8f6q_liveAudioIcon line:nth-child(2)){animation-delay:.12s}:is(.hM8f6q_liveAudioIcon path:nth-child(3),.hM8f6q_liveAudioIcon line:nth-child(3)){animation-delay:.24s}:is(.hM8f6q_liveAudioIconPaused path,.hM8f6q_liveAudioIconPaused line){opacity:.88;animation:none;transform:none}@keyframes hM8f6q_liveAudioBar{0%,to{opacity:.8;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@container playlist-hero (max-width:620px){.hM8f6q_hero{align-items:flex-start;height:auto;min-height:clamp(252px,72cqw,300px)}.hM8f6q_content{padding-top:clamp(2.45rem,11cqw,2.85rem);padding-bottom:clamp(2.45rem,8cqw,2.75rem)}.hM8f6q_streamerHeadName{max-width:clamp(5.5rem,28cqw,8.5rem);font-size:clamp(.74rem,2.8cqw + .42rem,.82rem)}.hM8f6q_streamerHeadSub{font-size:clamp(.58rem,1.8cqw + .32rem,.62rem)}.hM8f6q_cornerAction{width:clamp(30px,9cqw,36px);min-width:clamp(30px,9cqw,36px);height:clamp(30px,9cqw,36px);min-height:clamp(30px,9cqw,36px)}.hM8f6q_queueStatus{border-radius:999px;width:auto;min-width:min(11.5rem,100%);max-width:min(46cqw,220px);padding:.48rem .72rem}.hM8f6q_statusHeader{gap:.55rem;margin-bottom:0;font-size:clamp(.66rem,2.2cqw + .38rem,.74rem)}.hM8f6q_upNextList,.hM8f6q_upNextMore,.hM8f6q_queueEmpty{display:none}}@container playlist-hero (max-width:440px){.hM8f6q_hero{min-height:clamp(236px,78cqw,276px)}.hM8f6q_content{gap:.38rem;padding-top:clamp(2.35rem,12cqw,2.7rem);padding-bottom:clamp(2.7rem,10cqw,3rem)}.hM8f6q_streamerPhoto{width:clamp(1.55rem,8cqw,1.85rem);height:clamp(1.55rem,8cqw,1.85rem)}.hM8f6q_bottomRight{max-width:none;left:.65rem;right:.65rem}.hM8f6q_hero:has(.hM8f6q_bottomLeft) .hM8f6q_bottomRight{left:2.95rem;right:.65rem}.hM8f6q_queueStatus{border-radius:999px;width:100%;min-width:0;max-width:none;padding:.4rem .68rem}.hM8f6q_statusIcon{background:0 0;border:none;width:32px;height:32px}}@container playlist-hero (max-width:340px){.hM8f6q_hero{min-height:228px}.hM8f6q_content{padding-top:2.3rem;padding-bottom:2.65rem}.hM8f6q_acceptingBadge,.hM8f6q_notAcceptingBadge{min-width:5.4rem}.hM8f6q_queueCount{min-width:3.7rem}}@media (max-width:1100px) and (min-width:769px){.hM8f6q_bottomLeft{bottom:.55rem;left:.55rem}.hM8f6q_bottomRight{bottom:.55rem;right:.55rem}}@media (prefers-reduced-motion:reduce){.hM8f6q_rotatingRing,:is(.hM8f6q_liveAudioIcon path,.hM8f6q_liveAudioIcon line){animation:none}}
._0KVi4G_preview{flex-direction:column;display:flex;container:playlist-preview/inline-size}._0KVi4G_paddedContent{padding:16px var(--section-body-pad-x,22px) var(--section-body-pad-bottom,22px)}._0KVi4G_stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}._0KVi4G_stat{border:1px solid var(--stp-card-border,var(--border-color,#e5e7eb));background:color-mix(in srgb, var(--stp-card-bg,var(--card-bg,#fff)) 92%, var(--accent-text,#6366f1) 8%);color:var(--stp-card-ink-sub,var(--text-secondary,#6b7280));border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:14px 16px;display:flex}._0KVi4G_stat svg{flex-shrink:0;width:18px;height:18px}._0KVi4G_statValue{color:var(--stp-card-ink,var(--text-primary,#1a1a1f));font-size:1.35rem;font-weight:800;line-height:1}._0KVi4G_statLabel{word-break:keep-all;font-size:.82rem;font-weight:600;line-height:1.25}._0KVi4G_statsPending ._0KVi4G_statValue{opacity:.45}@keyframes _0KVi4G_spin{to{transform:rotate(360deg)}}@container playlist-preview (max-width:560px){._0KVi4G_stats{gap:10px}._0KVi4G_stat{gap:3px;padding:12px 13px}._0KVi4G_stat svg{width:16px;height:16px}._0KVi4G_statValue{font-size:1.15rem}._0KVi4G_statLabel{font-size:.76rem}}@container playlist-preview (max-width:440px){._0KVi4G_stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}._0KVi4G_stats ._0KVi4G_stat:last-child{grid-column:1/-1}._0KVi4G_stat{padding:10px 12px}._0KVi4G_stat svg{width:15px;height:15px}._0KVi4G_statValue{font-size:1.05rem}._0KVi4G_statLabel{font-size:.72rem}}@container playlist-preview (max-width:320px){._0KVi4G_stat{padding:9px 10px}._0KVi4G_statValue{font-size:.98rem}._0KVi4G_statLabel{font-size:.68rem}}@media (max-width:640px){._0KVi4G_stats{gap:10px}._0KVi4G_statValue{font-size:1.15rem}._0KVi4G_statLabel{font-size:.76rem}}@media (max-width:480px){._0KVi4G_stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}._0KVi4G_stats ._0KVi4G_stat:last-child{grid-column:1/-1}._0KVi4G_stat{padding:10px 12px}._0KVi4G_statValue{font-size:1.05rem}._0KVi4G_statLabel{font-size:.72rem}}