:root { --er-bg:#0b1220; --er-surface:#0f172a; --er-border:#1f2937; --er-text:#cbd5e1; --er-dim:#94a3b8; }
.er-wrap{margin-top:16px}
.er-title{font-weight:600;margin:8px 0 6px 0;color:var(--er-text)}
.er-comments{background:var(--er-surface);border:1px solid var(--er-border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:10px}
.er-rating{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.er-rating button{background:var(--er-bg);border:1px solid var(--er-border);border-radius:50%;width:36px;height:36px;color:var(--er-text);cursor:pointer;font-size:18px;transition:transform .1s ease, border-color .1s ease}
.er-rating button.active{border-color:#22c55e;transform:translateY(-1px)}
.er-rating button.er-down.active{border-color:#ef4444}
.er-rating button:disabled{opacity:.4;cursor:not-allowed}
.er-score{font-weight:600;color:var(--er-text)}
.er-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;color:var(--er-text);font-size:14px}
.er-item{padding:8px;border:1px solid var(--er-border);border-radius:6px;background:rgba(255,255,255,0.01)}
.er-head{font-size:12px;color:var(--er-dim);margin-bottom:4px}
.er-body{white-space:pre-wrap;line-height:1.35}
.er-actions{margin-top:6px;display:flex;gap:10px}
.er-editor{display:flex;gap:8px;margin-top:6px}
.er-form{display:flex;gap:8px}
.er-form textarea,.er-editor textarea{flex:1;background:var(--er-bg);border:1px solid var(--er-border);border-radius:6px;color:var(--er-text);padding:6px}
.er-btn{background:var(--er-bg);border:1px solid var(--er-border);border-radius:6px;color:var(--er-text);padding:6px 10px;cursor:pointer}
.er-link{background:transparent;border:none;color:var(--er-dim);cursor:pointer}
.er-error{margin-top:6px;color:#ef4444;font-size:12px}