
/* Xtweep Pro Phase 195: bring login-page UI language to internal pages */
body.xtp-pro:not(.sv-auth-page){
  --xtp-bg: #f6f7fb;
  --xtp-card: #ffffff;
  --xtp-surface: rgba(255,255,255,.86);
  --xtp-fg: #0f1419;
  --xtp-muted: rgba(15,20,25,.62);
  --xtp-link: #1d9bf0;
  --xtp-accent: #0f1419;
  --xtp-accentText: #ffffff;
  --xtp-shadow: 0 18px 60px rgba(15,20,25,.10);
  --xtp-shadow-strong: 0 24px 80px rgba(15,20,25,.14);
  --xtp-input: rgba(15,20,25,.06);
  --xtp-input2: rgba(15,20,25,.10);
  --xtp-focus: rgba(29,155,240,.18);
  background: var(--xtp-bg) !important;
  color: var(--xtp-fg) !important;
}
body.xtp-pro.sv-dark:not(.sv-auth-page){
  --xtp-bg:#000;
  --xtp-card:#0b0b0c;
  --xtp-surface: rgba(11,11,12,.92);
  --xtp-fg:#ffffff;
  --xtp-muted: rgba(255,255,255,.66);
  --xtp-link:#5ec8ff;
  --xtp-accent:#ffffff;
  --xtp-accentText:#0f1419;
  --xtp-shadow: 0 22px 70px rgba(0,0,0,.55);
  --xtp-shadow-strong: 0 30px 90px rgba(0,0,0,.70);
  --xtp-input: rgba(255,255,255,.06);
  --xtp-input2: rgba(255,255,255,.10);
  --xtp-focus: rgba(94,200,255,.18);
}
body.xtp-pro:not(.sv-auth-page),
body.xtp-pro:not(.sv-auth-page) button,
body.xtp-pro:not(.sv-auth-page) input,
body.xtp-pro:not(.sv-auth-page) textarea,
body.xtp-pro:not(.sv-auth-page) select{
  font-family: var(--sv-font, 'Chirp', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif) !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-shell,
body.xtp-pro:not(.sv-auth-page) .sv-pad,
body.xtp-pro:not(.sv-auth-page) .sv-layout{
  background: transparent !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-top,
body.xtp-pro:not(.sv-auth-page) .sv-side,
body.xtp-pro:not(.sv-auth-page) .sv-right,
body.xtp-pro:not(.sv-auth-page) .sv-rSection,
body.xtp-pro:not(.sv-auth-page) .sv-card,
body.xtp-pro:not(.sv-auth-page) .sv-profileCard,
body.xtp-pro:not(.sv-auth-page) .sv-profileCardV2,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewCard,
body.xtp-pro:not(.sv-auth-page) .sv-searchPanel,
body.xtp-pro:not(.sv-auth-page) .sv-liveCard,
body.xtp-pro:not(.sv-auth-page) .sv-gFbCard,
body.xtp-pro:not(.sv-auth-page) .sv-gFbComposer,
body.xtp-pro:not(.sv-auth-page) .sv-modalCard,
body.xtp-pro:not(.sv-auth-page) .sv-notiHead,
body.xtp-pro:not(.sv-auth-page) .sv-reelsPreviewCard,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewGate__glass,
body.xtp-pro:not(.sv-auth-page) .sv-comp__panel,
body.xtp-pro:not(.sv-auth-page) .sv-comp__pickerCard,
body.xtp-pro:not(.sv-auth-page) .sv-comp__picker,
body.xtp-pro:not(.sv-auth-page) .sv-comp__captionCard,
body.xtp-pro:not(.sv-auth-page) .sv-comp__advanced,
body.xtp-pro:not(.sv-auth-page) .sv-comp__advancedCard,
body.xtp-pro:not(.sv-auth-page) .sv-comp__sheetPanel{
  border: 0 !important;
  background: var(--xtp-surface) !important;
  color: var(--xtp-fg) !important;
  box-shadow: var(--xtp-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.xtp-pro:not(.sv-auth-page) .sv-card,
body.xtp-pro:not(.sv-auth-page) .sv-profileCard,
body.xtp-pro:not(.sv-auth-page) .sv-profileCardV2,
body.xtp-pro:not(.sv-auth-page) .sv-rSection,
body.xtp-pro:not(.sv-auth-page) .sv-searchPanel,
body.xtp-pro:not(.sv-auth-page) .sv-liveCard,
body.xtp-pro:not(.sv-auth-page) .sv-gFbCard,
body.xtp-pro:not(.sv-auth-page) .sv-gFbComposer,
body.xtp-pro:not(.sv-auth-page) .sv-modalCard,
body.xtp-pro:not(.sv-auth-page) .sv-notiHead,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewCard{
  border-radius: 26px !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-top{
  position: sticky;
  top: 0;
  z-index: 45;
  margin: 10px 10px 14px;
  padding: 10px 12px !important;
  border-radius: 24px;
  background: var(--xtp-surface) !important;
  border: 0 !important;
  box-shadow: var(--xtp-shadow) !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-topBrand,
body.xtp-pro:not(.sv-auth-page) .sv-topPage,
body.xtp-pro:not(.sv-auth-page) .sv-profName,
body.xtp-pro:not(.sv-auth-page) .sv-name,
body.xtp-pro:not(.sv-auth-page) .sv-pageTitle,
body.xtp-pro:not(.sv-auth-page) .sv-rHead,
body.xtp-pro:not(.sv-auth-page) .sv-comp__detailsTitle,
body.xtp-pro:not(.sv-auth-page) .sv-comp__heroTitle{
  color: var(--xtp-fg) !important;
  letter-spacing: -.02em;
}
body.xtp-pro:not(.sv-auth-page) .sv-time,
body.xtp-pro:not(.sv-auth-page) .sv-profHandle,
body.xtp-pro:not(.sv-auth-page) .sv-rListSub,
body.xtp-pro:not(.sv-auth-page) .sv-note,
body.xtp-pro:not(.sv-auth-page) .sv-comp__heroSub,
body.xtp-pro:not(.sv-auth-page) .sv-comp__pickerSub,
body.xtp-pro:not(.sv-auth-page) .sv-statLbl,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewCard__meta,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewCard__excerpt{
  color: var(--xtp-muted) !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-side,
body.xtp-pro:not(.sv-auth-page) .sv-right{
  padding-top: 10px !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-side > *,
body.xtp-pro:not(.sv-auth-page) .sv-right > *{
  border: 0 !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-navLink,
body.xtp-pro:not(.sv-auth-page) .sv-btmLink,
body.xtp-pro:not(.sv-auth-page) .sv-icoBtn,
body.xtp-pro:not(.sv-auth-page) .sv-drawerOpen,
body.xtp-pro:not(.sv-auth-page) .sv-profEditBtn,
body.xtp-pro:not(.sv-auth-page) .sv-msgBtn,
body.xtp-pro:not(.sv-auth-page) .sv-followBtn,
body.xtp-pro:not(.sv-auth-page) .sv-profMore,
body.xtp-pro:not(.sv-auth-page) .sv-chip,
body.xtp-pro:not(.sv-auth-page) .sv-pill,
body.xtp-pro:not(.sv-auth-page) .sv-statPill,
body.xtp-pro:not(.sv-auth-page) .sv-socialBtn,
body.xtp-pro:not(.sv-auth-page) .sv-comp__pickBtn,
body.xtp-pro:not(.sv-auth-page) .sv-comp__next,
body.xtp-pro:not(.sv-auth-page) .sv-comp__back,
body.xtp-pro:not(.sv-auth-page) .sv-comp__x,
body.xtp-pro:not(.sv-auth-page) .sv-fab,
body.xtp-pro:not(.sv-auth-page) .sv-fabMenuItem,
body.xtp-pro:not(.sv-auth-page) .sv-subscribeHeroBtn,
body.xtp-pro:not(.sv-auth-page) .sv-tipWideBtn,
body.xtp-pro:not(.sv-auth-page) .sv-tipUserBtn,
body.xtp-pro:not(.sv-auth-page) .sv-openCreatorPlans,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewGate__submit,
body.xtp-pro:not(.sv-auth-page) .sv-reelsPreviewCard__submit{
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-icoBtn,
body.xtp-pro:not(.sv-auth-page) .sv-drawerOpen,
body.xtp-pro:not(.sv-auth-page) .sv-msgBtn,
body.xtp-pro:not(.sv-auth-page) .sv-profMore,
body.xtp-pro:not(.sv-auth-page) .sv-profEditBtn,
body.xtp-pro:not(.sv-auth-page) .sv-socialBtn,
body.xtp-pro:not(.sv-auth-page) .sv-navLink,
body.xtp-pro:not(.sv-auth-page) .sv-btmLink,
body.xtp-pro:not(.sv-auth-page) .sv-chip,
body.xtp-pro:not(.sv-auth-page) .sv-pill,
body.xtp-pro:not(.sv-auth-page) .sv-statPill,
body.xtp-pro:not(.sv-auth-page) .sv-comp__pickBtn,
body.xtp-pro:not(.sv-auth-page) .sv-fabMenuItem{
  background: var(--xtp-input) !important;
  color: var(--xtp-fg) !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-followBtn,
body.xtp-pro:not(.sv-auth-page) .sv-comp__next,
body.xtp-pro:not(.sv-auth-page) .sv-fab,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewGate__submit,
body.xtp-pro:not(.sv-auth-page) .sv-reelsPreviewCard__submit,
body.xtp-pro:not(.sv-auth-page) .sv-subscribeHeroBtn,
body.xtp-pro:not(.sv-auth-page) .sv-tipWideBtn,
body.xtp-pro:not(.sv-auth-page) .sv-tipUserBtn,
body.xtp-pro:not(.sv-auth-page) .sv-openCreatorPlans,
body.xtp-pro:not(.sv-auth-page) .sv-navLink.is-active,
body.xtp-pro:not(.sv-auth-page) .sv-btmLink.is-active,
body.xtp-pro:not(.sv-auth-page) .sv-comp__pickBtn.is-active,
body.xtp-pro:not(.sv-auth-page) .sv-comp__pickBtn[aria-pressed="true"]{
  background: var(--xtp-accent) !important;
  color: var(--xtp-accentText) !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-feed{
  background: transparent !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-feed > .sv-card,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewCard,
body.xtp-pro:not(.sv-auth-page) .sv-story,
body.xtp-pro:not(.sv-auth-page) .sv-storySug,
body.xtp-pro:not(.sv-auth-page) .sv-profileCardV2,
body.xtp-pro:not(.sv-auth-page) .sv-profileCoverV2,
body.xtp-pro:not(.sv-auth-page) .sv-profTabs,
body.xtp-pro:not(.sv-auth-page) .sv-tipWideWrap{
  border: 0 !important;
  box-shadow: var(--xtp-shadow) !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-feed > .sv-card,
body.xtp-pro:not(.sv-auth-page) .sv-story,
body.xtp-pro:not(.sv-auth-page) .sv-storySug,
body.xtp-pro:not(.sv-auth-page) .sv-profTabs,
body.xtp-pro:not(.sv-auth-page) .sv-tipWideWrap{
  background: var(--xtp-surface) !important;
  border-radius: 26px !important;
  overflow: hidden;
}
body.xtp-pro:not(.sv-auth-page) .sv-head,
body.xtp-pro:not(.sv-auth-page) .sv-body,
body.xtp-pro:not(.sv-auth-page) .sv-actions,
body.xtp-pro:not(.sv-auth-page) .sv-profileFacts,
body.xtp-pro:not(.sv-auth-page) .sv-profInfo,
body.xtp-pro:not(.sv-auth-page) .sv-stats{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-media,
body.xtp-pro:not(.sv-auth-page) .sv-gallery,
body.xtp-pro:not(.sv-auth-page) .sv-repostMedia,
body.xtp-pro:not(.sv-auth-page) .sv-reels,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewCard__media,
body.xtp-pro:not(.sv-auth-page) .sv-reelsPreviewCard__media,
body.xtp-pro:not(.sv-auth-page) .sv-comp__hero,
body.xtp-pro:not(.sv-auth-page) .sv-comp__heroWrap--media .sv-comp__hero{
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 0 !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-bottom{
  margin: 0 10px 10px;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--xtp-surface) !important;
  box-shadow: var(--xtp-shadow) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body.xtp-pro:not(.sv-auth-page) .sv-comp__panel{
  border-radius: 30px !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-comp__header,
body.xtp-pro:not(.sv-auth-page) .sv-comp__footer{
  background: transparent !important;
  border: 0 !important;
}
body.xtp-pro:not(.sv-auth-page) .sv-comp__caption,
body.xtp-pro:not(.sv-auth-page) .sv-publicPreviewGate__input,
body.xtp-pro:not(.sv-auth-page) .sv-reelsPreviewCard__input{
  border: 0 !important;
  background: var(--xtp-input) !important;
  color: var(--xtp-fg) !important;
  border-radius: 18px !important;
}
body.xtp-pro.sv-page-home:not(.sv-auth-page) #sv-stories,
body.xtp-pro.sv-page-home:not(.sv-auth-page) #sv-feed,
body.xtp-pro.sv-page-profile:not(.sv-auth-page) #sv-feed,
body.xtp-pro.sv-page-reels:not(.sv-auth-page) #sv-reels{
  margin-top: 6px !important;
}
body.xtp-pro.sv-page-home:not(.sv-auth-page) .sv-feed > .sv-card .sv-media,
body.xtp-pro.sv-page-home:not(.sv-auth-page) .sv-feed > .sv-card .sv-gallery,
body.xtp-pro.sv-page-home:not(.sv-auth-page) .sv-feed > .sv-card .sv-mediaVideo,
body.xtp-pro.sv-page-home:not(.sv-auth-page) .sv-feed > .sv-card .sv-igMediaOuter{
  border-radius: 0 !important;
}
@media (max-width: 767px){
  body.xtp-pro:not(.sv-auth-page) .sv-top{ margin: 8px 8px 12px; border-radius: 22px; }
  body.xtp-pro:not(.sv-auth-page) .sv-bottom{ margin: 0 8px 8px; }
  body.xtp-pro:not(.sv-auth-page) .sv-feed > .sv-card,
  body.xtp-pro:not(.sv-auth-page) .sv-story,
  body.xtp-pro:not(.sv-auth-page) .sv-storySug{ border-radius: 22px !important; }
}
@media (min-width: 1024px){
  body.xtp-pro:not(.sv-auth-page) .sv-top{ margin-inline: 0; }
}
