/* Patiyiz: text profile posts, explore placeholders, custom coin and next follower target */
#main-content .pati-profile-text-feed{display:flex;flex-direction:column;gap:12px;max-width:730px;margin:12px auto 28px;padding:0 12px}
#main-content .pati-profile-text-feed>.pati-feed-card{width:100%!important;max-width:none!important;min-width:0;box-shadow:none!important}
#main-content .pati-profile-text-feed>.pati-feed-text-only{border-radius:18px!important}
#main-content .pati-profile-text-feed .pati-feed-text-content{min-height:0}
#main-content .pati-profile-text-feed .pati-post-caption{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:620px){#main-content .pati-profile-text-feed{padding:0 9px;gap:9px;margin-top:8px}}
/* Show a polished static placeholder while legacy videos without cover images load. */
#main-content .pati-explore-media-screen .pati-explore-media:has(video[data-explore-preview]){position:relative;background:radial-gradient(circle at 50% 38%,#4a4c54,#17181b 73%)!important;overflow:hidden}
#main-content .pati-explore-media-screen .pati-explore-media:has(video[data-explore-preview]):before{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:#ffffffb5;font-size:21px;z-index:0}
#main-content .pati-explore-media-screen .pati-explore-media:has(video.is-ready):before{display:none}
#main-content .pati-explore-media-screen .pati-explore-preview-video{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
/* Only the coin badge is rebranded, not the PatiCoin reward economy or screen. */
.pati-coin-icon{display:inline-block;width:1.25em;height:1.25em;object-fit:contain;vertical-align:-.22em;flex:none}
.pati-header-coins .pati-coin-icon,.pati-desktop-coins .pati-coin-icon{width:23px;height:23px;vertical-align:middle}
.paticoin-hero>strong .pati-coin-icon{width:42px;height:42px;vertical-align:-.2em}
.paticoin-burst .pati-coin-icon{width:42px;height:42px;vertical-align:middle}
.paticoin-task b .pati-coin-icon,.pati-follower-coin .pati-coin-icon{width:16px;height:16px}
.paticoin-item strong .pati-coin-icon,.paticoin-shop-head button .pati-coin-icon{width:20px;height:20px}
.paticoin-invite-redeem .pati-coin-icon,.paticoin-confirm .pati-coin-icon{width:18px;height:18px}
/* Compact premium-style milestone at the top of user's profile. */
#main-content .pati-follower-hint{display:grid;gap:10px;text-align:left;margin:12px 0 15px;padding:15px 17px;border:1px solid #e8e8eb;border-radius:18px;background:linear-gradient(135deg,#fff 25%,#faf9f5 100%);box-shadow:0 4px 20px rgba(17,20,25,.045);color:#1a1b1e;cursor:pointer;max-width:100%}
#main-content .pati-follower-hint .pati-goal-header{display:flex;align-items:center;gap:11px;min-width:0}
#main-content .pati-follower-hint .pati-goal-header>span:nth-child(2){display:grid;gap:4px;min-width:0}
#main-content .pati-follower-hint .pati-goal-header small{font-size:10px;font-weight:850;letter-spacing:.1em;color:#8a754d}
#main-content .pati-follower-hint .pati-goal-header strong{font-size:17px;font-weight:850;letter-spacing:-.02em}
#main-content .pati-follower-hint .pati-goal-medal{flex:none;display:grid;place-items:center;border-radius:13px;width:42px;height:42px;background:linear-gradient(145deg,#f6e6bc,#c29b4d);color:#514019;font-size:23px;box-shadow:inset 0 0 0 2px #ffffff6a}
#main-content .pati-follower-hint .pati-goal-arrow{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #e6dfd2;color:#927239;font-size:17px}
#main-content .pati-follower-hint .pati-goal-subtitle{font-size:12px;color:#66666b;font-weight:550}
#main-content .pati-follower-hint .pati-goal-stats,#main-content .pati-follower-hint .pati-goal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700}
#main-content .pati-follower-hint .pati-goal-stats strong{color:#7e622c;font-variant-numeric:tabular-nums}
#main-content .pati-follower-hint .pati-goal-foot small{font-size:11px;color:#77777b}
#main-content .pati-follower-hint .pati-goal-foot small:last-child{color:#8d6b30;font-weight:800}
#main-content .pati-follower-hint .pati-follower-progress{height:8px;background:#ece8dd;border-radius:99px;overflow:hidden}
#main-content .pati-follower-hint .pati-follower-progress i{background:linear-gradient(90deg,#b18c49,#efd79a);border-radius:inherit}
html[data-pati-theme="dark"] #main-content .pati-follower-hint{background:linear-gradient(135deg,#222327,#302b23);border-color:#4a4032;color:#f9f7f1}
html[data-pati-theme="dark"] #main-content .pati-follower-hint .pati-goal-subtitle,html[data-pati-theme="dark"] #main-content .pati-follower-hint .pati-goal-foot small{color:#c9c3b7}
@media(max-width:420px){#main-content .pati-follower-hint{padding:13px 14px}#main-content .pati-follower-hint .pati-goal-header strong{font-size:15px}}

/* Next-target badge uses the actual Patiyiz logo instead of a gold square. */
#main-content .pati-follower-hint .pati-goal-logo{
 width:44px;height:44px;max-width:44px;flex:none;display:block;
 object-fit:contain;background:#000;border-radius:12px;border:0;
 box-shadow:0 1px 3px rgba(0,0,0,.1)
}
/* Gesture-triggered navigation slides in the swipe direction. */
@media(max-width:740px){
 #main-content.pati-view-enter.pati-view-swipe-next{animation:pati-tab-enter-next .25s cubic-bezier(.18,.74,.2,1) both}
 #main-content.pati-view-enter.pati-view-swipe-prev{animation:pati-tab-enter-prev .25s cubic-bezier(.18,.74,.2,1) both}
}
@keyframes pati-tab-enter-next{from{opacity:.8;transform:translate3d(13%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes pati-tab-enter-prev{from{opacity:.8;transform:translate3d(-13%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){
 #main-content.pati-view-enter.pati-view-swipe-next,#main-content.pati-view-enter.pati-view-swipe-prev{animation:none!important}
}
