/* Video releases and live rooms share the same model identity. */
.profile-media-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.profile-tabs {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  padding: 4px;
  border-radius: 25px;
}
.profile-tabs::-webkit-scrollbar { display: none; }
.profile-tabs button,
.profile-tabs button:last-child { flex: 0 0 auto; min-width: 55px; min-height: 44px; padding-inline: 12px; line-height: 1.35; white-space: nowrap; }
.profile-tabs button:not(.active) { color: var(--brand-muted); }
.profile-tabs button:focus-visible { outline: 2px solid var(--brand-text); outline-offset: -4px; }
.video-section-note { color: var(--brand-muted); font-size: 11px; line-height: 1.8; margin: -2px 0 20px; }
.video-empty { padding: 35px 25px; border-radius: 27px; background: var(--surface); text-align: center; }
.video-empty > span { display: grid; place-items: center; margin: 0 auto 20px; color: var(--app-accent); }
.video-empty h3 { font-size: 18px; line-height: 1.3; }
.video-empty p { color: var(--muted); font-size: 11px; line-height: 1.7; }
.post-card-video .post-cover { background: #292A33; }
.video-brand-art {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 20px; padding: 25px 15px;
  background: radial-gradient(ellipse at 75% 10%, color-mix(in srgb, var(--app-accent) 15%, transparent), transparent 70%), #343440;
}
.video-brand-art img { width: 49px; height: 49px; object-fit: contain; opacity: .8; }
.video-brand-art > span { font-size: 6px; letter-spacing: .14em; color: var(--brand-silver); text-align: center; }
.video-duration { position: absolute; left: 10px; bottom: 10px; z-index: 3; padding: 5px 8px; border-radius: 99px; background: #292A33BD; color: #F3F4FA; font-size: 9px; font-variant-numeric: tabular-nums; }
.video-play-mark { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; background: #E4E5F0D9; color: #292A33; box-shadow: 0 4px 18px #17182235; }
.video-play-mark svg { margin-left: 2px; }
.video-post-note { display: block; color: var(--brand-muted); font-size: 8px; margin: 5px 0 0; }
.post-sheet { --post-media-radius: 32px; }
.post-video-stage { position: relative; aspect-ratio: 16/10; background: #24252E; overflow: hidden; border-radius: var(--post-media-radius) var(--post-media-radius) 0 0; clip-path: inset(0 round var(--post-media-radius) var(--post-media-radius) 0 0); }
.post-video-stage video { display: block; width: 100%; height: 100%; object-fit: contain; background: #24252E; border-radius: inherit; clip-path: inset(0 round var(--post-media-radius) var(--post-media-radius) 0 0); }
.post-video-load { border-radius: inherit; }
.post-detail-media { border-radius: var(--post-media-radius) var(--post-media-radius) 0 0; overflow: hidden; clip-path: inset(0 round var(--post-media-radius) var(--post-media-radius) 0 0); }
@media (min-width: 900px) { html.web-experience .post-sheet { --post-media-radius: 34px; } }
.post-video-stage .post-preview-badge { bottom: auto; top: 14px; left: 14px; max-width: calc(100% - 70px); pointer-events: none; }
.post-video-load { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; background: radial-gradient(ellipse at center, #C5B5F415, transparent 70%); color: var(--brand-text); font-size: 12px; }
.post-video-load[hidden] { display: none; }
.post-video-load svg { box-sizing: content-box; padding: 18px; border-radius: 50%; color: var(--brand-on-accent); background: var(--app-accent); }
.post-video-load:disabled { opacity: .55; }
.post-video-status { margin: 0; padding: 14px 20px 0; color: #666576; font-size: 10px; line-height: 1.6; }
.profile-shortcuts button[data-view="live"] { color: var(--brand-lilac); }
.post-access-note { display: block; margin-top: 6px; color: var(--brand-muted); font-size: 8px; line-height: 1.5; }
.post-access-note.is-paid { color: var(--brand-lilac); }
img[data-uploaded-photo-state="loading"] { opacity: 0; }
img[data-uploaded-photo-state="missing"] { object-fit: contain; padding: 25%; opacity: .5; }
.post-photo-status { position: absolute; inset: auto 12px 13px; padding: 7px 10px; border-radius: 14px; background: #292A33E8; color: #E4E5F0; font-size: 9px; line-height: 1.5; text-align: center; }
html.web-experience .post-access-note { font-size: 10px; }
/* Five current sections share one scrollable row on both surfaces. */
html.web-experience .profile-tabs { display: flex; gap: 8px; }
html.web-experience .profile-tabs button { flex: 1 0 auto; }
html.web-experience .video-section-note { font-size: 12px; }
html.web-experience .video-post-note { font-size: 10px; }
@container phone (max-width: 340px) {
  .profile-media-stats strong { font-size: 15px; }
  .profile-media-stats span { font-size: 7px; }
  .profile-tabs button { font-size: 9px; padding: 10px; }
  .video-section-note { font-size: 10px; }
  .post-video-status { font-size: 9px; padding-inline: 16px; }
}