.avatar { display: inline-grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; overflow: hidden; border-radius: 50%; background: #332d3c; color: var(--link); font: 700 14px/1 var(--sans); }
.avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avatar-large { width: 54px; height: 54px; font-size: 22px; }
.avatar-mini { width: 21px; height: 21px; margin-right: 6px; font-size: 11px; }
.person-line { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; font-size: 14px; }
.person-line strong { overflow-wrap: anywhere; }
.person-line .meta { margin-left: 3px; }
.account-profile { display: flex; align-items: center; gap: 12px; overflow-wrap: anywhere; }
#avatar-form { margin-block: 18px; padding-block: 15px; border-block: 1px solid var(--line); }
#avatar-form h3 { font-size: 15px; }
#avatar-form .muted { margin: 5px 0 10px; }
#post-dialog { width: min(640px, calc(100% - 32px)); }
#post-composer { margin-bottom: 14px; }
.entry-actions { margin-top: 20px; }
.like-button { padding: 4px 10px; font-size: 13px; }
.like-button[aria-pressed="true"] { color: #f4b4d0; border-color: #93627f; background: #392639; }
.load-more { margin-top: 12px; }
.media-gallery { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.media-link { display: block; max-width: min(100%, 270px); overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: var(--panel); }
.media-link img { display: block; width: auto; height: auto; max-width: 100%; max-height: 320px; object-fit: contain; }
.comment .media-link { max-width: min(100%, 190px); }
.comment .media-link img { max-height: 190px; }
.comment-actions { margin: 8px 0 5px; }
.comment-form .composer-tools { margin: -4px 0 12px; }
.composer-tool-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.composer-previews { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; padding: 0; list-style: none; }
.composer-previews:empty { display: none; }
.composer-preview { position: relative; margin: 0; }
.composer-preview img { display: block; width: 78px; height: 66px; object-fit: cover; border: 1px solid var(--line); border-radius: 3px; }
.composer-preview .text-button { position: absolute; right: 4px; top: 3px; padding: 2px 6px; background: #19181be8; border: 1px solid var(--line); border-radius: 3px; color: var(--ink); text-decoration: none; }
.emoji-picker { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 8px; padding: 5px; width: fit-content; background: var(--panel); border: 1px solid var(--line); border-radius: 4px; }
.emoji-picker .text-button { font-size: 20px; text-decoration: none; padding: 4px 6px; border-radius: 3px; }
.emoji-picker .text-button:hover { background: #332d3c; }
.composer-status { color: var(--muted); font-size: 13px; margin: 5px 0; }
.composer-status:empty { display: none; }
@media (max-width: 490px) {
  .media-link, .comment .media-link { max-width: calc(50% - 4px); }
  .media-link:only-child { max-width: 100%; }
}