.comments-section{border-top:1px solid #ffffff0d;margin-top:4rem;padding-top:3rem}.comments-section--compact{border-top:none;margin-top:0;padding-top:0}.comments-header{margin-bottom:2rem}.comments-label{text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent-dim,#fff6);margin-bottom:.5rem;font-size:10px;display:block}.comments-title{letter-spacing:-.01em;color:var(--color-text-ghost,#ffffffeb);align-items:baseline;gap:.75rem;font-size:1.25rem;font-weight:300;display:flex}.comments-count{font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--color-accent-dim,#fff6)}.comments-footer{text-align:right;color:var(--color-accent-dim,#ffffff59);font-size:11px;font-family:var(--font-mono,monospace);margin-top:2rem}.comments-footer a{color:#ffffffb3;text-underline-offset:2px;text-decoration:underline;transition:color .3s}.comments-footer a:hover{color:#fffffff2}.comment-form{margin-bottom:2rem}.comment-form--authed{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:1.25rem}.comment-form-user{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.comment-form-user-info{flex:1;min-width:0}.comment-form-username{color:#ffffffeb;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.comment-form-email{color:var(--color-accent-dim,#fff6);font-size:11px;font-family:var(--font-mono,monospace);margin-top:2px}.comment-form-footer{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.comment-form-hint{color:var(--color-accent-dim,#fff6);font-size:11px;font-family:var(--font-mono,monospace)}.comment-form--reply{margin:0}.comment-form--guest{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.comment-form-guest-text{color:var(--color-accent-dim,#fff9);margin-bottom:1rem;font-size:.875rem}.comment-input{color:#ffffffeb;resize:vertical;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:.75rem .875rem;font-family:inherit;font-size:.875rem;line-height:1.6;transition:border-color .3s,background .3s}.comment-input:focus{background:#ffffff0d;border-color:#ffffff40;outline:none}.comment-input::placeholder{color:var(--color-accent-dim,#ffffff4d)}.comment-input--textarea{min-height:96px}.comment-btn{cursor:pointer;color:#ffffffb3;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.comment-btn--sm{padding:.25rem .625rem;font-size:11px}.comment-btn--ghost{color:var(--color-accent-dim,#ffffff8c);border-color:#ffffff14}.comment-btn--ghost:hover{color:#ffffffe6;border-color:#fff3}.comment-btn--primary{color:#fffffff2;background:#ffffff14;border-color:#ffffff26}.comment-btn--primary:hover{background:#ffffff26;border-color:#ffffff4d}.comment-btn:disabled{opacity:.5;cursor:not-allowed}.comment-form-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.comment-list{flex-direction:column;gap:1.5rem;display:flex}.comment-empty{text-align:center;color:var(--color-accent-dim,#fff6);padding:3rem 0;font-size:.875rem}.comment-view-all{text-align:center;font-size:.75rem;font-family:var(--font-mono,monospace);color:var(--color-accent-dim,#ffffff80);border:1px solid #ffffff14;border-radius:9999px;margin-top:1.5rem;padding:.5rem .875rem;text-decoration:none;transition:all .3s;display:block}.comment-view-all:hover{color:#ffffffe6;border-color:#fff3}.comment-item{position:relative}.comment-thread-line{background:#ffffff0f;width:1px;position:absolute;top:0;bottom:0;left:.875rem}.comment-item-inner{gap:.875rem;display:flex}.comment-avatar{object-fit:cover;background:#ffffff0a;border-radius:9999px;flex-shrink:0;width:2.25rem;height:2.25rem}.comment-body{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.comment-nickname{color:#ffffffeb;font-size:.875rem;font-weight:500}.comment-nickname--link{border-bottom:1px solid #ffffff26;text-decoration:none;transition:border-color .3s}.comment-nickname--link:hover{border-color:#ffffff80}.comment-badge{font-size:10px;font-family:var(--font-mono,monospace);letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.125rem .5rem;display:inline-flex}.comment-badge--admin{color:#ffffffd9;background:#ffffff1a;border:1px solid #ffffff26}.comment-badge--warn{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d}.comment-time{color:var(--color-accent-dim,#fff6);font-size:11px;font-family:var(--font-mono,monospace);margin-left:auto}.comment-content{color:#ffffffc7;word-break:break-word;font-size:.875rem;line-height:1.7;overflow-x:auto}.comment-content :is(p){margin:0 0 .5rem}.comment-content :is(p:last-child){margin-bottom:0}.comment-content :is(code){font-family:var(--font-mono,monospace);background:#ffffff0d;border-radius:4px;padding:.125rem .375rem;font-size:.8125rem}.comment-content :is(pre){background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;margin:.5rem 0;padding:.875rem;font-size:.8125rem;overflow-x:auto}.comment-content :is(pre code){background:0 0;padding:0}.comment-content :is(a){color:#ffffffe6;text-underline-offset:2px;text-decoration:underline}.comment-content :is(blockquote){color:var(--color-accent-dim,#ffffff8c);border-left:2px solid #ffffff26;margin:.5rem 0;padding-left:.875rem}.comment-actions{gap:.5rem;margin-top:.625rem;display:flex}.comment-action{color:var(--color-accent-dim,#ffffff80);cursor:pointer;font-size:11px;font-family:var(--font-mono,monospace);background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;transition:all .3s;display:inline-flex}.comment-action:hover{color:#ffffffd9;background:#ffffff08;border-color:#ffffff1a}.comment-action.is-liked{color:#fb7185}.comment-action.is-liked:hover{background:#fb71850d;border-color:#fb71854d}.comment-reply-form{margin-top:1rem;padding-left:3.125rem}.comment-skeleton{gap:.875rem;padding:.5rem 0;display:flex}.comment-skeleton-avatar{background:#ffffff0a;border-radius:9999px;flex-shrink:0;width:2.25rem;height:2.25rem;animation:1.6s ease-in-out infinite comment-pulse}.comment-skeleton-body{flex-direction:column;flex:1;gap:.5rem;display:flex}.comment-skeleton-line{background:#ffffff0a;border-radius:4px;height:10px;animation:1.6s ease-in-out infinite comment-pulse}@keyframes comment-pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@media (width<=640px){.comment-reply-form{padding-left:0}.comment-time{width:100%;margin-top:.25rem;margin-left:0}}.compact-comment-list{flex-direction:column;gap:.5rem;display:flex}.compact-comment{align-items:flex-start;gap:.625rem;padding:.5rem 0;transition:opacity .3s;display:flex}.compact-comment-avatar{object-fit:cover;background:#ffffff0a;border-radius:9999px;flex-shrink:0;width:1.75rem;height:1.75rem}.compact-comment-main{flex:1;min-width:0}.compact-comment-header{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.25rem;display:flex}.compact-comment-name{color:#ffffffd9;font-size:.75rem;font-weight:500}.compact-comment-badge{font-size:9px;font-family:var(--font-mono,monospace);letter-spacing:.05em;color:#ffffffd9;background:#ffffff1a;border:1px solid #ffffff26;border-radius:9999px;align-items:center;padding:0 .375rem;display:inline-flex}.compact-comment-time{color:var(--color-accent-dim,#ffffff59);font-size:10px;font-family:var(--font-mono,monospace)}.compact-comment-content{color:#ffffffb3;word-break:break-word;font-size:.75rem;line-height:1.5;overflow-x:auto}.compact-comment-content :is(p){margin:0 0 .25rem}.compact-comment-content :is(p:last-child){margin-bottom:0}.compact-comment-content :is(code){font-family:var(--font-mono,monospace);background:#ffffff0d;border-radius:3px;padding:.0625rem .25rem;font-size:.6875rem}.compact-comment-content :is(a){color:#ffffffd9;text-underline-offset:1px;text-decoration:underline}.compact-comment-content :is(blockquote){color:var(--color-accent-dim,#ffffff80);border-left:2px solid #ffffff1a;margin:.25rem 0;padding-left:.5rem;font-size:.6875rem}.compact-comment-like{color:var(--color-accent-dim,#fff6);font-size:11px;font-family:var(--font-mono,monospace);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;align-items:center;gap:.25rem;margin-top:.125rem;padding:.25rem .5rem;transition:color .3s;display:inline-flex}.compact-comment-like:hover{color:#fb7185cc}.compact-comment-like.is-liked{color:#fb7185}.compact-comment-like i{font-size:.8125rem}.compact-comment-like-count{font-weight:500}.compact-comment--skeleton{pointer-events:none}.compact-comment-name-skeleton{border-radius:3px;width:60px;height:8px}.compact-comment-content-skeleton{border-radius:3px;width:80%;height:8px;margin-top:.375rem}