.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-it