/* Underlife — reactions & comments */
.eng{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.eng-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.eng-r,.eng-c{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:transparent;color:var(--soft);border-radius:999px;padding:5px 11px;font:500 .82rem var(--sans);cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .15s}
.eng-r span{font-size:1rem;line-height:1}.eng-r b{font-weight:600}
.eng-r:hover,.eng-c:hover{border-color:var(--or);color:var(--ink)}
.eng-r:active{transform:scale(.94)}
.eng-r.on{border-color:var(--or);background:color-mix(in srgb,var(--or) 12%,transparent);color:var(--ink)}
.eng-c{margin-left:auto}.eng-c[aria-expanded=true]{color:var(--ink);border-color:var(--ink)}
.eng-r:focus-visible,.eng-c:focus-visible,.eng-del:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.eng-note{font-size:.8rem;color:var(--or-text);min-height:0}.eng-note:empty{display:none;}.eng-note{margin-top:6px}
.eng-box{display:none}.eng.open .eng-box{display:block;margin-top:12px}
.eng-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.eng-list li{display:flex;gap:10px;align-items:flex-start}
.eng-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--elev);color:var(--ink);display:grid;place-items:center;font:600 .8rem var(--sans);text-decoration:none;overflow:hidden}
.eng-av img{width:100%;height:100%;object-fit:cover}
.eng-list p{margin:2px 0 0;font-size:.92rem;line-height:1.5;overflow-wrap:anywhere;color:var(--ink)}
.eng-h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:.82rem}
.eng-h a{font-weight:600;color:var(--ink);text-decoration:none}.eng-h a:hover{color:var(--or-text)}
.eng-h time{color:var(--muted)}
.eng-del{margin-left:auto;background:none;border:0;color:var(--muted);font:inherit;font-size:.78rem;cursor:pointer;padding:0}.eng-del:hover{color:var(--or-text)}
.eng-mute{color:var(--muted);font-size:.88rem;margin:0}.eng-mute a{color:var(--or-text)}
.eng-form{display:flex;gap:8px;align-items:flex-end;margin-top:12px}
.eng-form textarea{flex:1;resize:vertical;min-height:44px;max-height:200px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:10px 12px;font:.92rem/1.4 var(--sans)}
.eng-form textarea:focus{outline:none;border-color:var(--or)}
.eng-form .btn{margin:0;padding:10px 20px}
@media(max-width:480px){.eng-c{margin-left:0}.eng-form{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.eng-r{transition:none}}