.comment-actions-trigger{width:32px;height:32px;color:var(--fuwari-fg-50);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.comment-actions-trigger:hover,.comment-actions-trigger[aria-expanded=true]{background:var(--fuwari-btn-regular-bg);color:var(--fuwari-primary)}.comment-actions-trigger:disabled{cursor:default;opacity:.45}.comment-actions-trigger:focus-visible,.comment-actions-item:focus-visible{outline:2px solid var(--fuwari-primary);outline-offset:2px}.comment-actions-menu{z-index:80;overscroll-behavior:contain;border:1px solid var(--fuwari-input-border);background:var(--fuwari-card-bg);border-radius:12px;padding:5px;position:fixed;overflow-y:auto;box-shadow:0 5px 18px #00000014}.comment-actions-item{width:100%;min-height:40px;color:var(--fuwari-fg-75);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:8px 12px;font-size:14px;line-height:1.5;transition:background-color .15s,color .15s;display:flex}.comment-actions-item:hover,.comment-actions-item:focus-visible{background:var(--fuwari-btn-regular-bg);color:var(--fuwari-primary)}.comment-actions-item:focus-visible{outline-offset:-2px}.comment-actions-item[data-danger]{color:var(--fuwari-danger-fg)}.comment-actions-item[data-danger]:hover,.comment-actions-item[data-danger]:focus-visible{background:var(--fuwari-danger-bg);color:var(--fuwari-danger-fg)}@media (pointer:coarse){.comment-actions-trigger{width:40px;height:40px}.comment-actions-item{min-height:44px}}@media (prefers-reduced-motion:reduce){.comment-actions-trigger,.comment-actions-item{transition:none}}.comments-section{color:var(--fuwari-fg);scroll-margin-top:96px}.comments-section>h2{margin-bottom:24px;font-size:22px;font-weight:700}.comments-section>h2>span{color:var(--fuwari-fg-50);margin-left:6px;font-size:18px;font-weight:500}.comments-section :is(button,a):focus-visible{outline:2px solid var(--fuwari-primary);outline-offset:3px}.comments-section button:disabled{opacity:.5;cursor:not-allowed}.comments-login{color:var(--fuwari-fg-50);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0 20px;font-size:14px;display:flex}.comments-login p{flex:1;min-width:140px}.comments-login>a{border-radius:12px;gap:8px;min-height:44px;padding:10px 16px;font-size:14px}.comments-muted,.comments-empty{color:var(--fuwari-fg-50);padding-block:24px;font-size:14px;line-height:1.7}.comments-empty{text-align:center}.comment-avatar{width:40px;height:40px;color:var(--fuwari-fg-50);background:var(--fuwari-input-bg);border-radius:50%;flex:0 0 40px;place-items:center;font-size:14px;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-new-trigger{text-align:left;align-items:center;gap:14px;width:100%;margin-bottom:16px;display:flex}.comment-new-trigger>span:last-child{background:color-mix(in srgb, var(--fuwari-fg-50) 8%, var(--fuwari-card-bg));min-height:44px;color:var(--fuwari-fg-50);border-radius:12px;flex:1;align-items:center;padding:10px 16px;font-size:14px;display:flex}.comment-new-trigger:hover>span:last-child{background:var(--fuwari-btn-regular-bg);color:var(--fuwari-primary)}.comment-thread+.comment-thread{border-top:1px solid color-mix(in srgb, var(--fuwari-fg-50) 18%, transparent)}.comment-thread{padding-bottom:12px}.comment-item{gap:16px;padding-block:24px 12px;scroll-margin-top:96px;transition:background-color .32s;display:flex;position:relative}.comment-main{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:8px;display:flex}.comment-author{min-width:0;color:var(--fuwari-fg-75);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.comment-blogger{background:var(--fuwari-btn-regular-bg);color:var(--fuwari-primary);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:400}.comment-author .comment-reply-target,.comment-meta time{color:var(--fuwari-fg-50);font-size:12px;font-weight:400}.comment-item:has(.comment-management) .comment-meta{padding-right:32px}.comment-management{position:absolute;top:17px;right:-6px}.comment-deleted{color:var(--fuwari-fg-50);padding-block:4px;font-size:14px;font-style:italic}.comment-reply-button,.comment-text-button{min-height:40px;color:var(--fuwari-fg-50);border-radius:6px;padding-inline:4px;font-size:13px;transition:color .18s}.comment-reply-button{margin-left:-4px}.comment-reply-button:hover,.comment-text-button:hover{color:var(--fuwari-primary)}.comment-highlighted{background:var(--fuwari-btn-plain-bg-hover);border-radius:12px}.comment-replies{border-left:1px solid color-mix(in srgb, var(--fuwari-fg-50) 20%, transparent);margin:0 0 10px 48px;padding-left:20px}.comment-item-reply>.comment-avatar{flex-basis:32px;width:32px;height:32px}.comment-item-reply{gap:12px;padding-top:20px}.comment-thread-toggle{min-height:40px;color:var(--fuwari-primary);border-radius:6px;font-size:13px;display:block}.comment-reveal{opacity:0;transition:grid-template-rows .32s var(--fuwari-motion-ease), opacity .18s;grid-template-rows:0fr;display:grid}.comment-reveal[data-open=true]{opacity:1;grid-template-rows:1fr}.comment-reveal>div{min-height:0;overflow:hidden}.comment-root-reply{margin-left:56px}.comment-inline-reply,.comment-root-reply{padding-inline:3px}.comment-reply-composer,.comment-new-composer{gap:14px;padding-block:12px 20px;display:flex}.comment-reply-composer>.comment-avatar{flex-basis:32px;width:32px;height:32px;margin-top:3px}.comment-composer{flex:1;min-width:0}.comment-composer-target{color:var(--fuwari-primary);margin-bottom:10px;font-size:13px;display:block}.comment-composer-input{background:color-mix(in srgb, var(--fuwari-fg-50) 8%, var(--fuwari-card-bg));border:1px solid #0000;border-radius:12px;transition:border-color .18s,background-color .18s}.comment-composer-input:focus-within{background:var(--fuwari-btn-regular-bg);border-color:color-mix(in srgb, var(--fuwari-primary) 45%, transparent)}.comments-section .comment-composer textarea{resize:vertical;width:100%;min-width:0;min-height:96px;color:var(--fuwari-fg);box-shadow:none;background:0 0;border:0;outline:0;padding:12px 14px;font-size:15px;line-height:1.7;display:block}.comment-composer textarea::placeholder{color:var(--fuwari-fg-30)}.comment-composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.comment-composer-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.comment-composer-actions>.fuwari-btn-primary{border-radius:12px;gap:8px;min-height:44px;padding:10px 16px;font-size:14px}.comment-challenge{min-width:0;max-width:100%}.comment-challenge:empty{display:none}.comment-error{color:var(--fuwari-danger-fg);margin-top:10px;font-size:13px;line-height:1.7}.comment-load-error{color:var(--fuwari-fg-50);flex-wrap:wrap;align-items:center;gap:8px 16px;padding-block:16px;font-size:13px;display:flex}.comment-load-error button{min-height:40px;color:var(--fuwari-primary)}.comment-load-state{color:var(--fuwari-fg-50);padding-block:12px;font-size:13px}.comments-pagination{justify-content:center;padding-top:20px;display:flex}.comments-pagination button{border-radius:12px;min-height:44px;padding:10px 20px;font-size:14px}.comment-body-height{transition:height .32s var(--fuwari-motion-ease);overflow:hidden}.comment-body-text{color:var(--fuwari-fg);overflow-wrap:anywhere;font-size:15px;line-height:1.7}@media (width<=639px){.comments-section>h2{margin-bottom:18px;font-size:20px}.comment-avatar{flex-basis:36px;width:36px;height:36px}.comment-item{gap:12px;padding-top:20px}.comment-meta{justify-content:start;gap:4px;display:grid}.comment-replies{margin-left:12px;padding-left:12px}.comment-item-reply{gap:10px}.comment-item-reply>.comment-avatar{flex-basis:28px;width:28px;height:28px}.comment-root-reply{margin-left:0}.comment-new-composer,.comment-reply-composer{display:block}.comment-new-composer>.comment-avatar,.comment-reply-composer>.comment-avatar{display:none}.comments-section .comment-composer textarea{font-size:16px}.comment-composer-footer{flex-direction:column;align-items:stretch}.comment-composer-actions{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.comment-reveal,.comment-item,.comment-body-height,.comment-composer-input,.comment-reply-button,.comment-text-button{transition:none}}
