.ytcpp-wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:20px;border-radius:18px;padding:18px;margin:16px 0;box-shadow:0 10px 30px rgba(0,0,0,.08);overflow:hidden}
.ytcpp-dark{background:#111827;color:#f9fafb}
.ytcpp-light{background:#fff;color:#111827;border:1px solid #e5e7eb}
.ytcpp-player-wrap{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;background:#000}
.ytcpp-player{position:absolute;inset:0;width:100%;height:100%}
.ytcpp-title{font-size:22px;line-height:1.3;margin:14px 0 6px}
.ytcpp-title a{text-decoration:none;color:inherit}
.ytcpp-title a:hover{color:var(--ytcpp-accent)}
.ytcpp-date{opacity:.75;font-size:13px;margin-bottom:10px}
.ytcpp-desc{font-size:14px;line-height:1.7;opacity:.92}
.ytcpp-sidebar{display:flex;flex-direction:column;gap:12px;max-height:650px;overflow:auto;padding-right:4px}
.ytcpp-item{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start;background:transparent;border:1px solid rgba(127,127,127,.18);border-radius:14px;padding:10px;cursor:pointer;text-align:left;transition:all .2s ease}
.ytcpp-item:hover,.ytcpp-item.is-active{border-color:var(--ytcpp-accent);transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.ytcpp-thumb{display:block;border-radius:10px;overflow:hidden;background:#000}
.ytcpp-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ytcpp-item-title{display:block;font-weight:600;line-height:1.4;margin-bottom:6px}
.ytcpp-item-date{display:block;font-size:12px;opacity:.75}
.ytcpp-error{padding:14px 16px;border-left:4px solid #dc2626;background:#fef2f2;color:#7f1d1d;border-radius:8px}
@media (max-width: 900px){.ytcpp-wrap{grid-template-columns:1fr}.ytcpp-sidebar{max-height:none}.ytcpp-item{grid-template-columns:120px 1fr}}
@media (max-width: 560px){.ytcpp-wrap{padding:12px}.ytcpp-item{grid-template-columns:100px 1fr}.ytcpp-title{font-size:18px}}