:root{--pad:16px;--gap:16px;--info-h:76px}html,body{height:100%;margin:0;overflow:hidden}body{color:#f2f2f2;background:#0b0b0f;font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,sans-serif}.playlist{box-sizing:border-box;height:100dvh;padding:var(--pad);overflow:hidden}.playlist .layout{grid-template-columns:minmax(0, calc((100dvh - 2 * var(--pad) - var(--info-h)) * 16 / 9)) minmax(260px, 340px);gap:var(--gap);justify-content:center;align-items:start;height:100%;display:grid}.playlist .stage{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.playlist .stage video-player{width:100%;height:100%;position:absolute;inset:0}.playlist .stage video-skin:not(:defined){visibility:hidden}.playlist .credit-skip{color:#ffffffb8;opacity:.42;cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:opacity .16s,background .16s,color .16s;display:grid}.playlist .credit-skip svg{width:21px;height:21px}.playlist .credit-skip:hover,.playlist .credit-skip:focus-visible,.playlist .credit-skip.enabled{opacity:1;color:#fff;background:#000000b8}.playlist .credit-skip.enabled{background:#4b4a85}.playlist .info{box-sizing:border-box;height:var(--info-h);padding:12px 4px 0;overflow:hidden}.playlist .ep{color:#8b8b99;margin:0 0 6px;font-size:14px}.playlist h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:26px;line-height:1.35;overflow:hidden}.playlist .list{box-sizing:border-box;background:#15151c;border-radius:12px;flex-direction:column;align-self:stretch;min-height:0;padding:16px 8px 8px;display:flex}.playlist .list h2{color:#b8b8c6;margin:0;font-size:16px}.playlist .list-heading{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin:0 4px 4px 12px;display:flex}.playlist ol{scrollbar-width:thin;scrollbar-color:#656575 transparent;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.playlist ol::-webkit-scrollbar{width:8px}.playlist ol::-webkit-scrollbar-track{background:0 0;border-radius:999px;margin:4px 0}.playlist ol::-webkit-scrollbar-thumb{background:#656575;border:2px solid #15151c;border-radius:999px;min-height:36px}.playlist ol::-webkit-scrollbar-thumb:hover{background:#9291a5}.playlist li button{color:#d4d4de;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:12px;font-size:15px;display:flex}.playlist li button:hover{background:#20202a}.playlist li button.active{color:#fff;background:#2a2a38;font-weight:600}.playlist .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=960px){:root{--pad:12px;--info-h:auto}.playlist .layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-content:stretch}.playlist .info{height:auto;padding-bottom:8px}.playlist h1{font-size:18px}.playlist .credit-skip{opacity:.76;width:44px;height:44px}}