.wl-cmt{flex-direction:column;flex:1;min-height:0;display:flex}.wl-cmt-title{color:var(--muted);align-items:center;gap:10px;margin:4px 0 2px;font-size:13px;font-weight:700;display:flex}.wl-cmt-title:before,.wl-cmt-title:after{content:"";background:var(--border);flex:1;height:1px}.wl-cmt-refresh{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:-4px;padding:0;display:inline-grid}.wl-cmt-refresh:hover:not(:disabled),.wl-cmt-refresh:focus-visible{color:var(--text);background:#ffffff14}.wl-cmt-refresh:disabled{cursor:default}.wl-cmt-refresh svg.is-spinning{animation:.8s linear infinite wl-cmt-spin}@keyframes wl-cmt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.wl-cmt-refresh svg.is-spinning{opacity:.5;animation:none}}.wl-cmt-scroll{overscroll-behavior:contain;flex:1;min-height:96px;padding:0 2px 8px;overflow-y:auto}.wl-cmt-list,.wl-cmt-replies{margin:0;padding:0;list-style:none}.wl-cmt-item{padding:6px 0}.wl-cmt-list>.wl-cmt-item+.wl-cmt-item{border-top:1px solid var(--wl-line)}.wl-cmt-row{align-items:flex-start;gap:6px;display:flex}.wl-cmt-avatar{flex:none;margin-top:1px}.wl-cmt-text{min-width:0;color:var(--text);word-break:keep-all;overflow-wrap:anywhere;flex:1;margin:0;font-size:13px;line-height:1.45}.wl-cmt-name{margin-right:4px;font-size:12px;font-weight:700}.wl-cmt-me{color:var(--wl-muted-2);margin-right:4px;font-size:11px}.wl-cmt-time{color:var(--wl-muted-2);white-space:nowrap;margin-left:2px;font-size:11px}.wl-cmt-actions{flex:none;align-items:center;gap:2px;display:flex}.wl-cmt-reply-btn,.wl-cmt-more,.wl-cmt-link,.wl-cmt-confirm-btn,.wl-cmt-target-x{color:var(--wl-muted-2);cursor:pointer;background:0 0;border:0;position:relative}.wl-cmt-reply-btn:before,.wl-cmt-more:before,.wl-cmt-target-x:before{content:"";width:max(100%,32px);height:32px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.wl-cmt-reply-btn{border-radius:6px;height:24px;padding:0 6px;font-size:11px;font-weight:600}.wl-cmt-more{width:24px;height:24px;color:var(--muted);border-radius:50%;padding:0;font-size:16px;line-height:1}.wl-cmt-more:hover,.wl-cmt-reply-btn:hover,.wl-cmt-more[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.wl-cmt-menu-wrap{position:relative}.wl-cmt-menu{z-index:2;border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;width:132px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 30px #00000080}.wl-cmt-menu button{height:36px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:13px}.wl-cmt-menu button:hover,.wl-cmt-menu button:focus-visible{background:var(--surface-2)}.wl-cmt-menu .wl-cmt-danger,.wl-cmt-confirm-btn.wl-cmt-danger{color:var(--danger)}.wl-cmt-replies{border-left:2px solid var(--wl-line);margin:4px 0 0 8px;padding-left:8px}.wl-cmt-replies .wl-cmt-item{padding:4px 0}.wl-cmt-replies .wl-cmt-text{font-size:12.5px}.wl-cmt-deleted{color:var(--muted);margin:0;font-size:12px;font-style:italic}.wl-cmt-confirm{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wl-cmt-confirm-btn{min-height:28px;color:var(--text);border-radius:6px;padding:0 10px;font-size:12px}.wl-cmt-confirm-btn:hover{background:var(--surface-2)}.wl-cmt-report{border:1px solid var(--border);border-radius:var(--wl-radius-sm);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:6px 0 0 24px;padding:8px 10px;font-size:13px;display:flex}.wl-cmt-report-option{cursor:pointer;align-items:center;gap:4px;min-height:28px;display:inline-flex}.wl-cmt-report-actions{gap:4px;margin-left:auto;display:flex}.wl-cmt-note{color:var(--muted);margin:4px 0 0 24px;font-size:12px}.wl-cmt-error{color:var(--danger)}.wl-cmt-state{min-height:48px;color:var(--muted);justify-content:center;align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.wl-cmt-empty{padding:16px 0}.wl-cmt-link{min-height:32px;color:var(--accent);padding:0 8px;font-size:12px}.wl-cmt-replies-more{min-height:28px;padding:0;font-size:11px}.wl-cmt-link:hover{text-decoration:underline}.wl-cmt-composer{padding:10px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-direction:column;flex:none;gap:6px;display:flex}.wl-cmt-field{gap:8px;margin:0;display:flex;position:relative}.wl-cmt-field input[type=text]{border-radius:999px;flex:1;min-width:0;height:38px;padding:0 56px 0 14px;font-size:14px}.wl-cmt-count{color:var(--wl-muted-2);pointer-events:none;font-size:11px;position:absolute;top:50%;right:80px;transform:translateY(-50%)}.wl-cmt-count-warn{color:var(--accent)}.wl-cmt-field .btn{flex:none;width:64px;min-height:38px;padding:0 10px;font-size:13px}.wl-cmt-target{background:var(--wl-gold-bg);height:24px;color:var(--wl-gold);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:0 4px 0 10px;font-size:12px;display:inline-flex}.wl-cmt-target-x{width:24px;height:24px;color:var(--wl-gold);border-radius:50%;padding:0;font-size:14px}.wl-cmt-limit{color:var(--wl-muted-2);margin:0;font-size:11px}.wl-cmt-limit.wl-cmt-error{color:var(--danger)}.wl-cmt-login{min-height:36px}.wl-cmt-new{animation:1s ease-out wl-cmt-flash}@keyframes wl-cmt-flash{0%{background:var(--wl-gold-bg)}to{background:0 0}}@media (hover:none){.wl-cmt-reply-btn,.wl-cmt-more{min-width:32px}}@media (max-width:640px){.wl-cmt-field input[type=text]{font-size:16px}}.wl-cmt-field input[type=text]::placeholder{font-size:13px}@media (max-height:560px){.wl-cmt-scroll{overflow:visible}}@media (prefers-reduced-motion:reduce){.wl-cmt-new{animation:none}}