.hp-me{padding:0;overflow:hidden;text-align:center}
.hp-me-cover{height:64px;background:linear-gradient(135deg,var(--p,#2748d8),var(--p2,#6d5df6))}
.hp-me-ava{display:block;width:72px;height:72px;margin:-36px auto 0;border-radius:50%;box-shadow:0 0 0 3px var(--card,#fff);overflow:hidden;position:relative}
.hp-me-ava img{width:100%;height:100%;object-fit:cover;display:block}
.hp-me-body{padding:10px 16px 16px;display:flex;flex-direction:column;gap:4px}
.hp-me-name{font-size:17px;font-weight:800;color:inherit;text-decoration:none;word-break:break-word}
.hp-me-handle{font-size:13px;color:var(--mut)}
.hp-me-stats{display:flex;justify-content:center;gap:14px;margin:8px 0 12px;font-size:13px;color:var(--mut)}
.hp-me-stats a{color:inherit;text-decoration:none}.hp-me-stats b{color:var(--tx);font-weight:800}
.hp-people{display:flex;flex-direction:column;padding:2px 8px 8px}
.hp-people a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:inherit;text-decoration:none}
.hp-people a:hover{background:var(--bg2,rgba(127,127,127,.1))}
.hp-people img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.hp-people span{display:flex;flex-direction:column;min-width:0;flex:1}.hp-people b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-people small{color:var(--mut);font-size:12px}
.hp-people .bi-chevron-right{color:var(--mut);font-size:14px}
@media(max-width:1100px){.hp-me,.dash>aside:first-child{display:none}}

/* ---- Diskusi terbaru dari Group (Beranda) ------------------------------------------
   Dulu gayanya ada di groups.css yang tidak dimuat di Beranda, dan di HP kolom feed
   ditarik ke tepi layar sehingga judul menempel & terpotong. Kini rapi di semua perangkat. */

/* HP: kolom feed edge-to-edge → beri jarak sisi pada bagian non-postingan */

/* UI/UX: penulis dengan avatar, kartu bisa disorot saat disentuh/di-hover */
@media(max-width:900px){.fusion-app .content:has(#storyTray){padding-top:0}.fusion-app .content:has(#storyTray) .grid.dash{gap:0}}

/* Video di Home Feed: kartu poster -> membuka pemutar vertikal */
#feed-col .fp-media .fp-video,.fp-media .fp-video{position:relative;display:block;aspect-ratio:4/5;max-height:520px;width:100%;overflow:hidden;background:linear-gradient(160deg,#10162e,#2a2f6b);color:#fff;text-decoration:none;line-height:0}
#feed-col .fp-media .fp-video video,.fp-media .fp-video video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;background:transparent;opacity:0;transition:opacity .25s;pointer-events:none}
.fp-video.ready video{opacity:1}
.fp-vplay{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;font-size:32px;line-height:1;transition:transform .15s}
.fp-video:hover .fp-vplay,.fp-video:focus-visible .fp-vplay{transform:scale(1.08)}
.fp-video:focus-visible{outline:3px solid var(--p,#2547d0);outline-offset:-3px}