@layer lab{.thread-line{border-inline-start:1px solid var(--accent);border-block-end:1px solid var(--accent);pointer-events:none;border-end-start-radius:14px;position:absolute;inset-block-start:anchor(--comment end);inset-block-end:anchor(--reply center);inset-inline-start:calc(anchor(--comment start) + 18px);inset-inline-end:anchor(--reply start)}.thread-line:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;inset-block-end:-5px;inset-inline-end:-4px}.threads{gap:18px;display:grid}.thread{gap:var(--gap,22px);padding:4px 2px;display:grid;position:relative}.scoped{anchor-scope:--comment, --reply}.bubble{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#fff;border-radius:14px;max-width:440px;padding:11px 14px}.bubble .who{font-family:var(--display);color:var(--accent-deep);margin-bottom:3px;font-size:12.5px;font-weight:600}.bubble .txt{color:var(--ink-soft);font-size:13px;line-height:1.6}.comment{anchor-name:--comment}.reply{anchor-name:--reply;margin-inline-start:var(--indent,40px)}.thread-curve{pointer-events:none;position:absolute;inset-block-start:anchor(--comment end);inset-block-end:anchor(--reply center);inset-inline-start:calc(anchor(--comment start) + 18px);inset-inline-end:anchor(--reply start)}.thread-curve svg{width:100%;height:100%;display:block;overflow:visible}.thread-curve .curve-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round}.thread-curve .curve-head{fill:var(--accent)}}