.comment-form{margin-bottom:1.5rem}.comment-form.replying{background-color:var(--color-surface);border:1px solid #7c3aed;border-radius:8px;padding:1rem}.comment-form-reply-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.comment-form-reply-to{color:#7c3aed;font-size:.85rem;font-weight:500}.comment-form-cancel-reply{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.8rem;transition:color .15s}.comment-form-cancel-reply:hover{color:var(--color-text)}.comment-form-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;border-radius:6px;min-height:80px;padding:.75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.comment-form-textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 2px #7c3aed33}.comment-form-textarea::placeholder{color:var(--color-text-dim)}.comment-form-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.comment-form-hint{color:var(--color-text-dim);font-size:.8rem}.comment-error{color:#ef4444;margin:.5rem 0 0;font-size:.85rem}.btn-primary{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:6px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background-color .15s}.btn-primary:hover:not(:disabled){background-color:#6d28d9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:.4rem .75rem;font-size:.85rem}
.clips-section{margin-top:2rem}.clips-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.clips-header .btn-secondary{align-items:center;gap:.4rem;display:flex}.clips-title{color:var(--color-text);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:600;display:flex}.clips-count{color:var(--color-text-dim);font-size:.95rem;font-weight:400}.clips-loading{color:var(--color-text-dim);align-items:center;gap:.75rem;padding:1rem 0;display:flex}.clips-spinner{animation:1s linear infinite spin}.clips-error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.clips-error p{flex:1;margin:0}.clips-empty{color:var(--color-text-dim);padding:1rem 0;font-style:italic}.clips-signin-prompt{color:var(--color-text-dim);background-color:var(--color-surface);border-radius:6px;margin-bottom:1rem;padding:1rem;font-style:italic}.clips-list{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.clip{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.clip.pending{background-color:#f59e0b0d;border-color:#f59e0b}.clip-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.clip-author{align-items:center;gap:.5rem;display:flex}.clip-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.clip-avatar-placeholder{color:#fff;background-color:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.clip-author-info{flex-direction:column;gap:.15rem;display:flex}.clip-author-name{color:var(--color-text);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.clip-author-badge{color:#fff;text-transform:uppercase;letter-spacing:.02em;background-color:#7c3aed;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:500}.clip-date{color:var(--color-text-dim);font-size:.8rem}.clip-meta{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.clip-pending-badge{color:#f59e0b;background-color:#f59e0b33;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.clip-pending-badge .pending-help-link{color:#f59e0b;opacity:.8;align-items:center;transition:opacity .15s;display:inline-flex}.clip-pending-badge .pending-help-link:hover{opacity:1}.clip-video{margin-bottom:.75rem}.clip-video-embed{background-color:#000;border-radius:6px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.clip-video-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.clip-video-error{text-align:center;color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:.75rem;padding:2rem;font-size:.9rem}.clip-comment{color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9rem;line-height:1.5}.clip-error{color:#ef4444;margin:.5rem 0 0;font-size:.85rem}.clip-actions{border-top:1px solid var(--color-border);gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.clip-action-btn{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;transition:color .15s}.clip-action-btn:hover{color:var(--color-text)}.clip-action-btn.clip-action-delete:hover{color:#ef4444}.clip-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.clip-form-field{margin-bottom:1rem}.clip-form-label{color:var(--color-text);margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}.clip-form-label .required{color:#ef4444}.clip-form-input,.clip-form-textarea{background-color:var(--color-bg);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.clip-form-textarea{resize:vertical;min-height:60px}.clip-form-input:focus,.clip-form-textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 2px #7c3aed33}.clip-form-input::placeholder,.clip-form-textarea::placeholder{color:var(--color-text-dim)}.clip-form-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.clip-form-hint{color:var(--color-text-dim);font-size:.8rem}.clip-form-buttons{gap:.5rem;display:flex}.clips-section .btn-primary{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:6px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background-color .15s}.clips-section .btn-primary:hover:not(:disabled){background-color:#6d28d9}.clips-section .btn-primary:disabled{opacity:.5;cursor:not-allowed}.clips-section .btn-secondary{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background-color:#0000;border-radius:6px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .15s}.clips-section .btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-text-dim)}.clips-section .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.clips-section .btn-small{padding:.4rem .75rem;font-size:.85rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.section-header-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.see-all-link{color:#7c3aed;font-size:.85rem;text-decoration:none;transition:color .15s}.see-all-link:hover{color:#6d28d9;text-decoration:underline}.clips-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:900px){.clips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.clips-grid{grid-template-columns:1fr}}.clip-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:border-color .15s;overflow:hidden}.clip-card:hover{border-color:var(--color-text-dim)}.clip-card .clip-video{aspect-ratio:16/9;background-color:#000}.clip-card .video-embed-container{width:100%;height:100%;position:relative}.clip-card .video-embed-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.clip-card .clip-video-error{color:#ef4444;background-color:#ef44441a;justify-content:center;align-items:center;height:100%;font-size:.85rem;display:flex}.clip-info{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.clip-comment-text{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.clip-author{color:var(--color-text-dim);font-size:.8rem}