.vpbd{--vpbd-accent:#ff0033;background:#111318;color:#fff;padding:22px;border-radius:16px;font-family:inherit}.vpbd *{box-sizing:border-box}.vpbd__heading{color:#fff;font-size:1.5rem;margin:0 0 18px}.vpbd__body{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:20px}.vpbd__player{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.vpbd__current{display:flex;flex-direction:column;gap:4px;padding-top:12px}.vpbd__current-title{font-size:1.05rem}.vpbd__current-channel,.vpbd__meta{color:#aab0bd;font-size:.82rem}.vpbd__list{display:flex;flex-direction:column;gap:10px;overflow:auto;scrollbar-width:thin}.vpbd__item{display:flex;gap:12px;width:100%;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.vpbd__item:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}.vpbd__item.is-active{border-color:var(--vpbd-accent);background:rgba(255,255,255,.06)}.vpbd__thumb{position:relative;display:block;flex:0 0 auto;width:140px;aspect-ratio:16/9;overflow:hidden;background:#222}.vpbd__thumb img{width:100%;height:100%;object-fit:cover}.vpbd__duration{position:absolute;right:5px;bottom:5px;padding:2px 5px;border-radius:3px;background:rgba(0,0,0,.82);color:#fff;font-size:.7rem}.vpbd__play{position:absolute;left:50%;top:50%;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:var(--vpbd-accent);color:#fff;font-size:11px;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}.vpbd__item:hover .vpbd__play,.vpbd__item.is-active .vpbd__play{opacity:1}.vpbd__info{display:flex;min-width:0;flex-direction:column;gap:6px}.vpbd__title{display:-webkit-box;overflow:hidden;color:#fff;font-size:.92rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.vpbd--below .vpbd__body,.vpbd--grid .vpbd__body{grid-template-columns:1fr}.vpbd--below .vpbd__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.vpbd--grid .vpbd__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.vpbd--grid .vpbd__item{flex-direction:column}.vpbd--grid .vpbd__thumb{width:100%!important}.vpbd__notice{padding:16px;border-left:4px solid #d63638;background:#fff;color:#1d2327}.vpbd__item:focus-visible{outline:3px solid #72aee6;outline-offset:2px}
.vpbd__mode-note{margin:10px 0 0;color:#aab0bd;font-size:.78rem}
@media(max-width:767px){.vpbd__body{grid-template-columns:1fr}.vpbd__list{max-height:420px}.vpbd--below .vpbd__list,.vpbd--grid .vpbd__list{grid-template-columns:1fr}.vpbd__thumb{width:115px}}