.pwl-discussion { width:100%; max-width:880px; margin:48px auto; padding:32px 0 0; border-top:1px solid var(--pwl-color-border); color:var(--pwl-color-text); background:var(--pwl-color-white); scroll-margin-top:90px; }
.pwl-discussion>header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.pwl-discussion h2 { margin:0; font-size:22px; font-weight:600; }
.pwl-discussion h2>span { margin-left:8px; font-size:19px; font-weight:500; color:var(--pwl-color-muted); }
.pwl-discussion select { width:auto; min-height:36px; padding:6px 8px; border:0; border-radius:7px; color:var(--pwl-color-muted); background:var(--pwl-color-white); font:inherit; font-size:13px; }
.pwl-discussion-compose { padding:18px 20px 14px; border:1px solid var(--pwl-color-border); border-radius:12px; background:var(--pwl-color-white); transition:border-color .18s ease; }
.pwl-discussion-compose:focus-within { border-color:var(--pwl-color-brand); }
.pwl-discussion-compose[hidden] { display:none; }
.pwl-discussion-compose-head { display:flex; align-items:center; gap:10px; }
.pwl-discussion-compose-head strong { font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.pwl-discussion-compose-label { margin-left:auto; color:var(--pwl-color-muted); font-size:12px; flex-shrink:0; }
.pwl-discussion textarea { display:block; width:100%; min-height:96px; padding:14px 0; border:0; border-radius:0; box-shadow:none; font:inherit; font-size:15px; line-height:1.75; resize:vertical; color:var(--pwl-color-text); background:transparent; }
.pwl-discussion textarea:focus { outline:0; box-shadow:none; }
.pwl-discussion textarea::placeholder { color:var(--pwl-color-muted); }
.pwl-discussion-compose>footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:10px; border-top:1px solid var(--pwl-color-border); }
.pwl-discussion-counter { color:var(--pwl-color-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.pwl-discussion .pwl-button { min-height:36px; padding:8px 18px; border-radius:7px; font-size:13px; font-weight:500; }
.pwl-discussion-status,.pwl-discussion-note { margin:10px 0 8px; color:var(--pwl-color-muted); font-size:12px; line-height:1.7; }
.pwl-discussion-status.is-blocked { padding:16px; border-radius:7px; background:var(--pwl-color-surface); font-size:14px; }
.pwl-discussion-thread { padding:26px 0; border-bottom:1px solid var(--pwl-color-border); }
.pwl-discussion-thread:last-child { border-bottom:0; }
.pwl-discussion-item { display:flex; gap:14px; scroll-margin-top:100px; }
.pwl-discussion-body { flex:1; min-width:0; }
.pwl-discussion-avatar { display:flex; flex-shrink:0; align-items:center; justify-content:center; width:40px; height:40px; overflow:hidden; border:1px solid var(--pwl-color-border); border-radius:50%; background:var(--pwl-color-surface); color:var(--pwl-color-muted); font-size:14px; font-weight:500; }
.pwl-discussion-avatar img { width:100%; height:100%; object-fit:cover; }
.pwl-discussion-compose-head .pwl-discussion-avatar { width:28px; height:28px; font-size:12px; }
.pwl-discussion-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; min-height:24px; }
.pwl-discussion-meta strong { max-width:100%; overflow-wrap:anywhere; font-size:14px; font-weight:600; }
.pwl-discussion-meta time { order:2; color:var(--pwl-color-muted); font-size:12px; }
.pwl-discussion-self { padding:1px 5px; border-radius:4px; background:var(--pwl-color-surface); color:var(--pwl-color-muted); font-size:11px; }
.pwl-discussion-text { margin:7px 0 10px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:15px; line-height:1.8; }
.pwl-discussion-controls { display:flex; align-items:center; gap:14px; }
.pwl-discussion-controls button { display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:3px 0; border:0; background:transparent; color:var(--pwl-color-muted); font:inherit; font-size:12px; cursor:pointer; }
.pwl-discussion-controls button:first-child { font-weight:500; }
.pwl-discussion-controls button:hover { color:var(--pwl-color-text); text-decoration:underline; text-underline-offset:3px; }
.pwl-discussion-controls button:disabled { opacity:.45; cursor:default; }
.pwl-discussion-reply { position:relative; margin:20px 0 0 54px; padding:18px 18px 14px; border-radius:9px; background:var(--pwl-color-surface); }
.pwl-discussion-reply:before { content:''; position:absolute; top:0; left:-34px; width:17px; height:30px; border-left:1px solid var(--pwl-color-border); border-bottom:1px solid var(--pwl-color-border); border-radius:0 0 0 8px; }
.pwl-discussion-reply .pwl-discussion-avatar { width:32px; height:32px; background:var(--pwl-color-white); font-size:12px; }
.pwl-discussion-reply .pwl-discussion-self { background:var(--pwl-color-white); }
.pwl-discussion-editor { margin-top:16px; padding:14px 16px; border:1px solid var(--pwl-color-brand); border-radius:9px; background:var(--pwl-color-white); }
.pwl-discussion-editor label { display:block; font-size:13px; font-weight:500; }
.pwl-discussion-editor textarea { min-height:88px; }
.pwl-discussion-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:8px; }
.pwl-discussion-dialog p { font-size:14px; color:var(--pwl-color-muted); line-height:1.7; }
.pwl-discussion-empty { display:flex; flex-direction:column; align-items:center; gap:16px; padding:48px 16px; color:var(--pwl-color-muted); text-align:center; font-size:14px; }
.pwl-discussion-empty p { margin:0; }
.pwl-discussion-empty-icon { position:relative; width:36px; height:28px; border:1.5px solid var(--pwl-color-switch-track); border-radius:8px; }
.pwl-discussion-empty-icon:before { content:''; position:absolute; bottom:-5px; left:8px; width:7px; height:7px; border-left:1.5px solid var(--pwl-color-switch-track); border-bottom:1.5px solid var(--pwl-color-switch-track); background:var(--pwl-color-white); transform:skewY(-35deg); }
.pwl-discussion-empty-icon:after { content:''; position:absolute; top:9px; left:8px; width:17px; height:6px; border-top:1.5px solid var(--pwl-color-switch-track); border-bottom:1.5px solid var(--pwl-color-switch-track); }
.pwl-discussion-deleted { margin:0 0 0 54px; padding:8px 0; color:var(--pwl-color-muted); font-size:14px; }
.pwl-discussion-mine { display:block; padding:22px 0; border-bottom:1px solid var(--pwl-color-border); }
.pwl-discussion-mine strong { font-size:14px; font-weight:600; }
.pwl-discussion-mine p { margin:10px 0; font-size:15px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.pwl-discussion-mine small { color:var(--pwl-color-muted); font-size:12px; }
.pwl-discussion :is(button,select):focus-visible { outline:2px solid var(--pwl-color-brand); outline-offset:3px; }
@media(max-width:600px) {
.pwl-discussion { margin:32px auto; padding-top:24px; }
.pwl-discussion>header { margin-bottom:18px; }
.pwl-discussion h2 { font-size:20px; }
.pwl-discussion-compose { padding:14px; }
.pwl-discussion-compose-label { display:none; }
.pwl-discussion-item { gap:10px; }
.pwl-discussion-avatar { width:32px; height:32px; font-size:12px; }
.pwl-discussion-meta { gap:5px 8px; }
.pwl-discussion-reply { margin-left:28px; padding:14px 12px; }
.pwl-discussion-reply:before { left:-17px; width:10px; height:27px; }
.pwl-discussion-reply .pwl-discussion-avatar { width:26px; height:26px; font-size:11px; }
.pwl-discussion-reply .pwl-discussion-meta time { flex-basis:100%; }
.pwl-discussion-deleted { margin-left:42px; }
.pwl-discussion-editor { padding:12px; }
}
@media(prefers-reduced-motion:reduce) { .pwl-discussion-compose { transition:none; } }
#pwl-comments { max-width:880px; }