.comment-list{padding:0;margin-bottom:1rem;display:flex;flex-direction:column;gap:0;font-size:.85rem;color:var(--color-text);overflow:visible}.comment-list.no-border{padding:0}.comment-items{gap:0;overflow:visible}.comment-input,.comment-items{display:flex;flex-direction:column}.comment-input{gap:.4rem}.comment-input textarea{min-height:50px;padding:.4rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);resize:vertical;font-size:.85rem;transition:border-color .15s ease,box-shadow .15s ease}.comment-input textarea:focus{border-color:var(--color-info);box-shadow:0 0 0 2px var(--color-info-light);outline:none}.comment-input-youtube{display:flex;gap:.75rem;padding-bottom:1rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-border-light)}.comment-input-wrapper{flex:1 1;min-width:0}.comment-input-wrapper .mention-input{width:100%;min-height:36px;padding:.5rem 0;border:none;border-bottom:1px solid var(--color-border-light);border-radius:0;background:transparent;color:var(--color-text);font-size:.9375rem;font-family:inherit;line-height:1.5;resize:none;transition:border-color .2s ease}.comment-input-wrapper .mention-input:focus{outline:none;border-bottom-color:var(--color-text);border-bottom-width:2px}.comment-input-wrapper .mention-input::placeholder{color:var(--color-text-light)}.comment-input-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.comment-item{position:relative;overflow:visible}.comment-parent{padding:.75rem 0;overflow:visible}.comment-main{display:flex;gap:.75rem;position:relative;overflow:visible}.comment-body{flex:1 1;min-width:0;overflow:visible}.comment-header-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.comment-author{font-weight:600;font-size:.875rem;color:var(--color-text)}.comment-time{font-size:.8125rem;color:var(--color-text-secondary)}.comment-time:before{content:"·";margin-right:.5rem;color:var(--color-text-light)}.comment-edited{font-size:.75rem;color:var(--color-text-light);font-style:italic}.comment-edited:before{content:"·";margin-right:.5rem;font-style:normal}.comment-text-content{font-size:.9375rem;line-height:1.5;color:var(--color-text);margin-bottom:.375rem;word-wrap:break-word;overflow:visible;position:relative}.comment-actions-inline{display:flex;align-items:center;gap:.25rem}.comment-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.comment-action-btn:hover{background:var(--color-background-hover)}.comment-action-btn.active{color:var(--color-primary)}.comment-action-btn svg{font-size:.875rem}.comment-collapse-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-top:.5rem;border:none;background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease}.comment-collapse-toggle:hover{background:var(--color-primary-lighter)}.comment-collapse-toggle svg{font-size:.75rem}.comment-edit-textarea{width:100%;max-width:100%;min-height:60px;max-height:150px;padding:.5rem .625rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);font-size:.875rem;resize:vertical;font-family:inherit;line-height:1.5;box-sizing:border-box;transition:border-color .2s ease}.comment-edit-textarea:focus{outline:none;border-color:var(--color-primary)}.comment-menu-container{position:relative;flex-shrink:0;align-self:flex-start}.comment-menu-btn{position:relative;background:none;border:none;cursor:pointer;padding:.25rem .5rem;color:var(--color-text-lighter);font-size:1rem;border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.comment-menu-btn:hover{background-color:var(--color-hover);color:var(--color-text)}.comment-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px var(--color-black-alpha-10),0 2px 4px var(--color-black-alpha-06);min-width:140px;z-index:9999;white-space:nowrap;overflow:hidden}.comment-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text);transition:all .15s ease}.comment-menu-item svg{width:.875rem;height:.875rem;flex-shrink:0}.comment-menu-item:hover{background:var(--color-background-alt);padding-left:1.125rem}.comment-menu-item.danger{color:var(--color-danger)}.comment-menu-item.danger:hover{background:var(--color-danger-light);color:var(--color-danger-dark)}.comment-reply-input-inline{display:flex;gap:.75rem;margin-top:.75rem}.reply-input-wrapper{flex:1 1;min-width:0}.reply-input-wrapper .mention-input,.reply-input-wrapper textarea{width:100%;min-height:40px;padding:.5rem 0;border:none;border-bottom:1px solid var(--color-border-light);border-radius:0!important;background:transparent;color:var(--color-text);font-size:.875rem;font-family:inherit;line-height:1.5;resize:none;box-sizing:border-box;transition:border-color .2s ease}.reply-input-wrapper .mention-input:focus,.reply-input-wrapper textarea:focus{outline:none;border-bottom-color:var(--color-primary);border-bottom-width:2px}.reply-input-wrapper .mention-input textarea::placeholder,.reply-input-wrapper textarea::placeholder{color:var(--color-text-light)}.reply-input-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.reply-input-actions button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-cancel{border:none;background:transparent;color:var(--color-text-secondary)}.btn-cancel:hover{background:var(--color-background-hover);color:var(--color-text)}.btn-primary{background:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.comment-replies-youtube{position:relative;margin-left:15px;padding-left:24px;padding-top:.25rem;overflow:visible}.comment-replies-youtube:before{display:none}.comment-reply-wrapper{position:relative;overflow:visible}.comment-reply-wrapper.has-nested>.comment-reply-item:after{content:"";position:absolute;left:12px;top:36px;bottom:0;width:2px;background:var(--color-border);border-radius:2px;z-index:0}.comment-reply-item{position:relative;display:flex;gap:.75rem;padding:.5rem 0;overflow:visible}.comment-reply-item:before{content:"";position:absolute;top:-4px;width:20px;height:26px;border-left:2px solid var(--color-border);border-bottom:2px solid var(--color-border);border-bottom-left-radius:12px;background:transparent;pointer-events:none;z-index:0}.comment-reply-content{flex:1 1;min-width:0;overflow:visible;position:relative;z-index:1}.comment-reply-menu{position:relative;flex-shrink:0}.comment-replies-youtube>.comment-reply-wrapper:before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:2px;background:var(--color-border);pointer-events:none;z-index:0}.comment-replies-youtube>.comment-reply-wrapper:last-child:before{display:none}.comment-replies-youtube>.comment-reply-wrapper:first-child:not(:last-child):before{display:block}.comment-nested-replies{position:relative;margin-left:12px;padding-left:24px;padding-top:.25rem;overflow:visible}.comment-nested-replies:before{display:none}.comment-nested-replies>.comment-reply-wrapper:before{content:"";position:absolute;left:-24px;top:0;bottom:0;width:2px;background:var(--color-border);pointer-events:none;z-index:0}.comment-nested-replies>.comment-reply-wrapper:last-child:before{display:none}.comment-nested-replies .comment-reply-item:before{left:-24px;top:-8px;width:20px;height:30px;border-bottom-left-radius:12px;border-left:2px solid var(--color-border);border-bottom:2px solid var(--color-border);z-index:0}.comment-parent.has-replies:before{content:"";position:absolute;left:15px;top:28px;bottom:0;width:2px;background:var(--color-border);z-index:0}.comment-reply-item:before{left:-24px;top:-8px;height:30px}.comment-empty{font-size:.875rem;color:var(--color-text-lighter);margin:0;padding:0;text-align:left}.comment-loading{display:flex;justify-content:center;align-items:center;padding:.5rem 0}[data-theme=dark] .comment-parent.has-replies:before,[data-theme=dark] .comment-reply-wrapper.has-nested:before{background:var(--color-border)}[data-theme=dark] .comment-reply-item:before{border-color:var(--color-border)}[data-theme=dark] .comment-replies-youtube>.comment-reply-wrapper:last-child:after{background:var(--color-background)}@media (max-width:640px){.comment-parent{padding:.5rem 0}.comment-author{font-size:.8125rem}.comment-text-content{font-size:.875rem}.comment-time{font-size:.75rem}.comment-action-btn{padding:.25rem .4rem;font-size:.75rem}.comment-collapse-toggle{font-size:.8125rem;padding:.375rem .5rem}}.comment-header{display:flex;align-items:flex-start;gap:.75rem;position:relative}.comment-header-info{display:flex;align-items:baseline;gap:.5rem;flex:1 1;min-width:0;flex-wrap:wrap}.comment-actions,.comment-content{padding-left:2.75rem}.comment-actions{display:flex;align-items:center;gap:.5rem}.comment-date{color:var(--color-text-lighter);font-size:.8125rem;line-height:1.4;font-weight:400}.comment-reply-input{display:flex;gap:.75rem;padding-left:2.75rem;margin-top:.75rem;margin-bottom:.5rem}.comment-edit-input{width:calc(100% - 3rem);max-width:calc(100% - 3rem);min-height:50px;max-height:150px;padding:.5rem .625rem;margin-left:2.75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);font-size:.875rem;resize:vertical;font-family:inherit;line-height:1.5;box-sizing:border-box;transition:border-color .2s ease}.comment-edit-input:focus{outline:none;border-color:var(--color-primary)}.comment-menu-header{position:absolute;right:0;top:0}.comment-menu-header .comment-menu-dropdown{top:100%;bottom:auto;left:auto;right:0;margin-top:.25rem;margin-bottom:0}.comment-skeleton{display:flex;flex-direction:column;gap:1rem;padding:0}.comment-skeleton-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 0;background:transparent}.comment-skeleton-header{display:flex;align-items:flex-start;gap:.75rem}.comment-skeleton-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-border);flex-shrink:0;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-header-info{display:flex;align-items:baseline;gap:.5rem;flex:1 1}.comment-skeleton-author{width:100px;height:14px}.comment-skeleton-author,.comment-skeleton-date{background:var(--color-border);border-radius:3px;animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-date{width:80px;height:13px}.comment-skeleton-content{padding-left:2.75rem;display:flex;flex-direction:column;gap:.375rem}.comment-skeleton-text{height:14px;background:var(--color-border);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.comment-skeleton-text.long{width:100%}.comment-skeleton-text.medium{width:80%}.comment-skeleton-actions{padding-left:2.75rem;display:flex;align-items:center;gap:.5rem}.comment-skeleton-action{width:40px;height:13px;background:var(--color-border);border-radius:3px;animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width:640px){.comment-skeleton-actions,.comment-skeleton-content{padding-left:0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:768px){.comment-skeleton-item{padding:8px 10px}.comment-skeleton-author{width:80px}.comment-skeleton-date{width:90px}}