.comments-area{scroll-margin-top:1.75rem}.comment-form{margin-bottom:var(--sp-6)}.comment-form-comment textarea{width:100%;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:10px var(--sp-4);resize:none;overflow:hidden;min-height:0;transition:border-color var(--duration-fast) var(--ease-out),min-height var(--duration-fast) var(--ease-out);cursor:pointer}.comment-form-comment textarea:focus{outline:none;border-color:var(--color-border)}.comment-form-comment textarea::placeholder{color:var(--color-text-subtle)}.comment-form-author,.comment-form-email,.comment-form__actions{display:none}.comment-form-author,.comment-form-email{width:calc(50% - var(--sp-2));margin-top:var(--sp-3)}.comment-form-author{margin-right:var(--sp-2)}.comment-form-email{margin-left:var(--sp-2)}.comment-form-author input,.comment-form-email input{width:100%;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);transition:border-color var(--duration-fast) var(--ease-out)}.comment-form-author input:focus,.comment-form-email input:focus{outline:none;border-color:var(--color-accent)}.comment-form-author input::placeholder,.comment-form-email input::placeholder{color:var(--color-text-subtle)}.comment-form.is-expanded .comment-form-comment textarea{min-height:80px;resize:vertical;overflow:auto;cursor:text}.comment-form.is-expanded .comment-form-author,.comment-form.is-expanded .comment-form-email{display:inline-block}.comment-form.is-expanded .comment-form__actions{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-3);gap:var(--sp-3)}.comment-form__actions-left{display:flex;align-items:center;min-width:0}.comment-form__actions-right{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.comment-form__hint{font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-style:italic;color:var(--color-text-subtle);user-select:none}.comment-form__auth{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--color-text-muted);min-width:0}.comment-form__auth-avatar{width:24px;height:24px;border-radius:var(--radius-full);flex-shrink:0}.comment-form__auth-name{font-weight:var(--fw-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-form__auth-logout{color:var(--color-text-subtle);text-decoration:none;font-size:var(--fs-xs);flex-shrink:0}.comment-form__auth-logout:hover{color:var(--color-accent);text-decoration:underline}.btn--comment-cancel{color:var(--color-text-muted);font-size:var(--fs-sm)}.btn--comment-submit{display:inline-flex;align-items:center;gap:var(--sp-2)}.comment-notes{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--color-text-subtle);margin-bottom:var(--sp-3)}.comments-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--color-border-subtle)}.comments-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.comments-header__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.comments-header__btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:rgb(255 255 255 / .04);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-medium);padding:6px 12px;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);white-space:nowrap}.comments-header__btn:hover{background:rgb(255 255 255 / .08);color:var(--color-text);border-color:var(--color-border)}.comments-header__btn .icon{width:14px;height:14px;flex-shrink:0}.comment-sort{position:relative}.comment-sort__chevron{transition:transform var(--duration-fast) var(--ease-out)}.comment-sort:has(.comment-sort__popover.is-open) .comment-sort__chevron{transform:rotate(180deg)}.comment-sort__popover{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:160px;padding:0;overflow:hidden}.comment-sort__popover.is-open{display:block}.comment-sort__option{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:none;border:none;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);text-align:left}.comment-sort__option:hover{background:var(--color-elevated);color:var(--color-text)}.comment-sort__option.is-active{color:var(--color-accent);font-weight:var(--fw-medium)}.comment-sort__option-icon,.comment-sort__icon{width:18px;height:18px;flex-shrink:0;fill:currentColor;stroke:none;stroke-width:0}.comment-sort__option span{flex:1}.comment-sort__check{width:14px;height:14px;flex-shrink:0;color:var(--color-accent);margin-left:auto}.rules-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.rules-list li{position:relative;padding-left:var(--sp-5);font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed)}.rules-list li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent)}.comment-list{list-style:none;margin:0;padding:0}.comment-list .children{list-style:none;margin:0;padding-left:36px}.thread-toggle{position:absolute;left:20px;top:78px;width:20px;height:20px;margin-left:-10px;background:hsl(221.05deg 35.85% 10.39%);border:2px solid #242936;border-radius:50%;cursor:pointer;padding:0;z-index:3;display:flex;align-items:center;justify-content:center;color:rgb(255 255 255 / .4);font-size:16px;line-height:1;font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);font-weight:700;padding-bottom:1px}.thread-toggle::after{content:'\2212'}.thread-toggle::before{content:'';position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%);width:2px;height:14px;background:#242936;pointer-events:none;transition:background var(--duration-fast) var(--ease-out)}.thread-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.thread-toggle:hover::before{background:var(--color-accent)}.children .thread-toggle{left:14px;top:62px;width:18px;height:18px;margin-left:-8px;font-size:14px}.children .thread-toggle::before{height:10px}.comment-item:not(.comment-item--collapsed)>.children::before{content:'';position:absolute;left:19px;top:var(--stem-top,60px);height:var(--stem-h,0);width:2px;background:#242936;pointer-events:none;z-index:0;transition:background var(--duration-fast) var(--ease-out)}.children .comment-item:not(.comment-item--collapsed)>.children::before{left:14px}.children>.comment-item:not(:last-child)::before{content:'';position:absolute;left:-17px;top:0;bottom:0;width:2px;background:#242936;transition:background var(--duration-fast) var(--ease-out)}.children>.comment-item::after{content:'';position:absolute;left:-17px;top:-2px;width:17px;height:calc(var(--sp-3) + 29px);border-left:2px solid #242936;border-bottom:2px solid #242936;border-bottom-left-radius:10px;background:none;transition:border-color var(--duration-fast) var(--ease-out)}.children .children>.comment-item:not(:last-child)::before{left:-22px}.children .children>.comment-item::after{left:-22px;width:22px;height:calc(var(--sp-3) + 29px)}.comment-item:has(>.thread-toggle:hover)>.children::before{background:var(--color-accent)}.comment-item:has(>.thread-toggle:hover)>.children>.comment-item::before{background:var(--color-accent)}.comment-item:has(>.thread-toggle:hover)>.children>.comment-item::after{border-color:var(--color-accent)}.comment-item--collapsed>.children{display:none}.comment-item--collapsed>.thread-toggle::after,.comment-item--collapsed .thread-toggle::after{content:'+'}.comment-item--collapsed>.comment-item__inner{padding:var(--sp-2) 0}.comment-item--collapsed>.comment-item__inner>.comment-item__avatar{display:none}.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-item__body,.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-item__actions,.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-read-more{display:none}.comment-item--collapsed>.comment-item__inner>.comment-item__content>.comment-item__header>.comment-item__more{display:none}.comment-item--collapsed>.comment-item__inner .thread-toggle{position:relative;left:auto;top:auto;display:inline-flex;flex-shrink:0;margin-left:-3px;margin-right:12px}.comment-item--collapsed>.comment-item__inner .thread-toggle::before{display:none}.comment-list>.comment-item--collapsed>.comment-item__inner{padding-left:15px;padding-top:14.5px}.children>.comment-item--collapsed>.comment-item__inner{padding-left:16px}.thread-expand{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--color-accent);background:none;border:none;cursor:pointer;padding:var(--sp-1) 0;margin-top:var(--sp-1);margin-left:calc(40px + var(--sp-3));font-family:var(--font-sans)}.thread-expand:hover{text-decoration:underline}.children .thread-expand{margin-left:calc(28px + var(--sp-3))}.comment-item{position:relative}.comment-list>.comment-item{border-bottom:1px solid var(--color-border-subtle)}.comment-list>.comment-item:last-child{border-bottom:none}.children .comment-item{border-bottom:none}.comment-item__inner{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.comment-item--new .comment-item__inner{animation:commentHighlight 2s ease-out}@keyframes commentHighlight{0%{background:rgba(var(--color-accent-rgb),.1)}100%{background:#fff0}}.comment-item__avatar{width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:16px;color:#fff;text-transform:uppercase;user-select:none}.comment-item__avatar--img{object-fit:cover}.children .comment-item__avatar{width:28px;height:28px;font-size:11px}.comment-item__content{flex:1;min-width:0}.comment-item__header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1);position:relative}.comment-item__author{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text)}.comment-item__time{font-size:var(--fs-xs);color:var(--color-text-subtle)}.comment-item__body{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-relaxed);margin-bottom:var(--sp-2)}.comment-item__body p{margin:0 0 var(--sp-2)}.comment-item__body p:last-child{margin-bottom:0}.comment-item__body.is-clamped{max-height:130px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}.comment-read-more{display:inline;background:none;border:none;padding:0;color:var(--color-accent);font-size:var(--fs-xs);font-weight:500;cursor:pointer;margin-bottom:var(--sp-2)}.comment-read-more:hover{text-decoration:underline}.comment-awaiting-moderation{display:block;font-size:var(--fs-xs);color:var(--color-warning);margin-bottom:var(--sp-2)}.comment-item__actions{display:flex;align-items:center;gap:var(--sp-1)}.comment-item__action{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);background:none;border:none;color:var(--color-text-subtle);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);font-family:var(--font-sans);font-size:var(--fs-xs)}.comment-item__action:hover{color:var(--color-text);background:var(--color-elevated)}.comment-item__action .icon{width:16px;height:16px}.comment-item__action.js-comment-vote.voted[data-type="like"]{color:var(--color-accent)}.comment-item__action.js-comment-vote.voted[data-type="dislike"]{color:var(--color-danger)}.comment-item__vote-count{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);min-width:16px;text-align:center}.comment-item__action.js-inline-reply{margin-left:var(--sp-2)}.comment-item__actions .comment-reply-link{display:inline-flex;align-items:center;font-size:var(--fs-xs);color:var(--color-text-subtle);text-decoration:none;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);margin-left:var(--sp-2);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.comment-item__actions .comment-reply-link:hover{color:var(--color-text);background:var(--color-elevated)}.inline-reply{padding:var(--sp-3) 0 0}.inline-reply__textarea{width:100%;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:10px var(--sp-4);resize:vertical;min-height:70px}.inline-reply__textarea:focus{outline:none;border-color:var(--color-border)}.inline-reply__textarea::placeholder{color:var(--color-text-subtle)}.inline-reply__fields{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.inline-reply__input{flex:1;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}.inline-reply__input:focus{outline:none;border-color:var(--color-border)}.inline-reply__input::placeholder{color:var(--color-text-subtle)}.inline-reply__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2)}.comment-item__more{position:relative;margin-left:auto}.comment-item__dropdown{display:none;position:absolute;top:100%;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);min-width:140px;padding:var(--sp-1) 0}.comment-item__more.open .comment-item__dropdown{display:block}.comment-item__dropdown-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);background:none;border:none;color:var(--color-text-muted);font-size:var(--fs-sm);font-family:var(--font-sans);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);text-align:left}.comment-item__dropdown-item:hover{background:var(--color-elevated);color:var(--color-text)}.comment-item__dropdown-item .icon{width:14px;height:14px}.comment-item__dropdown-item.reported{color:var(--color-text-subtle);pointer-events:none}.report-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.report-modal__backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdropFadeIn 200ms ease-out}.report-modal__dialog{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:420px;max-height:80vh;overflow-y:auto;animation:modalPopIn 200ms ease-out}.report-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-4) var(--sp-3)}.report-modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.report-modal__close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--sp-1);border-radius:var(--radius-sm);display:flex}.report-modal__close:hover{color:var(--color-text);background:var(--color-elevated)}.report-modal__body{padding:0 var(--sp-4) var(--sp-4)}.report-modal__subtitle{font-size:var(--fs-base);font-weight:var(--fw-medium);margin:0 0 var(--sp-1)}.report-modal__hint{font-size:var(--fs-xs)