/* Blocking and reporting: quiet until someone needs them. */
.menupop{min-width:210px}.cpopwrap:not(.sheeted) .menupop{width:240px}
.menupop .act:first-child{border-top:0}.act.danger{color:var(--red)}
.cpop.safetypop{overflow-y:auto;padding:16px;gap:11px}
.cpopwrap:not(.sheeted) .safetypop{width:340px;max-height:min(84vh,640px)}
.safetyform{display:flex;flex-direction:column;gap:11px}
.safetyhead{font:700 20px/1.15 var(--disp);letter-spacing:-.015em}
.safetytext{color:var(--m);font-size:14px}
.reasons{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;flex:none}
.reason{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 13px;font-size:14px;cursor:pointer}
.reason+.reason{border-top:1px solid var(--line)}.reason:hover{background:rgba(255,255,255,.05)}
.reason input{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:none;margin:0;border-radius:50%;border:1.5px solid var(--line2);background:none;cursor:pointer}
.reason input:checked{border-color:var(--sig);box-shadow:inset 0 0 0 4px var(--s1);background:var(--sig)}
.reason:has(input:checked){background:color-mix(in srgb,var(--sig) 9%,transparent)}
.reason:has(input:focus-visible){outline:2px solid var(--sig);outline-offset:-2px}
.safetyform .area{width:100%}
.btn.danger{background:rgba(255,107,107,.16);color:var(--red);border:1px solid rgba(255,107,107,.32)}.btn.danger:hover{background:rgba(255,107,107,.26)}
.reportdone{display:flex;align-items:center;gap:10px}.donecheck{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--sig);color:var(--sig-ink);flex:none}
.blockedlist{display:flex;flex-direction:column;gap:9px}
.blockedlist .person{flex-wrap:wrap}.blockedlist .grow{min-width:120px}.blockedacts{display:flex;gap:8px;margin-left:auto}
.barright{display:flex;gap:8px;align-items:center}
.commentmore{width:32px;min-width:32px;height:32px;color:var(--d)}
.dmmsg .mrow{align-items:center}
@media (hover:hover) and (pointer:fine){.dmmsg:hover .more,.dmmsg:focus-within .more{opacity:1}}
.dmmsg[tabindex]{border-radius:12px;-webkit-tap-highlight-color:transparent}.dmmsg:focus{outline:0}.dmmsg:focus-visible{outline:2px solid var(--sig);outline-offset:3px}
.proicon{width:36px;height:36px;border-radius:10px}
/* A friend's profile has four buttons beside the photo, so Message gives up its word on phones to keep one row. */
@media (max-width:479px){.proactions .msglabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.proactions [data-message]{padding:0 13px}}
@media (max-width:899px){.proicon{width:44px;height:44px}}
.act.blockact{color:var(--red)}