.xt-explore-shell .xt-main{background:#000}
.xt-explore-stage{min-height:calc(100vh - var(--topbar-h));background:#000;color:#fff;overflow:auto}
.xt-explore-cats-wrap{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#000;z-index:5}
.xt-explore-cats{display:flex;gap:24px;overflow:auto;scrollbar-width:none;white-space:nowrap}
.xt-explore-cats::-webkit-scrollbar{display:none}
.xt-explore-chip{border:0;background:transparent;color:#fff;font-size:14px;font-weight:700;opacity:.84;cursor:pointer;padding:0}
.xt-explore-chip.is-active{opacity:1}
.xt-explore-cats__arrow{width:28px;height:28px;border-radius:999px;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:.9}
.xt-explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,150px));gap:18px;padding:18px 22px 32px;align-content:start;justify-content:flex-start}
.xt-explore-card{text-decoration:none;color:#fff;display:block}
.xt-explore-card__media{position:relative;width:150px;height:262px;border-radius:12px;overflow:hidden;background:#111}
.xt-explore-card__media img,.xt-explore-card__media video{width:100%;height:100%;object-fit:cover;display:block}
.xt-explore-card__likes{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.5);display:flex;align-items:center;gap:4px}
.xt-explore-card__user{display:flex;align-items:center;gap:8px;padding-top:10px}
.xt-explore-card__avatar{width:24px;height:24px;border-radius:999px;overflow:hidden;background:#222;flex:0 0 auto}
.xt-explore-card__avatar img{width:100%;height:100%;object-fit:cover}
.xt-explore-card__name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:112px}
.xt-explore-empty{padding:32px 22px;color:#cbd5e1;font-size:14px}

.xt-explore-player{position:fixed;inset:0;z-index:140}
.xt-explore-player__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}
.xt-explore-player__shell{position:relative;z-index:1;height:100%;width:100%;display:block;padding:0}
.xt-explore-player__close,.xt-explore-player__mode{position:absolute;top:20px;height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,10,.42);color:#fff;font-weight:800;cursor:pointer;z-index:12}
.xt-explore-player__close{left:18px;width:44px;padding:0;font-size:32px;line-height:1}
.xt-explore-player__mode{right:18px}
.xt-explore-player__viewport{width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch}
.xt-explore-player__viewport .xt-card{height:100%;width:100%}

.xt-explore-overlay__card{position:relative;color:#fff}
.xt-explore-overlay__card .xt-card__gift-stage{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}
.xt-explore-overlay__card .xt-explore-post__centerline{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) 72px;align-items:end;justify-content:center;column-gap:22px;width:100%;height:100%;max-width:1840px;margin:0 auto;padding:8px 32px 12px 20px}
.xt-explore-overlay__card .xt-explore-post__info-pane{align-self:start;justify-self:start;padding-top:2px}
.xt-explore-overlay__card .xt-explore-post__info{gap:16px;align-items:flex-start;justify-content:flex-start}
.xt-explore-overlay__card .xt-explore-post__meta{min-width:0}
.xt-explore-overlay__card .xt-explore-post__content{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;min-width:0;height:100%}
.xt-explore-overlay__card .xt-explore-post__stage-wrap{display:flex;align-items:flex-end;justify-content:center;height:100%;width:100%}
.xt-explore-overlay__card .xt-explore-post__stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(740px,54vw);max-width:740px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 80px rgba(0,0,0,.32);align-self:flex-end;margin:0}
.xt-explore-overlay__card .xt-explore-post__media{display:block;background:#000;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center}
.xt-explore-overlay__card .xt-right-rail.xt-explore-post__rail{position:relative!important;align-self:end;justify-content:flex-end;gap:18px;flex:0 0 62px;transform:none;padding-bottom:24px}
.xt-explore-overlay__follow-wrap{display:flex;justify-content:flex-start;margin-top:4px}
.xt-explore-overlay__card .xt-follow-btn{margin-top:0}
.xt-explore-overlay__card .xt-explore-post__stage-actions{position:absolute;right:12px;bottom:12px;display:flex;justify-content:flex-end;z-index:4;pointer-events:none}
.xt-explore-overlay__card .xt-explore-post__fullscreen{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,10,.58);color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;pointer-events:auto;backdrop-filter:blur(6px)}
.xt-explore-overlay__card.is-portrait .xt-explore-post__stage{width:min(760px,54vw);max-width:760px;aspect-ratio:9/16;height:min(96vh,calc(100vh - 52px));max-height:calc(100vh - 52px)}
.xt-explore-overlay__card.is-square .xt-explore-post__stage{width:min(1080px,78vw);max-width:min(94vh,1080px);aspect-ratio:1/1;height:auto}
.xt-explore-overlay__card.is-landscape .xt-explore-post__stage{width:min(1820px,98vw);max-width:min(1820px,98vw);aspect-ratio:16/9;height:min(92vh,calc(100vh - 54px));max-height:calc(100vh - 54px)}

.xt-user-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.xt-user-row__avatar{width:44px;height:44px;border-radius:999px;border:2px solid rgba(255,255,255,.8);overflow:hidden;background:#222}
.xt-user-row__avatar img{width:100%;height:100%;object-fit:cover}
.xt-user-row__name{font-size:20px;font-weight:900;color:#fff}
.xt-user-row__handle{font-size:16px;color:#fff}
.xt-caption{font-size:15px;line-height:1.45;color:#fff;margin-bottom:8px}
.xt-meta{font-size:14px;color:rgba(255,255,255,.78)}
.xt-explore-post__rail .xt-action{display:flex;flex-direction:column;align-items:center;gap:6px}
.xt-explore-post__rail .xt-action span{font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.xt-explore-post__rail .xt-action button{width:54px;height:54px;border-radius:999px;border:0;background:rgba(0,0,0,.18);backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;position:relative;padding:0}
.xt-explore-post__rail .xt-action-icon{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}
.xt-explore-post__rail .xt-action button.is-liked .xt-action-icon{width:30px;height:30px;filter:none}
.xt-explore-post__rail .xt-action button.is-saved .xt-action-icon{filter:none}
.xt-explore-post__rail .xt-profile-chip{width:56px;height:56px;border-radius:999px;border:2px solid rgba(255,255,255,.92);background:rgba(0,0,0,.18);padding:0;display:grid;place-items:center;position:relative;overflow:visible;cursor:pointer}
.xt-explore-post__rail .xt-profile-chip img{width:100%;height:100%;object-fit:cover;border-radius:999px}
.xt-explore-post__rail .xt-plus-follow{position:absolute;right:-2px;bottom:-4px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:transparent}
.xt-explore-post__rail .xt-plus-follow img{width:22px;height:22px;object-fit:contain;border-radius:0}
.xt-explore-post__rail .xt-profile-chip.is-following .xt-plus-follow{opacity:.35}
.xt-favorite-btn{background:rgba(0,0,0,.18)}
.xt-action-icon--svg{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}
.xt-action-icon--svg svg{width:28px;height:28px;display:block;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xt-favorite-btn.is-saved .xt-action-icon--svg svg{fill:#fff;stroke:#fff}
.xt-explore-player__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,10,.44);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:11}
.xt-explore-player__nav--prev{left:max(16px,calc(50% - 700px))}
.xt-explore-player__nav--next{right:max(16px,calc(50% - 700px))}

@media (max-width:1200px){
  .xt-explore-overlay__card .xt-explore-post__centerline{max-width:1600px;grid-template-columns:minmax(190px,250px) minmax(0,1fr) 72px;padding:8px 18px 12px 12px}
  .xt-explore-overlay__card .xt-explore-post__info-pane{padding-top:12px}
  .xt-explore-overlay__card.is-landscape .xt-explore-post__stage{width:min(1520px,94vw);max-width:min(1520px,94vw);height:min(88vh,calc(100vh - 70px));max-height:calc(100vh - 70px)}
  .xt-explore-overlay__card.is-portrait .xt-explore-post__stage{width:min(680px,54vw);max-width:680px;height:min(93vh,calc(100vh - 68px));max-height:calc(100vh - 68px)}
  .xt-explore-overlay__card.is-square .xt-explore-post__stage{width:min(1020px,74vw);max-width:min(90vh,1020px)}
}
@media (max-width:1100px){
  .xt-explore-overlay__card .xt-explore-post__centerline{padding:8px 64px 12px 12px;grid-template-columns:minmax(150px,190px) minmax(0,1fr) 72px}
  .xt-explore-overlay__card .xt-explore-post__info-pane{padding-top:8px}
  .xt-explore-overlay__card.is-square .xt-explore-post__stage{width:min(86vh,calc(100vw - 156px));max-width:min(86vh,calc(100vw - 156px))}
  .xt-explore-overlay__card.is-portrait .xt-explore-post__stage{width:min(620px,58vw);max-width:620px;height:min(91vh,calc(100vh - 78px));max-height:calc(100vh - 78px)}
  .xt-explore-overlay__card.is-landscape .xt-explore-post__stage{width:min(1380px,94vw);max-width:min(1380px,94vw);height:min(86vh,calc(100vh - 82px));max-height:calc(100vh - 82px)}
}
@media (max-width:980px){
  .xt-explore-overlay__card .xt-explore-post__centerline{padding:14px 16px 12px 74px;gap:16px;grid-template-columns:1fr;justify-items:center}
  .xt-explore-overlay__card .xt-explore-post__info-pane{justify-self:stretch;width:min(100%,700px);padding-top:0;padding-bottom:0}
  .xt-explore-overlay__card.is-portrait .xt-explore-post__stage{width:min(580px,78vw);max-width:min(580px,78vw);height:min(88vh,calc(100vh - 112px));max-height:calc(100vh - 112px)}
  .xt-explore-overlay__card.is-square .xt-explore-post__stage{width:min(92vw,92vw);max-width:min(92vw,92vw)}
  .xt-explore-overlay__card.is-landscape .xt-explore-post__stage{width:min(99vw,99vw);max-width:min(99vw,99vw);height:min(76vh,calc(100vh - 132px));max-height:calc(100vh - 132px)}
  .xt-explore-overlay__card .xt-right-rail.xt-explore-post__rail{position:static!important;display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;justify-content:center;flex:0 1 auto;padding-bottom:0}
  .xt-explore-overlay__card .xt-explore-post__content{justify-content:flex-end}
  .xt-explore-overlay__card .xt-explore-post__stage-wrap{height:auto}
  .xt-explore-player__nav--prev{left:14px}
  .xt-explore-player__nav--next{right:14px}
}
@media (max-width:840px){
  .xt-explore-overlay__card .xt-explore-post__centerline{gap:16px;padding:14px 82px 12px 12px}
  .xt-explore-overlay__card.is-portrait .xt-explore-post__stage{width:min(480px,92vw);max-width:min(480px,92vw);height:min(84vh,calc(100vh - 144px))}
  .xt-explore-overlay__card.is-square .xt-explore-post__stage{width:min(94vw,94vw);max-width:min(94vw,94vw)}
  .xt-explore-overlay__card.is-landscape .xt-explore-post__stage{width:min(99vw,99vw);max-width:min(99vw,99vw);height:min(68vh,calc(100vh - 156px));max-height:calc(100vh - 156px)}
  .xt-explore-overlay__card .xt-explore-post__stage{border-radius:14px}
  .xt-explore-overlay__card .xt-explore-post__info{padding:0 6px}
  .xt-explore-overlay__card .xt-right-rail.xt-explore-post__rail .xt-action button,
  .xt-explore-overlay__card .xt-right-rail.xt-explore-post__rail .xt-profile-chip{width:48px;height:48px}
  .xt-explore-overlay__card .xt-explore-post__stage-actions{right:10px;bottom:10px}
  .xt-explore-player__nav{display:none}
}

.xt-comments-overlay,.xt-gift-overlay,.xt-share-overlay{z-index:260!important}
