html { margin-top: 0 !important; }
#wpadminbar { display: none !important; }
.dj-app { background: #fafafa; min-height: 100vh; }
.dj-logo { width: 178px; height: auto; display: block; }
.dj-btn-primary { background: #ff5252; border-color: #ff5252; color: #fff; }
.dj-btn-primary:hover, .dj-btn-primary:focus { background: #e94747; border-color: #e94747; color: #fff; }
.dj-link { color: #ff5252; text-decoration: none; font-weight: 600; }
.dj-badge { background: rgba(255,82,82,.12); color: #c83838; font-weight: 600; }
.dj-avatar-user { background: #111; color: #fff; }
.dj-stories { scrollbar-width: none; }
.dj-stories::-webkit-scrollbar { display: none; }
.dj-story { border: 2px solid #ff5252; padding: 2px; background-clip: content-box; }
.dj-media { display: block; width: 100%; max-width: 1080px; max-height: 1350px; aspect-ratio: 1080 / 1350; object-fit: cover; background: #eee; }
.dj-post { overflow: hidden; }
.dj-locked { position: relative; overflow: hidden; background: #111; }
.dj-locked > img { filter: blur(7px) brightness(.5); transform: scale(1.04); }
.dj-paywall { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; }
.dj-paywall-tag { background: #ff5252; color: #fff; }
.dj-photo-3 { background-image: url('../img/post-3.jpg'); background-size: cover; background-position: center; }
.dj-modal-icon { width: 44px; height: 38px; }
.dj-toast-icon { width: 20px; height: 18px; }
.dj-like.liked { color: #ff5252; font-size: 1.4rem; }
@media (max-width: 767px) { .dj-logo { width: 145px; } .page-body { padding-bottom: 1.5rem; } }

.dj-feed-card { max-width: none; margin: 0; }
.dj-feed-media, .dj-profile-media { width: 100%; max-width: 1080px; max-height: 1350px; aspect-ratio: 1080 / 1350; object-fit: cover; }

.dj-social-liked { color: #ff5252 !important; }

.dj-social-action { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--tblr-secondary); cursor: pointer; transition: color .15s ease, background-color .15s ease; }
.dj-social-action:hover, .dj-social-action:focus { outline: 0; }
.dj-like-action:hover, .dj-like-action:focus, .dj-social-liked { color: #ff5252 !important; background: transparent; }
.dj-comment-action:hover, .dj-comment-action:focus { background: transparent; color: #111; }

.dj-exclusive-post { background: var(--tblr-yellow-lt); border-color: var(--tblr-warning-border-subtle); }
.dj-locked { position: relative; overflow: hidden; background: var(--tblr-gray-900); }
.dj-exclusive-preview { pointer-events: none; }
.dj-exclusive-preview > .dj-feed-media { filter: blur(10px) brightness(.55); transform: scale(1.045); }
.dj-locked .dj-paywall { background: rgb(245 159 0 / 30%); color: #fff; }
.dj-paywall-tag { background: var(--tblr-yellow); color: var(--tblr-gray-900); }

.dj-feed-card { overflow: visible; }
.dj-feed-card .dj-locked { overflow: hidden; }

.dj-profile-masonry, .dj-feed-masonry { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tblr-gutter-x, 1.5rem); }
.dj-profile-masonry-item, .dj-feed-masonry > .dj-feed-card { display: block; width: 100%; margin: 0; padding: 0; position: relative; }
.dj-feed-masonry > .dj-feed-card.mb-4 { margin-bottom: 0 !important; }
.dj-profile-masonry-item.dj-dropdown-open, .dj-profile-masonry-item:focus-within { z-index: var(--tblr-zindex-dropdown, 1000); }
@media (max-width: 575.98px) { .dj-profile-masonry, .dj-feed-masonry { gap: .75rem; } .dj-profile-masonry, .dj-feed-masonry { grid-template-columns: 1fr; } }

.dj-upload-loading { position: fixed; inset: 0; z-index: var(--tblr-zindex-modal, 1055); display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: rgb(17 17 17 / 35%); }
.dj-upload-loading .card { width: min(100%, 25rem); }