.comments{margin-top:var(--space-lg)}.comments__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.comments__title{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.comments__count{font-size:var(--font-size-sm);color:var(--text-muted)}.comments__compose{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.comments__compose-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.comments__signed-in-as{font-size:var(--font-size-sm);color:var(--text-muted)}.comments__signout{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:color .15s ease}.comments__signout:hover{color:#e53e3e}.comments__compose-row{display:flex;gap:var(--space-md);align-items:flex-start}.comments__compose-row--reply{margin-top:var(--space-md)}.comments__avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.comments__avatar--sm{width:28px;height:28px}.comments__compose-input{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.comments__textarea{width:100%;font-family:var(--font-mono);font-size:var(--font-size-base);line-height:1.5;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);resize:vertical;min-height:80px;transition:border-color .15s ease}.comments__textarea:focus{outline:none;border-color:var(--accent)}.comments__textarea--reply{min-height:60px}.comments__compose-footer{display:flex;justify-content:space-between;align-items:center}.comments__char-count{font-size:var(--font-size-sm);color:var(--text-muted)}.comments__submit{padding:var(--space-xs) var(--space-lg);background:var(--accent);color:#fff;border:none;border-radius:6px;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:opacity .15s ease}.comments__submit:disabled{opacity:.4;cursor:not-allowed}.comments__submit:not(:disabled):hover{opacity:.85}.comments__submit--reply{padding:var(--space-xs) var(--space-md)}.comments__login{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border:1px dashed var(--border);border-radius:8px;margin-bottom:var(--space-xl);justify-content:center}.comments__login-icon{color:var(--text-muted);flex-shrink:0}.comments__login-btn{font-size:var(--font-size-sm);color:var(--accent);border:none;font-weight:500}.comments__login-btn:hover{text-decoration:underline}.comments__loading{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-md) 0}.comments__spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.comments__empty{color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-lg) 0;text-align:center}.comment{padding:var(--space-sm) 0}.comment[data-depth="0"]{border-top:1px solid var(--border)}.comment[data-depth="0"]:first-child{border-top:none;padding-top:0}.comment__main{display:flex;gap:var(--space-sm);align-items:flex-start}.comment__avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.comment__content{flex:1;min-width:0}.comment__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.comment__author{font-size:var(--font-size-sm);font-weight:500;color:var(--text);border:none}.comment__author:hover{color:var(--accent)}.comment__time{font-size:var(--font-size-sm);color:var(--text-muted)}.comment__body{font-size:var(--font-size-base);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin-bottom:2px}.comment__footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.comment__like-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;color:#888;font-family:var(--font-mono);font-size:.75rem;transition:color .15s ease,background-color .15s ease;line-height:1}.comment__like-btn:hover{color:#e25555;background-color:#e2555514}.comment__like-btn--active{color:#e25555}.comment__like-icon{display:block;flex-shrink:0}.comment__like-count{min-width:0}.comment__actions{display:flex;gap:var(--space-sm)}.comment__action{font-family:var(--font-mono);font-size:.75rem;color:#888;background:transparent;border:none;cursor:pointer;padding:2px 8px;text-transform:uppercase;letter-spacing:.05em;transition:color .15s ease,background-color .15s ease;border-radius:4px;line-height:1.5}.comment__action:hover{color:var(--accent, #333);background-color:#0000000d}.comment__delete-btn:hover{color:#e53e3e;background-color:#e53e3e14}.comment__replies{margin-left:calc(32px + var(--space-sm));border-left:1px solid var(--border);padding-left:var(--space-md)}.comment__reply-form{margin-top:var(--space-sm)}@media(max-width:640px){.comment__replies{margin-left:var(--space-md);padding-left:var(--space-sm)}.comments__avatar,.comment__avatar{width:28px;height:28px}}