.comments-section{margin-top:var(--sp-8,4rem)}.comments-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-4,1rem);justify-content:space-between;margin-bottom:var(--sp-6,2rem)}.comments-header__title{align-items:center;display:flex;gap:var(--sp-3,.75rem)}.comments-header__title h2{font-size:1.75rem;margin:0}.comments-count{align-items:center;background:var(--c-accent,#ff6b9d);border-radius:var(--radius-cartoon,18px);color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;min-width:2rem;padding:0 var(--sp-2,.5rem)}.comments-header__actions{position:relative!important}.comments-sort-dropdown{background:var(--c-surface,#1a1a2e)!important;border:2px solid var(--c-border,hsla(0,0%,100%,.1))!important;border-radius:var(--radius-cartoon,18px)!important;box-shadow:0 10px 40px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)!important;display:none!important;min-width:140px!important;opacity:0;padding:var(--sp-1,.25rem)!important;pointer-events:none;position:absolute!important;right:0!important;top:calc(100% + var(--sp-2, .5rem))!important;transform:translateY(-10px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);z-index:9999!important}.comments-sort-dropdown.is-open{display:block!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.sort-option{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm,8px);color:var(--c-text,#fff);cursor:pointer;display:flex;flex-direction:row;font-size:.875rem;gap:var(--sp-2,.5rem);justify-content:flex-start;padding:var(--sp-2,.5rem) var(--sp-3,.75rem);text-align:left;transition:background-color .15s ease;width:100%}.sort-option:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05))}.sort-option.is-active{background:var(--c-accent,#ff6b9d);color:#fff;font-weight:600}.sort-option svg{flex-shrink:0}.comment-form-wrapper{display:flex;gap:var(--sp-3,.75rem);margin-bottom:var(--sp-6,2rem)}.comment-form-avatar{flex-shrink:0}.avatar-placeholder{align-items:center;background:var(--c-bg-alt,hsla(0,0%,100%,.1));color:var(--c-text-dim,#999);display:flex;justify-content:center}.avatar-placeholder,.user-avatar{border:2px solid var(--c-border);border-radius:50%;height:48px;width:48px}.user-avatar{object-fit:cover}.comment__avatar--guest{align-items:center;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-glow,#4ecdc4));border:2px solid var(--c-border);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);color:var(--c-bg,#0a0a0a);display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.comment-form-content{flex:1}.comment-form{display:flex;flex-direction:column;gap:var(--sp-3,.75rem)}.comment-form .guest-fields,.comments-section .guest-fields,.guest-fields{display:grid!important;gap:var(--sp-2,.5rem)!important;grid-template-columns:1fr 1fr!important;margin-bottom:var(--sp-3,.75rem);width:100%}.guest-fields[style*="display: none"],.guest-fields[style*="display:none"],[data-guest-fields][style*="display: none"],[data-guest-fields][style*="display:none"]{display:none!important}.guest-fields input[name=honeypot]{display:none!important;left:-9999px!important;position:absolute!important}.comment-form-wrapper .guest-fields input:not([name=honeypot]),.comments-section .guest-fields input:not([name=honeypot]),.guest-fields input:not([name=honeypot]){background:var(--c-surface,#1a1a2e)!important;border:2px solid var(--c-border,hsla(0,0%,100%,.1))!important;border-radius:var(--radius-cartoon,18px)!important;box-sizing:border-box;color:var(--c-text,#fff)!important;font-family:inherit;font-size:.875rem;padding:var(--sp-2,.5rem) var(--sp-3,.75rem);transition:border-color .2s ease;width:100%}.comments-section .guest-fields input:not([name=honeypot])::placeholder,.guest-fields input:not([name=honeypot])::placeholder{color:var(--c-text-dim,#999);opacity:.7}.comments-section .guest-fields input:not([name=honeypot]):focus,.guest-fields input:not([name=honeypot]):focus{border-color:var(--c-accent,#ff6b9d)!important;box-shadow:0 0 0 3px rgba(255,107,157,.1);outline:none}@media (max-width:640px){.guest-fields{grid-template-columns:1fr}}.comment-form textarea{background:var(--c-surface,#1a1a2e);border:2px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:var(--radius-cartoon,18px);color:var(--c-text,#fff);font-family:inherit;font-size:.9375rem;line-height:1.6;min-height:100px;padding:var(--sp-3,.75rem);resize:vertical;transition:border-color .2s ease;width:100%}.comment-form textarea:focus{border-color:var(--c-accent,#ff6b9d);outline:none}.comment-form-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3,.75rem);justify-content:space-between}.comment-form-tools{gap:var(--sp-2,.5rem)}.comment-form-tools,.tool-btn{align-items:center;display:flex}.tool-btn{background:transparent;border:1px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:var(--radius-sm,8px);color:var(--c-text-dim,#999);cursor:pointer;height:32px;justify-content:center;padding:var(--sp-1,.25rem);transition:all .15s ease;width:32px}.tool-btn:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05));border-color:var(--c-accent,#ff6b9d);color:var(--c-text,#fff)}.tool-btn:active{transform:scale(.95)}.markdown-hint{color:var(--c-text-dim,#999);font-size:.75rem}.comment-form-actions{align-items:center;display:flex;flex-direction:row!important;gap:var(--sp-2,.5rem)}.comment-form-actions .btn,.comment-form-actions .btn--github,.comment-form-actions .btn--primary{align-items:center!important;display:inline-flex!important;flex-direction:row!important;gap:8px!important}.comment-form-actions .btn[style*="display: none"],.comment-form-actions .btn[style*="display:none"],.comment-form-actions [data-auth-login][style*="display: none"],.comment-form-actions [data-auth-login][style*="display:none"]{display:none!important}.comment-form-actions .btn svg{flex-shrink:0;height:16px;width:16px}.comments-header__actions .btn{align-items:center!important;display:inline-flex!important;flex-direction:row!important;gap:6px!important}.comments-header__actions .btn svg{flex-shrink:0}.comments-list{display:flex;flex-direction:column;gap:var(--sp-4,1rem)}.comment{display:block!important;margin-bottom:var(--sp-3,.75rem);width:100%}.comment__main{display:flex;gap:var(--sp-3,.75rem);margin-bottom:var(--sp-2,.5rem);width:100%}.comment__avatar{flex-shrink:0;max-height:fit-content;z-index:10}.comment__avatar img{border:2px solid var(--c-border,hsla(0,0%,100%,.1))!important;border-radius:50%!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important;height:48px!important;max-height:48px!important;max-width:48px!important;object-fit:cover!important;width:48px!important}.comment__content{flex:1;min-width:0}.comment__bubble{background:var(--c-surface,#1a1a2e);border:1px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:var(--radius-cartoon,18px);padding:var(--sp-3,.75rem) var(--sp-4,1rem)}.comment__header{flex-wrap:wrap;margin-bottom:var(--sp-2,.5rem)}.comment__author,.comment__header{align-items:center;display:flex;gap:var(--sp-2,.5rem)}.comment__author{color:var(--c-text,#fff);font-weight:600}.comment__badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.6875rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.comment__badge--admin{background:var(--c-accent,#ff6b9d);color:#fff}.comment__badge--moderator{background:var(--c-accent,#4ecdc4);color:#fff}.comment__status{background:var(--c-warning,#ffa07a);border-radius:12px;color:var(--c-surface,#1a1a2e);cursor:help;font-size:.6875rem;font-weight:500;padding:2px 8px}.comment__menu-btn,.comment__status{align-items:center;display:inline-flex}.comment__menu-btn{background:transparent;border:none;border-radius:var(--radius-sm,8px);color:var(--c-text-dim,#999);cursor:pointer;height:24px;justify-content:center;padding:4px;transition:all .15s ease;width:24px}.comment__menu-btn:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05));color:var(--c-text,#fff)}.comment__menu-btn svg{height:16px;width:16px}.comment__menu-dropdown{background:var(--c-surface,#1a1a2e);border:2px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:var(--radius-cartoon,18px);box-shadow:0 10px 40px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);min-width:120px;opacity:0;padding:var(--sp-1,.25rem);pointer-events:none;position:absolute;right:0;top:calc(100% + 4px);transform:scale(.95) translateY(-10px);transition:opacity .2s ease,transform .2s ease;z-index:50}.comment__menu-dropdown.is-visible{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.comment__menu-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm,8px);color:var(--c-text,#fff);cursor:pointer;display:flex;font-size:.875rem;gap:var(--sp-2,.5rem);justify-content:flex-start;padding:var(--sp-2,.5rem) var(--sp-3,.75rem);text-align:left;transition:background-color .15s ease;width:100%}.comment__menu-item:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05))}.comment__menu-item--danger{color:var(--c-danger,#ef4444)}.comment__menu-item--danger:hover{background:rgba(239,68,68,.1)}.comment__menu-item svg{flex-shrink:0;height:14px;width:14px}.comment__time{color:var(--c-text-dim,#999);font-size:.8125rem;margin-left:auto}.comment__text{color:var(--c-text,#fff);line-height:1.6;word-wrap:break-word}.comment__deleted{color:var(--c-text-dim,#999);font-style:italic;margin:0;opacity:.7}.comment__text p{margin:0 0 var(--sp-2,.5rem) 0}.comment__text p:last-child{margin-bottom:0}.comment__edited{color:var(--c-text-dim,#999);display:inline;font-size:.75rem;font-style:italic;margin-left:var(--sp-1,.25rem)}.comment__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3,.75rem);margin-top:var(--sp-3,.75rem)}.comment__action{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm,8px);color:var(--c-text-dim,#999);cursor:pointer;display:inline-flex;font-size:.8125rem;gap:var(--sp-1,.25rem);padding:var(--sp-1,.25rem) var(--sp-2,.5rem);transition:all .15s ease}.comment__action:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05));color:var(--c-text,#fff)}.comment__action--react{padding:var(--sp-1,.25rem) var(--sp-2,.5rem)}.comment__action--react.is-active{background:var(--c-accent,#ff6b9d);color:#fff}.reaction-emoji{font-size:1rem;line-height:1}.reaction-count{font-size:.75rem;font-weight:600;margin-left:2px}.comment__vote-wrapper{align-items:center;background:var(--c-bg-alt,hsla(0,0%,100%,.03));border-radius:var(--radius-sm,8px);display:flex;gap:var(--sp-1,.25rem);padding:var(--sp-1,.25rem)}.comment__action--vote{align-items:center;display:flex;height:24px;justify-content:center;min-width:auto;padding:4px;width:24px}.comment__action--vote.is-upvote.is-active{background:var(--c-success,#10b981);color:#fff}.comment__action--vote.is-downvote.is-active{background:var(--c-danger,#ef4444);color:#fff}.comment__score{color:var(--c-text,#fff);font-size:.8125rem;font-weight:600;min-width:24px;text-align:center}.comment__emoji-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-1,.25rem);margin-left:auto}.emoji-reaction{align-items:center;background:var(--c-bg-alt,hsla(0,0%,100%,.03));border:1px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:12px;color:var(--c-text-dim,#999);cursor:pointer;display:inline-flex;font-size:.8125rem;gap:4px;padding:4px 8px;transition:all .15s ease}.emoji-reaction:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.08));border-color:var(--c-accent,#ff6b9d)}.emoji-reaction.is-active{background:var(--c-accent,#ff6b9d);border-color:var(--c-accent,#ff6b9d);color:#fff}.emoji-reaction .reaction-emoji{font-size:.875rem}.emoji-reaction .reaction-count{font-size:.75rem;font-weight:600;margin-left:0}.comment__action--add-emoji{align-items:center;display:inline-flex;justify-content:center;padding:6px 8px}.emoji-picker-modal{opacity:0;position:fixed;transform:scale(.9) translateY(-10px);transition:opacity .2s ease,transform .2s ease;z-index:1000}.emoji-picker-modal.is-visible{opacity:1;transform:scale(1) translateY(0)}.emoji-picker-content{background:var(--c-surface,#1a1a2e);border:2px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:var(--radius-cartoon,18px);box-shadow:0 10px 40px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);display:grid;gap:4px;grid-template-columns:repeat(4,1fr);max-width:200px;padding:var(--sp-2,.5rem)}.emoji-picker-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm,8px);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .15s ease;width:40px}.emoji-picker-item:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05));border-color:var(--c-primary,#ff6b9d);transform:scale(1.1)}.emoji-picker-item:active{transform:scale(.95)}.comment__action--add-emoji svg{height:18px;width:18px}.emoji-picker{background:var(--c-surface,#1a1a2e);border:2px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:var(--radius-cartoon,18px);bottom:calc(100% + var(--sp-2, .5rem));box-shadow:0 10px 40px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.2);opacity:0;padding:var(--sp-2,.5rem);pointer-events:none;position:absolute;right:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;z-index:1000}.emoji-picker.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.emoji-picker__grid{display:grid;gap:var(--sp-1,.25rem);grid-template-columns:repeat(4,1fr)}.emoji-picker__item{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm,8px);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .15s ease;width:40px}.emoji-picker__item:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05));border-color:var(--c-accent,#ff6b9d);transform:scale(1.1)}.emoji-picker__item:active{transform:scale(.95)}@media (max-width:640px){.emoji-picker{left:0;right:auto}.emoji-picker__grid{grid-template-columns:repeat(4,1fr)}.emoji-picker__item{font-size:1.25rem;height:36px;width:36px}}.reply-form-wrapper{animation:slideDown .2s ease-out;background:var(--c-bg-alt,hsla(0,0%,100%,.03));border:1px solid var(--c-border,hsla(0,0%,100%,.1));border-radius:var(--radius-cartoon,18px);display:block!important;margin-bottom:var(--sp-3,.75rem);margin-left:48px;margin-top:var(--sp-3,.75rem);padding:var(--sp-3,.75rem)}@media (max-width:640px){.reply-form-wrapper{margin-left:32px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reply-form-header{align-items:center;border-bottom:1px solid var(--c-border,hsla(0,0%,100%,.1));display:flex;justify-content:space-between;margin-bottom:var(--sp-2,.5rem);padding-bottom:var(--sp-2,.5rem)}.reply-to-label{color:var(--c-text-dim,#999);font-size:.875rem}.reply-to-label strong{color:var(--c-text,#fff)}.btn-close-reply{background:transparent;border:none;border-radius:var(--radius-sm,8px);color:var(--c-text-dim,#999);cursor:pointer;font-size:1.25rem;line-height:1;padding:4px 8px;transition:all .15s ease}.btn-close-reply:hover{background:var(--c-bg-alt,hsla(0,0%,100%,.05));color:var(--c-text,#fff)}.reply-form{display:flex;flex-direction:column;gap:var(--sp-2,.5rem)}.reply-form textarea{font-size:.875rem;min-height:80px}.edit-form-wrapper{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-form{display:flex;flex-direction:column;gap:var(--sp-2,.5rem)}.edit-form textarea{font-size:.9375rem;min-height:100px}.comment__replies{display:block!important;margin-left:48px;margin-top:var(--sp-3,.75rem);transition:opacity .2s ease,max-height .3s ease}.comment__replies.is-collapsed{display:none!important}.comment__thread-line{background:var(--c-border,hsla(0,0%,100%,.15));bottom:0;cursor:pointer;left:20px;position:absolute;top:48px;transition:background-color .15s ease;width:2px;z-index:1}.comment__thread-line:before{bottom:0;content:"";cursor:pointer;left:-10px;position:absolute;right:-10px;top:0}.comment__thread-line:hover{background:var(--c-accent,#ff6b9d)}.comment__thread-line.is-collapsed{background:var(--c-text-dim,#999)}.thread-count-badge{background:var(--c-accent,#ff6b9d);border-radius:10px;color:#fff;font-size:.625rem;font-weight:700;left:50%;min-width:18px;padding:2px 6px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.comment.depth-0{padding-left:0}.comment.depth-1 .comment__replies,.comment.depth-2 .comment__replies,.comment.depth-3 .comment__replies{margin-left:48px}.comment.depth-max .comment__replies{margin-left:0;padding-left:var(--sp-3,.75rem)}.comment--reply,.comment:not(.comment--reply){position:relative}@media (max-width:640px){.comment__replies{margin-left:32px;padding-left:var(--sp-2,.5rem)}.comment__thread-line{left:16px}.comment.depth-1 .comment__replies,.comment.depth-2 .comment__replies,.comment.depth-3 .comment__replies{margin-left:32px}}.comment--pending{opacity:.7}.comment--pending .comment__bubble{background:linear-gradient(135deg,rgba(255,160,122,.05),transparent);border-color:var(--c-warning,#ffa07a)}.comments-empty{color:var(--c-text-dim,#999);padding:var(--sp-8,4rem) var(--sp-4,1rem);text-align:center}.comments-empty__icon{margin-bottom:var(--sp-4,1rem);opacity:.5}.empty-icon{color:var(--c-text-dim,#999);height:48px;width:48px}.comments-empty__title{color:var(--c-text,#fff);font-size:1.25rem;margin-bottom:var(--sp-2,.5rem)}.comments-empty__text{font-size:.9375rem}.comments-skeleton{display:flex;flex-direction:column;gap:var(--sp-4,1rem)}.comment-skeleton{animation:pulse 1.5s ease-in-out infinite;display:flex;gap:var(--sp-3,.75rem)}.skeleton-avatar{background:var(--c-bg-alt,hsla(0,0%,100%,.1));border-radius:50%;height:40px;width:40px}.skeleton-content{display:flex;flex:1;flex-direction:column;gap:var(--sp-2,.5rem)}.skeleton-bar{background:var(--c-bg-alt,hsla(0,0%,100%,.1));border-radius:6px;height:12px}.skeleton-bar--title{height:14px;width:30%}.skeleton-bar--text{width:100%}.skeleton-bar--text:last-child{width:70%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toast{background:var(--c-surface,#1a1a2e);border:2px solid var(--c-accent,#ff6b9d);border-radius:var(--radius-cartoon,18px);bottom:var(--sp-6,2rem);box-shadow:0 10px 40px rgba(0,0,0,.3);color:var(--c-text,#fff);font-size:.9375rem;max-width:320px;opacity:0;padding:var(--sp-3,.75rem) var(--sp-4,1rem);pointer-events:none;position:fixed;right:var(--sp-6,2rem);transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:9999}.toast.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.toast--success{border-color:var(--c-success,#10b981)}.toast--error{border-color:var(--c-danger,#ef4444)}.toast--info{border-color:var(--c-info,#3b82f6)}@media (max-width:640px){.toast{bottom:var(--sp-4,1rem);left:var(--sp-4,1rem);max-width:none;right:var(--sp-4,1rem)}.comments-header{align-items:flex-start;flex-direction:column}.comments-sort-dropdown{left:0;right:auto}.comment-form-wrapper{gap:var(--sp-2,.5rem)}.comment-form-avatar{display:none}.comment__avatar img{height:32px;width:32px}}@media (prefers-color-scheme:light){.comment-form textarea,.comment__bubble,.comments-sort-dropdown{background:var(--c-bg,#fff)}}@media (prefers-reduced-motion:reduce){.comment__action,.comments-sort-dropdown,.toast,.tool-btn{transition:none}@keyframes pulse{0%,to{opacity:1}}}.comment__action:focus-visible,.sort-option:focus-visible,.tool-btn:focus-visible{outline:2px solid var(--c-accent,#ff6b9d);outline-offset:2px}