:root{--thread-line-color:#d1d5db;--thread-line-hover-color:#3b82f6;--avatar-size:28px;--rail-width:13px;--comment-gap:6px}.dark{--thread-line-color:#4b5563;--thread-line-hover-color:#60a5fa}.comment-thread__header{display:grid;grid-template-columns:var(--avatar-size) 1fr;-moz-column-gap:8px;column-gap:8px;align-items:stretch}.comment-thread__header>:nth-child(2){padding-bottom:4px}.comment-thread__avatar-col{display:flex;flex-direction:column;align-items:center;gap:4px}.comment-thread__stem-area{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;min-height:28px}.comment-thread__stem-line{width:1px;flex:1;background:var(--thread-line-color);border-radius:1px;cursor:pointer;transition:background-color .15s}.comment-thread__stem-area>.comment-thread__stem-line:last-child{flex:0 0 4px}.comment-thread__stem-area:hover .comment-thread__stem-line{background:var(--thread-line-hover-color)}.stem-collapse-btn{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;line-height:1;padding:0;color:var(--thread-line-color);background:white;border:1px solid var(--thread-line-color);cursor:pointer;flex-shrink:0;z-index:5;transition:all .15s}.dark .stem-collapse-btn{background:#111827}.stem-collapse-btn:hover{background:var(--thread-line-hover-color);border-color:var(--thread-line-hover-color);color:white}.comment-thread__children{padding-left:calc(var(--avatar-size) / 2 - .5px);display:flex;flex-direction:column;gap:var(--comment-gap);margin-top:var(--comment-gap)}.child-wrapper{display:flex;align-items:stretch}.child-wrapper__rail{position:relative;width:var(--rail-width);flex-shrink:0;cursor:pointer}.child-wrapper__content{flex:1;min-width:0}.child-wrapper>.child-wrapper__rail--continuing:before{top:calc(-1 * var(--comment-gap))}.child-wrapper>.child-wrapper__rail:after{top:calc(-1 * var(--comment-gap));height:calc(var(--avatar-size) / 2 + var(--comment-gap))}.child-wrapper__rail--continuing:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--thread-line-color);transition:background-color .15s}.child-wrapper__rail--last:before{content:none}.child-wrapper__rail:after{content:"";position:absolute;left:0;top:0;height:calc(var(--avatar-size) / 2);width:var(--rail-width);border-left:1px solid var(--thread-line-color);border-bottom:1px solid var(--thread-line-color);border-bottom-left-radius:8px;transition:border-color .15s}.child-wrapper__rail--continuing:hover:before{background:var(--thread-line-hover-color)}.child-wrapper__rail:hover:after{border-color:var(--thread-line-hover-color)}.comment-thread:has(>.comment-thread__header .comment-thread__stem-area:hover)>.comment-thread__children>.child-wrapper>.child-wrapper__rail--continuing:before{background:var(--thread-line-hover-color)}.comment-thread:has(>.comment-thread__header .comment-thread__stem-area:hover)>.comment-thread__children>.child-wrapper>.child-wrapper__rail:after{border-color:var(--thread-line-hover-color)}.comment-thread:has(>.comment-thread__children>.child-wrapper>.child-wrapper__rail:hover)>.comment-thread__header .comment-thread__stem-line{background:var(--thread-line-hover-color)}.comment-thread:has(>.comment-thread__children>.child-wrapper>.child-wrapper__rail:hover)>.comment-thread__children>.child-wrapper>.child-wrapper__rail--continuing:before{background:var(--thread-line-hover-color)}.comment-thread:has(>.comment-thread__children>.child-wrapper>.child-wrapper__rail:hover)>.comment-thread__children>.child-wrapper>.child-wrapper__rail:after{border-color:var(--thread-line-hover-color)}.comment-thread__stem-area:hover .stem-collapse-btn{background:var(--thread-line-hover-color);border-color:var(--thread-line-hover-color);color:white}.comment-thread:has(>.comment-thread__children>.child-wrapper>.child-wrapper__rail:hover)>.comment-thread__header .stem-collapse-btn{background:var(--thread-line-hover-color);border-color:var(--thread-line-hover-color);color:white}.comment-thread:has(>.comment-thread__header .comment-thread__stem-area:hover)>.comment-thread__header .stem-collapse-btn{background:var(--thread-line-hover-color);border-color:var(--thread-line-hover-color);color:white}.collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:600;color:var(--thread-line-color);cursor:pointer;transition:all .15s;border:none;background:transparent}.collapse-toggle:hover{background-color:var(--thread-line-hover-color);color:white}