/* The approved Explore layout is isolated from catalog, account and app pages. */
.tv-explore-page{--reels-tab-height:0px;background:#111115!important}
.tv-explore-page .site-header{height:64px;min-height:64px;max-width:none;padding:10px 28px;gap:26px;position:relative;z-index:40;background:#111115}
.tv-explore-page .site-header .brand{font-size:20px}.tv-explore-page .brand img{width:34px;height:36px}
.tv-explore-page .site-header nav{gap:23px}.tv-explore-page .site-header .home-link{font-size:13px;font-weight:500}
.tv-explore-page .tv-header-search,.tv-explore-page .tv-mobile-search,.tv-explore-page .reels-upload-fab{display:none!important}
.tv-explore-page .account{gap:18px}.tv-explore-page .pricing-link{background:transparent;padding:0;color:#c3bdcb;border-radius:0}
.tv-explore-page .account [data-login]{background:transparent;border:1px solid #ffffff30;color:#f0eaf2;min-height:38px;font-size:13px;padding:0 13px}
.reels-header-upload{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 15px;border-radius:9px;background:#e84c9b;font-size:13px}.reels-header-upload svg{width:19px;height:19px;flex-shrink:0}
.tv-final .tv-reels[data-reels-view="feed"]{top:64px;height:calc(100dvh - 64px - var(--reels-tab-height));overflow:hidden;background:#111115}
.tv-final .tv-reels[data-reels-view="feed"] .reels-feed{height:100%;min-height:0}
.tv-final .tv-reels[data-reels-view="feed"] .reels-stage{overflow:hidden}
.tv-final .tv-reels[data-reels-view="feed"] .reels-player-wrap{position:relative;height:100%;max-height:none;gap:0;padding-right:78px;margin-right:-78px}
.tv-final .tv-reels[data-reels-view="feed"] .reels-player{height:100%;max-width:calc(100vw - 100px)!important;aspect-ratio:9/16;border-radius:0}
.tv-final .tv-reels[data-reels-view="feed"] .reels-actions{position:absolute;right:0;bottom:24px;gap:14px;padding:0;width:48px;z-index:5}
.tv-final .reels-actions button,.tv-final .reels-actions .reels-stat{width:48px;min-height:56px;padding:3px 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;border:0;border-radius:9px;background:transparent;color:#fff;backdrop-filter:none;box-shadow:none;line-height:1}
.tv-final .reels-actions button>span{display:grid;place-items:center}
.tv-final .reels-actions svg,.tv-final .reels-actions button>span svg,.tv-final .reels-actions .reels-sound>svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tv-final .reels-actions small{font-size:12px;line-height:16px;font-weight:500;font-variant-numeric:tabular-nums}
.tv-final .reels-actions .reels-stat{pointer-events:none}.tv-final .reels-actions .reels-sound{position:static;width:48px;height:44px;min-height:44px;padding:0;display:flex;align-items:center;justify-content:center;margin-top:2px}
.tv-final .reels-actions [data-reel-like][aria-pressed="true"]{color:#f15ba8;background:transparent}
.tv-final .reels-actions [data-reel-like][aria-pressed="true"] svg{fill:currentColor}
.tv-final .reels-actions button:active{background:#ffffff15}
.tv-final .reels-caption{left:22px;right:22px;bottom:28px;text-shadow:0 1px 5px #0008}
.tv-final .reels-caption [data-reel-author]{font-size:15px;gap:10px;min-width:0}
.tv-final .reels-caption [data-reel-author] strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600}
.tv-final .reels-caption img,.reels-author-initial{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff60}
.reels-author-initial{display:grid;place-items:center;background:linear-gradient(135deg,#866e8e,#4f526d);font-size:15px;font-weight:500;text-shadow:none}
.tv-final .reels-caption h2{font-size:21px;line-height:1.3;margin:13px 0 0;font-weight:600;letter-spacing:-.25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tv-final .tv-reels.comments-open .reels-player{max-width:calc(100vw - 480px)!important}
.tv-final .tv-reels.comments-open .reels-player-wrap{margin-right:0}
.tv-final .tv-reels.comments-open .reels-comments{max-height:100%;height:100%;border-radius:0}
.tv-explore-page.reels-wide .site-header{position:fixed;top:0;left:0;right:0;background:transparent;border:0;pointer-events:none}
.tv-explore-page.reels-wide .site-header>*{pointer-events:auto}
.tv-final.reels-wide .tv-reels[data-reels-view="feed"]{top:0;height:100dvh}
.tv-explore-page.reels-wide:has(.comments-open) .site-header{background:#111115}
.tv-final.reels-wide .tv-reels.comments-open[data-reels-view="feed"]{top:64px;height:calc(100dvh - 64px)}
.reels-reward-tip{position:fixed;z-index:65;width:206px;padding:14px 44px 14px 16px;background:#faf6f8;color:#272027;border-radius:12px;box-shadow:0 8px 30px #0005;text-align:left;box-sizing:border-box}
.reels-reward-tip[hidden]{display:none!important}
.reels-reward-tip::after{content:'';position:absolute;width:12px;height:12px;top:-5px;left:var(--tip-arrow,50%);transform:translateX(-50%) rotate(45deg);border-radius:2px;background:#faf6f8}
.reels-reward-tip strong{font-size:13px;line-height:18px;font-weight:600;color:#aa326d}.reels-reward-tip p{font-size:12px;line-height:16px;color:#695665;margin:4px 0 0}
.reels-reward-tip [data-reward-dismiss]{position:absolute;right:0;top:0;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;background:none;color:#574650}
.reels-reward-tip svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8}
@media(max-width:900px){.tv-final .tv-reels.comments-open .reels-player{max-width:calc(100vw - 100px)!important}.tv-final .tv-reels.comments-open .reels-comments{height:min(76dvh,760px);max-height:calc(var(--reels-vh,100dvh) - 25px);border-radius:16px 16px 0 0}.tv-final .tv-reels.comments-open .reels-player-wrap{margin-right:-78px}}
@media(max-width:760px){
 .tv-final.tv-explore-page{padding-bottom:0;--reels-tab-height:calc(64px + env(safe-area-inset-bottom,0px))}
 .tv-explore-page .site-header{display:none!important}
 .tv-final .tv-reels[data-reels-view="feed"]{top:0;height:calc(100dvh - var(--reels-tab-height))}
 .tv-final .tv-reels[data-reels-view="feed"] .reels-player-wrap{width:100%;padding:0;margin:0}
 .tv-final .tv-reels[data-reels-view="feed"] .reels-player{width:100%;height:100%;max-width:none!important;aspect-ratio:auto}
 .tv-final .reels-player video,.tv-final .reels-player canvas,.tv-final .reels-drag-preview .reels-player>img{object-fit:cover}
 .tv-final .tv-reels[data-reels-view="feed"] .reels-actions{right:10px;bottom:16px;gap:10px;filter:drop-shadow(0 2px 3px #0009)}
 /* A fixed caption clearance keeps the compact hint below text in both first and returning visits. */
 .tv-final .tv-reels[data-reels-view="feed"] .reels-caption{left:18px;right:78px;bottom:40px}
 .tv-final .reels-caption [data-reel-author]{font-size:14px;gap:9px}
 .tv-final .reels-caption img,.reels-author-initial{width:32px;height:32px;font-size:14px}
 .tv-final .reels-caption h2{font-size:19px;margin-top:12px;overflow-wrap:anywhere}
 .tv-explore-page .tv-bottom-tabs{height:var(--reels-tab-height);min-height:64px;box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom,0px);background:#0c0b0f;border-top:1px solid #ffffff14;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;backdrop-filter:none}
 .tv-explore-page .tv-bottom-tabs a{min-width:0;min-height:48px;font-size:10px;line-height:13px;color:#aaa6b1}.tv-explore-page .tv-bottom-tabs svg{width:24px;height:24px;stroke-width:1.65}
 .tv-explore-page .reels-tab-upload{width:56px;height:44px;min-height:44px;justify-self:center;display:grid;place-items:center;position:relative;isolation:isolate;padding:0;background:transparent;color:#fff}
 .reels-tab-upload::before{content:'';position:absolute;width:48px;height:34px;inset:5px 4px;background:#e84c9b;border-radius:10px;z-index:-1;box-shadow:inset 0 1px 0 #ffffff26}
 .tv-explore-page .reels-tab-upload svg{width:23px;height:23px;stroke-width:2}
 .reels-reward-tip{width:194px;max-width:calc(100vw - 96px);padding:5px 44px 5px 10px;border-radius:10px}
 .reels-reward-tip strong{display:block;font-size:12px;line-height:15px}
 .reels-reward-tip p{font-size:10px;line-height:12px;margin-top:1px}
 .reels-reward-tip [data-reward-dismiss]{top:-3px}
 .reels-reward-tip::after{top:auto;bottom:-5px}
 .tv-explore-page:has([data-reels-view="mine"]) .tv-reels{padding-top:20px}
}

/* The upload history still has a direct path back to the feed. */
.tv-explore-page .tv-bottom-tabs .reels-return-feed{display:none}
@media(max-width:760px){.tv-explore-page:has([data-reels-view="mine"]) .reels-tab-upload{display:none}.tv-explore-page:has([data-reels-view="mine"]) .tv-bottom-tabs .reels-return-feed{display:flex}}
