.comment-bg-dark{background-color:var(--color-primitive-gray-850)}.comment-bg-darker{background-color:var(--color-primitive-gray-900)}.comment-bg-mid{background-color:var(--color-primitive-gray-700)}.comment-text-muted{color:var(--color-primitive-gray-400)}.comment-text-secondary{color:var(--color-primitive-gray-500)}.comment-text-body{color:var(--color-primitive-gray-300)}.comment-text-warning{color:#eab308}.comment-text-error{color:#f87171}.comment-text-link{color:#60a5fa}.comment-border{border-color:var(--color-primitive-gray-700)}.comment-border-error{border-color:#f87171}.comment-avatar{width:2rem;height:2rem}.comment-icon-sm{width:1.25rem;height:1.25rem}.comment-icon-xs{width:1rem;height:1rem}@keyframes comment-pulse{0%,to{opacity:1}50%{opacity:.5}}.comment-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite comment-pulse}.comment-min-w-0{min-width:0}.comment-radio-dot{width:.5rem;height:.5rem}.comment-discord-btn{background-color:#5865f2}.comment-discord-btn:hover{background-color:#4752c4}.comment-discord-icon{width:1.25rem;height:1.25rem}.comment-text-xs{font-size:.75rem;line-height:1rem}.comment-text-sm{font-size:.875rem;line-height:1.25rem}.comment-text-xl{font-size:1.25rem;line-height:1.75rem}.comment-text-2xl{font-size:1.5rem;line-height:2rem}.comment-form{background-color:var(--color-primitive-gray-850);border:1px solid var(--color-primitive-gray-700);border-radius:.5rem}.comment-form-body{padding:.75rem}.comment-form-footer{border-top:1px solid var(--color-primitive-gray-700);padding:.5rem .75rem}.comment-form-gap{gap:.75rem}.comment-signin-box{background-color:var(--color-primitive-gray-850);border:1px solid var(--color-primitive-gray-700);border-radius:.5rem;padding:1rem}.comment-signin-link{border-radius:.5rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:color .15s,background-color .15s}.comment-loading-box{background-color:var(--color-primitive-gray-850);border:1px solid var(--color-primitive-gray-700);border-radius:.5rem;padding:1rem}.comment-loading-placeholder{background-color:var(--color-primitive-gray-700);height:5rem}.comment-textarea{background-color:var(--color-primitive-gray-900);border:1px solid var(--color-primitive-gray-700);color:#fff;resize:none;border-radius:.5rem;width:100%;padding:.5rem .75rem}.comment-textarea::placeholder{color:var(--color-primitive-gray-500)}.comment-textarea:focus{border-color:#3b82f6;outline:none}.comment-cancel-btn{color:var(--color-primitive-gray-400);background:0 0;border:none;padding:.375rem .75rem;transition:color .15s}.comment-cancel-btn:hover{color:#fff}.comment-submit-btn{color:#fff;background-color:#2563eb;border:none;border-radius:.5rem;padding:.375rem 1rem;transition:background-color .15s}.comment-submit-btn:hover{background-color:#1d4ed8}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-btn-gap{gap:.5rem}.comment-error-text{color:#f87171;margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.comment-thread{margin-top:2rem}.comment-thread-title{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;line-height:2rem}.comment-thread-count{color:var(--color-primitive-gray-500);margin-left:.5rem;font-size:1.125rem;font-weight:400;line-height:1.75rem}.comment-thread-form-wrap{margin-bottom:2rem}.comment-error-alert{background-color:#7f1d1d33;border:1px solid #f87171;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.comment-retry-btn{color:#f87171;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.875rem;line-height:1.25rem;transition:color .15s}.comment-retry-btn:hover{color:#fca5a5}.comment-skeleton-list>*+*{margin-top:1rem}.comment-skeleton-gap{gap:.75rem}.comment-skeleton-avatar{background-color:var(--color-primitive-gray-700);width:2rem;height:2rem}.comment-skeleton-line{background-color:var(--color-primitive-gray-700);border-radius:.25rem;height:1rem;margin-bottom:.5rem}.comment-list>*+*,.comment-load-more-wrap{margin-top:1.5rem}.comment-load-more-btn{background-color:var(--color-primitive-gray-700);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1.5rem;transition:background-color .15s}.comment-load-more-btn:hover{background-color:#4b5563}.comment-load-more-btn:disabled{opacity:.5}.comment-item-nested{margin-top:.75rem;margin-left:2rem}.comment-item-deleted{color:var(--color-primitive-gray-500);padding:.5rem 0;font-style:italic}.comment-item-gap{gap:.75rem}.comment-replies-border{border-left:2px solid var(--color-primitive-gray-700);margin-top:.5rem;padding-left:1rem}.comment-hidden-badge{color:#fff;background-color:#ca8a04;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;position:absolute;top:-.5rem;right:.5rem}.comment-hidden-overlay{opacity:.6;background-color:#713f121a;border-radius:.5rem;padding:.5rem}.comment-meta-gap{gap:.5rem}.comment-author{color:#fff}.comment-content{color:var(--color-primitive-gray-300);white-space:pre-wrap;overflow-wrap:break-word;margin-top:.25rem}.comment-actions{gap:1rem;margin-top:.5rem}.comment-action-btn{color:var(--color-primitive-gray-500);background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.25rem;transition:color .15s}.comment-action-btn:hover{color:#60a5fa}.comment-action-btn.comment-action-edit:hover{color:#fff}.comment-action-btn.comment-action-delete:hover,.comment-action-btn.comment-action-report:hover{color:#f87171}.comment-report-count{color:#f87171;font-size:.875rem;line-height:1.25rem}.comment-edit-area{margin-top:.5rem}.comment-edit-actions{gap:.5rem;margin-top:.5rem}.comment-edit-save-btn{color:#fff;background-color:#2563eb;border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;transition:background-color .15s}.comment-edit-save-btn:hover{background-color:#1d4ed8}.comment-edit-save-btn:disabled{opacity:.5}.comment-edit-cancel-btn{color:var(--color-primitive-gray-400);background:0 0;border:none;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;transition:color .15s}.comment-edit-cancel-btn:hover{color:#fff}.comment-reply-form{margin-top:.75rem}.comment-modal-overlay{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.comment-modal-backdrop{background-color:#000000b3;position:absolute;inset:0}.comment-modal-content{background-color:var(--color-primitive-gray-850);border:1px solid var(--color-primitive-gray-700);border-radius:.5rem;width:100%;max-width:28rem;margin-left:1rem;margin-right:1rem;padding:1.5rem;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.comment-modal-close-btn{color:var(--color-primitive-gray-400);background:0 0;border:none;border-radius:.5rem;padding:.25rem;transition:color .15s,background-color .15s;position:absolute;top:1rem;right:1rem}.comment-modal-close-btn:hover{color:#fff;background-color:var(--color-primitive-gray-700)}.comment-modal-close-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.comment-modal-title{color:#fff;margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem}.comment-modal-description{color:var(--color-primitive-gray-400);margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.comment-modal-fieldset{border:none;margin-bottom:1rem;padding:0}.comment-modal-legend{color:var(--color-primitive-gray-300);margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;display:block}.comment-radio-list>*+*{margin-top:.5rem}.comment-radio-option{border:1px solid var(--color-primitive-gray-700);cursor:pointer;border-radius:.5rem;align-items:center;padding:.75rem;transition:border-color .15s,background-color .15s;display:flex}.comment-radio-option:hover{border-color:#4b5563}.comment-radio-option:focus-within{box-shadow:0 0 0 2px #3b82f6}.comment-radio-option.selected{background-color:#3b82f61a;border-color:#3b82f6}.comment-radio-indicator{border:2px solid var(--color-primitive-gray-500);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;margin-right:.75rem;display:flex}.comment-radio-indicator.selected{background-color:#3b82f6;border-color:#3b82f6}.comment-radio-dot{background-color:#fff;border-radius:50%;width:.5rem;height:.5rem}.comment-radio-label{color:var(--color-primitive-gray-300)}.comment-details-label{color:var(--color-primitive-gray-300);margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;display:block}.comment-details-textarea{background-color:var(--color-primitive-gray-900);border:1px solid var(--color-primitive-gray-700);color:#fff;resize:none;border-radius:.5rem;width:100%;padding:.5rem .75rem}.comment-details-textarea::placeholder{color:var(--color-primitive-gray-500)}.comment-details-textarea:focus{border-color:#0000;outline:none;box-shadow:0 0 0 2px #3b82f6}.comment-details-hint{color:var(--color-primitive-gray-500);margin-top:.25rem;font-size:.75rem;line-height:1rem}.comment-details-wrap{margin-bottom:1rem}.comment-modal-error{color:#f87171;margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.comment-modal-actions{gap:.75rem}.comment-modal-cancel-btn{color:var(--color-primitive-gray-400);background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:color .15s}.comment-modal-cancel-btn:hover{color:#fff}.comment-modal-cancel-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f6}.comment-modal-submit-btn{color:#fff;background-color:#dc2626;border:none;border-radius:.5rem;padding:.5rem 1rem;transition:background-color .15s}.comment-modal-submit-btn:hover{background-color:#b91c1c}.comment-modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-modal-submit-btn:focus{outline:none;box-shadow:0 0 0 2px #f87171}