.comment-block{--comment-ava:44px;--comment-gap:12px;width:100%;font-family:var(--font-body);color:var(--text-primary);display:block}.comment-title{align-items:baseline;gap:8px;margin:0 0 20px;display:flex}.comment-block__title{font-family:var(--font-body);font-size:var(--fs-3xl,24px);color:var(--text-primary);margin:0;font-weight:600;line-height:1.2}.comments-count{font-family:var(--font-body);font-size:var(--fs-lg,16px);color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.2}.comment-col{flex-direction:column;gap:22px;width:100%;margin:0 0 24px;display:flex}.comment-item{column-gap:var(--comment-gap);grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.comment-item__main{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.user-avatar{width:var(--comment-ava);height:var(--comment-ava);aspect-ratio:1;border-radius:var(--radius-full,50%);background:var(--surface-muted);color:var(--text-secondary);font-weight:600;font-size:calc(var(--comment-ava) * .36);letter-spacing:.02em;user-select:none;flex:none;justify-content:center;align-items:center;line-height:1;display:flex;position:relative;overflow:hidden}.user-avatar img{object-fit:cover;object-position:center;border-radius:inherit;width:100%;height:100%;display:block}.user-avatar:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-primary) 10%, transparent);pointer-events:none;position:absolute;inset:0}.user-avatar.ava-frame-wrap{overflow:visible}.user-avatar.ava-frame-wrap:after{display:none}.comment-head{flex-wrap:wrap;align-items:center;gap:2px 6px;width:100%;min-width:0;display:flex}.comment-head__id{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:inline-flex}.comment-user__name{font-family:var(--font-body);font-size:var(--fs-md,15px);color:var(--text-primary);overflow-wrap:anywhere;transition:color var(--transition-fast,.15s);font-weight:600;line-height:1.3;text-decoration:none}.comment-user__name:hover,.comment-user__name:focus-visible{color:var(--color-primary)}.comment-date{font-family:var(--font-body);font-size:var(--fs-xs,12px);color:var(--text-tertiary);white-space:nowrap;margin:0;font-weight:400;line-height:1.3}.comment-head .comment-date:before{content:"·";margin-right:6px}.comment-body{width:100%;min-width:0}.comment-body p{font-family:var(--font-body);font-size:var(--fs-md,15px);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-primary);margin:0;font-weight:400;line-height:1.55}.comment-body p.comment-body__deleted{color:var(--text-tertiary);font-style:italic}.comment-body p.comment-body__msg--emoji-only{font-size:36px;line-height:1.1}.comment-body p.comment-body__msg--emoji-only .custom-emoji{vertical-align:-10px;width:40px;height:40px}.comment-body .comment-sticker{border-radius:var(--radius-md,12px);user-select:none;width:auto;max-width:160px;height:auto;max-height:160px;display:block}.comment-actions{flex-wrap:wrap;align-items:center;gap:2px;margin-left:-8px;display:flex}.comment-action{border-radius:var(--radius-sm,8px);font-family:var(--font-body);font-size:var(--fs-sm,13px);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast,.15s), color var(--transition-fast,.15s);background:0 0;border:0;align-items:center;gap:6px;padding:5px 8px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.comment-action:hover{background:var(--surface-muted);color:var(--text-primary)}.comment-action:focus-visible{box-shadow:var(--focus-ring);color:var(--text-primary);outline:none}.comment-action--danger:hover,.comment-action--danger:focus-visible{color:var(--c-red-600);background:var(--surface-muted)}.comment-actions .comment-report{color:var(--text-secondary);font-size:var(--fs-sm,13px)}.comment-actions .comment-report:hover,.comment-actions .comment-report:focus-visible{color:var(--c-red-600);background:var(--surface-muted)}.comment-report .report-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comment-item__replies{--comment-ava:36px;flex-direction:column;gap:18px;width:100%;padding-top:14px;display:flex}.comment-item__replies:empty{display:none}.post-comment{--comment-field-h:44px;--comment-send:var(--comment-field-h);--comment-ava:var(--comment-field-h);align-items:flex-start;gap:var(--comment-gap);border:none;outline:none;width:100%;margin:0 0 28px;display:flex;position:relative}.post-comment--reply,.comment-edit-form{--comment-field-h:40px;margin:10px 0 4px}.comment-input{min-width:0;font-family:var(--font-body);font-size:var(--fs-lg,16px);color:var(--text-primary);border-radius:var(--radius-xl,20px);background:var(--surface-muted);resize:none;height:var(--comment-field-h);box-sizing:border-box;max-height:150px;transition:border-color var(--transition-fast,.15s), box-shadow var(--transition-fast,.15s), background var(--transition-fast,.15s);border:1px solid #0000;outline:none;flex:auto;padding:10px 16px;font-weight:400;line-height:1.375;overflow-y:auto}.comment-input:focus{background:var(--surface-base);border-color:var(--color-primary);box-shadow:var(--focus-ring)}.comment-input::placeholder{color:var(--text-tertiary);opacity:1}.post-comment .comment-input.emoji-ce{min-height:var(--comment-field-h);height:auto}.submit-comment{width:var(--comment-send);height:var(--comment-send);margin-top:calc((var(--comment-field-h) - var(--comment-send)) / 2);border-radius:var(--radius-full,50%);background:var(--color-primary);cursor:pointer;transition:background var(--transition-fast,.15s), transform var(--transition-fast,.15s);border:none;flex:none;justify-content:center;align-items:center;display:flex}.submit-comment svg{width:20px;height:20px}.submit-comment:hover:not(:disabled){background:var(--color-primary--hover)}.submit-comment:active:not(:disabled){transform:scale(.94)}.submit-comment:focus-visible{box-shadow:var(--focus-ring);outline:none}.submit-comment:disabled{opacity:.55;cursor:default}.post-comment--reply .comment-input,.comment-edit-form .comment-input{padding:8px 14px}.post-comment--reply .submit-comment svg{width:18px;height:18px}.post-comment .emoji-picker-container{height:var(--comment-field-h);flex:none;align-self:flex-start;align-items:center;display:flex}.comment-edit-actions{height:var(--comment-field-h);flex:none;align-self:flex-start;align-items:center;gap:8px;display:flex}.comment-empty,.comment-notice{border-radius:var(--radius-md,12px);background:var(--surface-subtle);border:1px solid var(--border-subtle);width:100%;font-family:var(--font-body);font-size:var(--fs-md,15px);color:var(--text-secondary);text-align:center;padding:18px 20px;line-height:1.45}.comment-notice--warn{background:var(--color-warning-bg);color:var(--color-warning);border-color:#0000}.comment-notice--error{background:var(--color-danger-bg);color:var(--color-danger);border-color:#0000}.comment-notice--auth{background:0 0;border:none;padding:8px 0 20px}.load-more-comments{justify-content:center;margin-top:4px;display:flex}@media (width<=768px){.comment-block{--comment-ava:36px;--comment-gap:10px}.comment-item__replies{--comment-ava:30px;gap:16px}.comment-block__title{font-size:var(--fs-2xl,20px);font-weight:600}.comment-col{gap:20px}.comment-actions{row-gap:4px}.post-comment{--comment-send:34px;--field-inset:5px;--dock-pad-x:0px;--dock-pad-b:0px;align-items:flex-start}.post-comment--reply,.comment-edit-form{--comment-send:30px}.comment-input,.post-comment--reply .comment-input{padding-right:84px}.submit-comment{right:calc(var(--field-inset) + var(--dock-pad-x));bottom:calc(var(--field-inset) + var(--dock-pad-b));margin-top:0;position:absolute}.submit-comment svg{width:16px;height:16px}.post-comment--reply .submit-comment svg{width:15px;height:15px}.post-comment .emoji-picker-container{right:calc(var(--field-inset) + var(--comment-send) + 8px + var(--dock-pad-x));bottom:calc(var(--field-inset) + var(--dock-pad-b));height:var(--comment-send);position:absolute}.post-comment .emoji-trigger{font-size:var(--fs-2xl,20px);padding:0 6px}.comment-edit-form{flex-wrap:wrap}.comment-edit-form .emoji-picker-container{position:static;bottom:auto;right:auto}.comment-edit-form .comment-input,.comment-edit-form .comment-input.emoji-ce{padding-right:14px}.comment-edit-actions{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.comment-action,.comment-input,.comment-user__name,.submit-comment{transition:none}.submit-comment:active:not(:disabled){transform:none}}@media (width<=640px){.post-comment--dock.is-docked{z-index:98600;--dock-pad-x:12px;--dock-pad-b:calc(8px + env(safe-area-inset-bottom,0px));padding:8px var(--dock-pad-x) var(--dock-pad-b);background:var(--surface-base);border-top:1px solid var(--border-subtle,#7f7f7f38);margin:0;animation:.16s ease-out commentDockIn;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000002e}@keyframes commentDockIn{0%{opacity:.4}to{opacity:1}}body.has-vio-tabbar .post-comment--dock.is-docked{bottom:var(--vio-tabbar-h,calc(62px + env(safe-area-inset-bottom,0px)));--dock-pad-b:8px}}.post-comment__sentinel{flex:none;height:1px}