.profile-identity { flex: 1; min-width: 0; }
.profile-edit-trigger { width: auto; margin: 0 0 0 auto; flex-shrink: 0; padding: 10px 14px; }
.profile-edit-dialog { width: min(600px, calc(100vw - 28px)); max-height: 88dvh; overflow-y: auto; padding: 24px; }
.profile-edit-dialog .profile-edit { margin: 16px 0 0; }
.profile-edit-dialog::backdrop, .share-dialog::backdrop { background: #0009; }
.share-dialog { width: min(460px, calc(100vw - 28px)); padding: 24px; }
.share-dialog input { display: block; width: 100%; margin-top: 10px; padding: 12px; border: 1px solid #b99aff55; border-radius: 10px; color: #fff; background: #100c18; font-size: 16px; }
.card-actions button[data-action="share"] { display: grid; place-items: center; gap: 3px; width: 56px; min-height: 50px; padding: 4px 2px; border: 0; border-radius: 0; color: #eef0f6; background: transparent; box-shadow: none; backdrop-filter: none; }
.card-actions .share-glyph { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.card-actions button[data-action="share"] small { font-size: 10px; }
.card-actions button[data-action="share"]:hover { transform: translateY(-2px); }
.profile-post-item.profile-video-item { position: relative; width: 100%; color: inherit; text-align: left; cursor: pointer; overflow: hidden; background-color: #100d18; }
.profile-video-item:focus-visible { outline: 2px solid #c6a0ff; outline-offset: 3px; }
.profile-video-preview { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .45; pointer-events: none; }
.profile-video-item > strong, .profile-video-item > small { position: relative; z-index: 1; }
.profile-video-item > strong { overflow-wrap: anywhere; }
.profile-video-item::after { content: '▶'; position: absolute; top: 12px; right: 12px; color: #fff; text-shadow: 0 2px 8px #000; font-size: 18px; }
.card-actions { max-height: calc(100% - 92px); scrollbar-width: none; }
.card-actions::-webkit-scrollbar { display: none; }
@media (max-width: 760px) {
  #profile-page .profile-top { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 14px; }
  .profile-top > .avatar { grid-row: 1 / span 2; }
  .profile-identity { grid-column: 2; }
  .profile-edit-trigger { grid-column: 2; justify-self: start; margin: 0; font-size: 12px; }
  .card-actions { gap: 4px; max-height: calc(100% - 38px); bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
  .card-actions button[data-action="share"] { width: 52px; min-height: 44px; }
}
@media (max-width: 760px) and (max-height: 620px) {
  .card-actions { overflow-y: auto; }
}
