.user-badge{white-space:nowrap;border:1px solid;border-radius:9999px;align-items:center;gap:.25rem;max-width:100%;padding:.125rem .5rem;font-weight:500;display:inline-flex}.user-badge-sm{padding:.125rem .375rem;font-size:.7rem}.user-badge-md{padding:.2rem .5rem;font-size:.8rem}.user-badge-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-badge-label{text-overflow:ellipsis;line-height:1;overflow:hidden}.user-badge-list{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}
.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)}}
.community-main{flex:1}.community-loading{color:var(--color-text-dim);justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.community-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.community-entry.highlight-flash{animation:2s ease-out highlightFade}@keyframes highlightFade{0%{box-shadow:none}10%{box-shadow:inset 0 0 0 2px #7c3aed,0 0 12px #7c3aed66}70%{box-shadow:inset 0 0 0 2px #7c3aed,0 0 12px #7c3aed66}to{box-shadow:none}}.community-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.community-filters{display:flex}.community-filter{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;border-radius:0;align-items:center;gap:.35rem;margin-left:-1px;padding:.4rem .75rem;font-size:.85rem;transition:all .15s;display:flex}.community-filter:first-child{border-radius:6px 0 0 6px;margin-left:0}.community-filter:last-child{border-radius:0 6px 6px 0}.community-filter:hover{border-color:var(--color-text-dim);color:var(--color-text);z-index:1}.community-filter.active{color:#fff;z-index:2;background-color:#7c3aed;border-color:#7c3aed}.community-actions{align-items:center;gap:.5rem;display:flex}.community-signin-prompt{color:var(--color-text-dim);margin:0;font-size:.85rem;font-style:italic}.community-btn{cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.community-btn.secondary{border:1px solid var(--color-border);color:var(--color-text);background-color:#0000}.community-btn.secondary:hover{background-color:var(--color-surface);border-color:var(--color-text-dim)}.community-btn.primary{color:#fff;background-color:#7c3aed;border:1px solid #7c3aed}.community-btn.primary:hover{background-color:#6d28d9;border-color:#6d28d9}.community-form-wrapper{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.25rem;padding:1rem}.community-form-wrapper .comment-form{margin-bottom:0}.form-cancel-btn{border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;background:0 0;border-radius:6px;margin-top:.75rem;padding:.4rem .75rem;font-size:.85rem;transition:all .15s}.form-cancel-btn:hover{border-color:var(--color-text-dim);color:var(--color-text)}.community-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}.community-error p{flex:1;margin:0}.community-empty{text-align:center;color:var(--color-text-dim);padding:3rem 1rem}.community-empty p{margin:.25rem 0}.community-feed{flex-direction:column;gap:1rem;display:flex}.community-entry{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.community-entry.pending{background-color:#f59e0b0d;border-color:#f59e0b}.comment-thread{flex-direction:column;gap:0;display:flex}.community-entry.has-replies{border-bottom-right-radius:0;margin-bottom:0}.community-entry.entry-reply{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:-1px;margin-left:1.5rem;padding:.75rem 1rem}.community-entry.entry-reply.first-reply:not(.last-reply),.community-entry.entry-reply.middle-reply{border-radius:0}.community-entry.entry-reply.last-reply:not(.first-reply){border-top-left-radius:0;border-top-right-radius:0}.community-entry.entry-reply.first-reply.last-reply{border-radius:0 0 8px 8px}.community-entry.entry-reply.pending{background-color:#f59e0b0d;border-color:#f59e0b}.inline-reply-form{background-color:var(--color-surface);border:1px solid #7c3aed;border-radius:0 8px 8px;margin-top:-1px;margin-left:1.5rem;padding:.75rem 1rem;animation:.2s ease-out slideDown}.community-entry.entry-reply+.inline-reply-form{border-top-left-radius:0;border-top-right-radius:0}.community-entry.entry-reply:has(+.inline-reply-form){border-bottom-right-radius:0;border-bottom-left-radius:0}.inline-reply-form .comment-form{margin-bottom:0}.inline-reply-form .comment-form.replying{background:0 0;border:none;border-radius:0;padding:0}.inline-reply-form .comment-form-footer{margin-top:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.entry-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.entry-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.entry-badge.clip-badge{color:#ef4444;background-color:#ef444426}.entry-badge.fork-badge{color:#fb923c;background-color:#f9731626}.entry-header-right{align-items:center;gap:.5rem;display:flex}.community-entry{position:relative}.entry-actions{opacity:0;z-index:10;border-radius:4px;transition:opacity .15s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%);box-shadow:0 2px 8px #00000040;flex-direction:row!important;gap:0!important;display:flex!important}.community-entry:hover .entry-actions{opacity:1}.entry-actions>.reply-btn,.entry-actions>.delete-btn{all:unset;border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;box-sizing:border-box;background-color:#1a1a1a;align-items:center;gap:.3rem;margin:0;padding:.35rem .6rem;font-size:.75rem;transition:all .15s;display:flex}.entry-actions>.reply-btn{border-right:none;border-radius:4px 0 0 4px}.entry-actions>.delete-btn{border-radius:0 4px 4px 0}.entry-actions>.reply-btn:only-child{border-right:1px solid var(--color-border);border-radius:4px}.entry-actions>.delete-btn:only-child{border-radius:4px}.entry-actions>.reply-btn:hover{color:#7c3aed;z-index:1;background-color:#2d1f4e;border-color:#7c3aed}.entry-actions>.delete-btn:hover:not(:disabled){color:#ef4444;z-index:1;background-color:#3d1f1f;border-color:#ef4444}.entry-actions>.delete-btn:disabled{opacity:.5;cursor:not-allowed}.comment-reply-to-link{color:var(--color-text-dim);font-size:.8rem;text-decoration:none;transition:color .15s}.comment-reply-to-link:hover{color:#7c3aed;text-decoration:underline}.entry-author-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.entry-avatar{color:#fff;background-color:#7c3aed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.entry-avatar img{object-fit:cover;width:100%;height:100%}.entry-avatar.is-op{background-color:#f59e0b}.entry-author-info{flex-direction:column;gap:.1rem;display:flex}.entry-author-name-row{align-items:center;gap:.5rem;display:flex}.entry-author-name{color:var(--color-text);font-size:.9rem;font-weight:600}.author-badge{color:#fff;text-transform:uppercase;letter-spacing:.02em;background-color:#7c3aed;border-radius:3px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.pending-badge{color:#f59e0b;background-color:#f59e0b33;border-radius:3px;padding:.15rem .4rem;font-size:.65rem;font-weight:500}.pending-badge.admin-review{color:#ef4444;cursor:pointer;background-color:#ef444433;text-decoration:none;transition:background-color .15s}.pending-badge.admin-review:hover{background-color:#ef444459}.entry-timestamp{color:var(--color-text-dim);font-size:.8rem}.entry-content{color:var(--color-text);word-break:break-word;margin:0;font-size:.9rem;line-height:1.5}.entry-content strong{color:var(--color-text);font-weight:600}.entry-content em{font-style:italic}.entry-content code{color:#e879f9;background-color:#ffffff14;border-radius:4px;padding:.15em .4em;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85em}.entry-content a,.entry-content .comment-link{color:#a78bfa;text-decoration:none;transition:color .15s}.entry-content a:hover,.entry-content .comment-link:hover{color:#c4b5fd;text-decoration:underline}.clip-title{color:var(--color-text);margin:0 0 .75rem;font-size:1rem;font-weight:600}.clip-video-embed{margin-bottom:.75rem}.clip-video-embed .video-embed-container{background-color:#000;border-radius:6px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.clip-video-embed .video-embed-container 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}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background-color:#0000;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .15s}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-text-dim)}.btn-small{padding:.4rem .75rem;font-size:.85rem}.fork-entry-content{background-color:#10b9810d;border:1px solid #10b98133;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem;text-decoration:none;transition:all .15s;display:flex}.fork-entry-content:hover{background-color:#10b9811a;border-color:#10b9814d}.fork-entry-info{flex:1;min-width:0}.fork-entry-name{color:var(--color-text);margin:0 0 .25rem;font-size:.95rem;font-weight:600}.fork-entry-description{color:var(--color-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.fork-entry-tags{flex-wrap:wrap;gap:.35rem;display:flex}.fork-tag{color:#a78bfa;background-color:#7c3aed26;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.fork-entry-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.35rem;display:flex}.fork-stat{color:var(--color-text-dim);align-items:center;gap:.3rem;font-size:.8rem;display:flex}.fork-stat svg{color:#a78bfa}@media (max-width:768px){body .community-filters,.community-btn.primary,.community-actions>:nth-child(2){display:none}}
.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}