:root{--radius:8px;--shadow-light:0 2px 8px rgba(0,0,0,0.05);--shadow:0 4px 12px rgba(0,0,0,0.08);--solid-bg:var(--solid-bg-color);--text:var(--text-color);--muted:rgba(0,0,0,0.6)}.video-detail-container{background:var(--solid-bg);border-radius:var(--radius);box-shadow:var(--shadow);max-width:960px;margin:3rem auto;padding:1.5rem}.video-player{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:1.5rem}.video-player video{width:100%;display:block;background:#000}.video-info{background:var(--solid-bg);border-radius:var(--radius);box-shadow:var(--shadow-light);padding:1.5rem;margin-bottom:1.5rem}.video-info h1{font-size:2.25rem;margin:0 0 .5rem;color:var(--text)}.video-info .meta{font-size:.9rem;color:var(--muted);margin-bottom:1rem}.video-info .description{line-height:1.6;color:var(--text)}.comments-section{background:var(--solid-bg);border-radius:var(--radius);box-shadow:var(--shadow-light);padding:1.5rem;margin-bottom:2rem}.comments-section h2{font-size:1.5rem;margin:0 0 1rem;position:relative}.comments-section h2::after{content:'';position:absolute;bottom:-4px;left:0;width:3rem;height:3px;background:var(--primary);border-radius:2px}.new-comment{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}#new-comment-body{background:var(--solid-bg);border:1px solid var(--muted);border-radius:var(--radius);padding:.75rem;resize:vertical;width:100%}#post-comment{align-self:flex-end;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1rem;cursor:pointer}.comment-list{list-style:none;margin:0;padding:0}.comment-item{display:flex;gap:1rem;margin-bottom:1.25rem}.comment-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-body{background:var(--solid-bg);border-radius:var(--radius);box-shadow:var(--shadow-light);padding:.75rem 1rem;flex:1}.comment-body .meta{font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.comment-body p{margin:0 0 .75rem;line-height:1.5}.comment-actions{display:flex;gap:1rem}.btn-like-comment,.btn-reply-comment{background:none;border:none;cursor:pointer;color:var(--text);font-size:.9rem}.btn-like-comment.liked{color:var(--primary)}.like-count{margin-left:.25rem;font-weight:600}.toggle-replies{background:var(--solid-bg);border:1px solid var(--primary);color:var(--primary);padding:.25rem .5rem;border-radius:var(--radius);font-size:.9rem;cursor:pointer;margin-top:.5rem;outline:none}.toggle-replies:focus{outline:none}.replies-list{list-style:none;margin:.75rem 0 0 3rem;padding:0;display:none}.reply-item{display:flex;gap:1rem;margin-bottom:.75rem}#show-more-comments{display:none;margin:1rem auto 0;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1.25rem;cursor:pointer;text-align:center}.cards-grid{display:grid;gap:1rem;margin-bottom:2rem}@media(min-width:600px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.card{background:var(--solid-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-light);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-content{padding:.75rem 1rem;flex:1}.card-content h4{margin:0 0 .5rem;font-size:1.05rem;line-height:1.3}.card-content time{font-size:.8rem;color:var(--muted)}