/* PIPIO V4.9.97 — Compact Discovery + Contrast Fix
   Home/catalog: one scrollable YouTube-style filter row, short hero and compact controls.
   Wallet: explicitly readable foreground colors in dark dialog.
   No change to auth, LIVE, credits, backend, or filter selection logic. */
:root{
  --p497-text:#231b31;--p497-muted:#655a72;--p497-purple:#6f43d0;
  --p497-dialog-text:#fbf9ff;--p497-dialog-muted:#e0d5ef;
}
/* Keep white-surface text legible rather than pale decorative gray. */
body.pipio-pro .view-home .pipio-premium-home :is(.g2-section-head h2,.g2-results-head h2,.g2-toolbar h1,.pipio-catalog-title),
body.pipio-pro .view-catalog :is(.pipio-catalog-head h1,.pipio-catalog-title){color:var(--p497-text)!important}
body.pipio-pro .view-home .pipio-premium-home :is(.pipio-catalog-studio,.pipio-catalog-details,.g2-recent-card small,.g2-recent-note,.g2-results-head small,.g2-section-head>small),
body.pipio-pro .view-catalog :is(.pipio-catalog-studio,.pipio-catalog-details,.pipio-catalog-count){color:var(--p497-muted)!important}
body.pipio-pro .view-home .pipio-premium-home .g2-eyebrow{color:#6c438f!important}
/* Short, content-first header like a video platform. */
body.pipio-pro .view-home .main{padding-top:8px!important}
body.pipio-pro .view-home .topbar{margin-bottom:8px!important}
body.pipio-pro .pipio-premium-home .p482-premium-hero{
  height:auto!important;min-height:205px!important;max-height:310px;
  margin:3px 0 11px!important;border-radius:19px!important;
  box-shadow:0 12px 30px rgba(28,18,59,.16)!important;
}
body.pipio-pro .pipio-premium-home .p482-premium-copy{padding:19px 24px!important;width:88%!important;max-width:620px}
body.pipio-pro .pipio-premium-home .p482-premium-hero h2{
  font-size:clamp(22px,2.8vw,32px)!important;line-height:1.14!important;
  margin:7px 0 6px!important;letter-spacing:-.025em!important;
  color:#fff!important;text-shadow:0 2px 11px rgba(0,0,0,.48)!important;
}
body.pipio-pro .pipio-premium-home .p482-premium-kicker{font-size:9px!important;letter-spacing:.065em!important;color:#f4e8ff!important}
body.pipio-pro .pipio-premium-home .p482-premium-hero p{font-size:11px!important;color:#f5efff!important;margin:0 0 11px!important}
body.pipio-pro .pipio-premium-home .p482-premium-hero-actions{gap:7px!important;flex-wrap:nowrap}
body.pipio-pro .pipio-premium-home .p482-premium-hero-actions button{
  min-height:34px!important;padding:7px 12px!important;border-radius:10px!important;
  font-size:11px!important;gap:5px!important;white-space:nowrap;
}
body.pipio-pro .pipio-premium-home .p482-premium-watch{color:#2d1b49!important;background:#fff!important}
body.pipio-pro .pipio-premium-home .p482-premium-discover{color:#fff!important;background:#ffffff22!important}
body.pipio-pro .pipio-premium-home .g2-live{
  min-height:61px!important;padding:10px 15px!important;margin:9px 0 12px!important;
  border-radius:15px!important;box-shadow:0 8px 20px #271a4924!important;
}
body.pipio-pro .pipio-premium-home .g2-live strong{font-size:15px!important;color:#fff!important}
body.pipio-pro .pipio-premium-home .g2-live small{font-size:10px!important;color:#eee2f5!important}
body.pipio-pro .pipio-premium-home .g2-live button{
  min-height:35px!important;padding:7px 10px!important;border-radius:10px!important;
  color:#43226d!important;font-size:11px!important;
}
body.pipio-pro .pipio-premium-home .g2-toolbar{margin:13px 0 8px!important;align-items:center!important}
body.pipio-pro .pipio-premium-home .g2-toolbar h1{font-size:clamp(19px,2.1vw,25px)!important}
body.pipio-pro .pipio-premium-home .p482-premium-subtitle{font-size:9px!important;color:#694e8a!important}
body.pipio-pro .pipio-premium-home .g2-home-search{
  height:43px!important;margin:0 0 10px!important;padding:5px 5px 5px 12px!important;
  gap:8px!important;border-radius:13px!important;box-shadow:none!important;
}
body.pipio-pro .pipio-premium-home .g2-home-search button{
  min-height:33px!important;border-radius:9px!important;padding:5px 12px!important;
}
body.pipio-pro .pipio-premium-home .g2-home-search input{font-size:13px!important}
/* One swipeable rail: category chips / divider / access chips; keep existing data-act buttons. */
body.pipio-pro :is(.pipio-premium-home,.pipio-catalog-page) .p497-filter-strip{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  gap:0!important;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:4px;
  padding:3px 1px 9px!important;margin:0 0 10px!important;
  touch-action:pan-x pan-y;
}
body.pipio-pro .p497-filter-strip::-webkit-scrollbar{display:none}
body.pipio-pro :is(.pipio-premium-home,.pipio-catalog-page) .p497-filter-strip .pipio-catalog-categories,
body.pipio-pro :is(.pipio-premium-home,.pipio-catalog-page) .p497-filter-strip .p481-access-options{
  display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;
  gap:6px!important;width:max-content!important;min-width:max-content!important;max-width:none!important;
  overflow:visible!important;margin:0!important;padding:0!important;
}
body.pipio-pro :is(.pipio-premium-home,.pipio-catalog-page) .p497-filter-strip .p481-access-filter{
  display:flex!important;flex:0 0 auto!important;flex-direction:row!important;
  align-items:center!important;gap:8px!important;width:max-content!important;
  margin:0!important;padding:0 0 0 10px!important;
}
body.pipio-pro .p497-filter-strip .p481-access-filter::before{
  content:"";display:block;height:22px;width:1px;flex:0 0 1px;background:#cfc5de;margin-right:2px;
}
body.pipio-pro .p497-filter-strip .p481-access-label{display:none!important}
body.pipio-pro .p497-filter-strip :is(.pipio-category-pill,.p481-access-pill){
  flex:0 0 auto!important;white-space:nowrap!important;min-width:0!important;
  min-height:32px!important;max-height:35px!important;line-height:1.2!important;
  font-size:12px!important;font-weight:700!important;padding:7px 11px!important;
  border-radius:9px!important;scroll-snap-align:start;
  box-shadow:none!important;text-shadow:none!important;
  border:1px solid #e2dce9!important;background:#fff!important;color:#463b55!important;
}
body.pipio-pro .p497-filter-strip .pipio-category-pill.active{
  background:#28203b!important;color:#fff!important;border-color:#28203b!important;
}
body.pipio-pro .p497-filter-strip .p481-access-pill.active{
  background:#713dc8!important;color:#fff!important;border-color:#713dc8!important;
}
body.pipio-pro .p497-filter-strip :is(.pipio-category-pill,.p481-access-pill):focus-visible{
  outline:2px solid #854ee1!important;outline-offset:2px!important;
}
body.pipio-pro .pipio-premium-home .g2-section{margin-top:19px!important}
body.pipio-pro .pipio-premium-home .g2-section-head{margin-bottom:10px!important}
body.pipio-pro .pipio-premium-home .g2-results-head{margin-bottom:10px!important}
body.pipio-pro .pipio-premium-home .g2-results-head h2{font-size:21px!important}
/* Only show missing-thumbnail text when a real Stream image is absent/failed. */
body.pipio-pro :is(.g2-recent-art,.pipio-real-art,.pipio-mini-art,.pipio-catalog-cover,.pc-video-cover):has(img[data-pipio-stream-thumb]) > .pipio-thumb-missing{display:none!important}
/* High-contrast wallet, gift and store modal. Never inherit pale theme text. */
body.pipio-pro #pipio-store-v64 .p64-card{color:var(--p497-dialog-text)!important}
body.pipio-pro #pipio-store-v64 :is(.p64-title,.p64-section-heading h3,.pipio66-history-top h3,.p64-gift-heading,.p64-history-row strong,.p64-gift-balance,.p64-gift-selection>strong,.p64-gift-summary,.g7-confirm strong){color:#fff!important}
body.pipio-pro #pipio-store-v64 .p64-wallet-summary strong{color:#fff!important;text-shadow:0 2px 10px #1b123433!important}
body.pipio-pro #pipio-store-v64 .p64-wallet-summary :is(span,small){color:#f2eaff!important}
body.pipio-pro #pipio-store-v64 :is(.p64-history-row small,.p64-store-note,.p64-info,.p64-footer,.p64-empty,.pipio66-history-note,.g7-gift-footnote){color:#d8cde7!important}
body.pipio-pro #pipio-store-v64 .p64-history-row .p64-plus{color:#bdf5cc!important}
body.pipio-pro #pipio-store-v64 .p64-history-row .p64-minus{color:#ffd3c9!important}
body.pipio-pro #pipio-store-v64 .p64-history-row .p64-pending{color:#ffe1a2!important}
body.pipio-pro #pipio-store-v64 .p64-history-row :is(.pipio66-hide,button),
body.pipio-pro #pipio-store-v64 .pipio66-history-actions button{color:#f8f1ff!important;background:#3b3052!important;border-color:#84739c!important}
body.pipio-pro #pipio-store-v64 :is(.p64-legacy,.p64-legacy summary){color:#f0e4fb!important}
body.pipio-pro #pipio-store-v64 :is(.p64-gift-tile,.p64-package){color:#fff!important}
body.pipio-pro #pipio-store-v64 .p64-wallet-summary{background:linear-gradient(125deg,#493078,#5d356f)!important}
@media(max-width:700px){
 body.pipio-pro .view-home .main{padding:9px 12px 100px!important}
 body.pipio-pro .view-home .topbar{margin-bottom:8px!important}
 body.pipio-pro .pipio-premium-home .p482-premium-hero{
   height:175px!important;min-height:175px!important;max-height:175px!important;
   border-radius:17px!important;margin:1px 0 9px!important;
 }
 body.pipio-pro .pipio-premium-home .p482-premium-copy{padding:12px 14px!important;width:96%!important}
 body.pipio-pro .pipio-premium-home .p482-premium-hero h2{
   font-size:clamp(17px,4.5vw,21px)!important;line-height:1.12!important;
   margin:6px 0!important;max-width:280px!important;-webkit-line-clamp:2;
 }
 body.pipio-pro .pipio-premium-home .p482-premium-hero p{font-size:10px!important;margin-bottom:9px!important}
 body.pipio-pro .pipio-premium-home .p482-premium-hero-actions button{font-size:10px!important;padding:6px 10px!important;min-height:31px!important}
 body.pipio-pro .pipio-premium-home .p482-premium-hero-actions svg{width:14px;height:14px}
 body.pipio-pro .pipio-premium-home .g2-live{min-height:57px!important;padding:9px 12px!important}
 body.pipio-pro .pipio-premium-home .g2-live strong{font-size:14px!important}
 body.pipio-pro .pipio-premium-home .g2-live button{font-size:10px!important;padding:7px 9px!important;min-height:32px!important}
 body.pipio-pro .pipio-premium-home .g2-toolbar{margin:12px 0 6px!important}
 body.pipio-pro .pipio-premium-home .g2-toolbar h1{font-size:20px!important}
 body.pipio-pro .pipio-premium-home .g2-home-search{height:41px!important;margin-bottom:7px!important}
 body.pipio-pro .pipio-premium-home .g2-home-search input{font-size:12px!important}
 body.pipio-pro .pipio-premium-home .g2-home-search button{min-height:32px!important;font-size:11px!important}
 body.pipio-pro .p497-filter-strip{margin-bottom:7px!important}
}
@media(max-width:380px){
 body.pipio-pro .pipio-premium-home .p482-premium-hero-actions button{padding:6px 8px!important}
 body.pipio-pro .pipio-premium-home .p482-premium-hero h2{font-size:17px!important}
 body.pipio-pro .pipio-premium-home .g2-browse-all{font-size:10px!important}
 body.pipio-pro #pipio-store-v64 .p64-wallet-summary strong{font-size:35px!important}
}
@media(prefers-reduced-motion:reduce){
 body.pipio-pro .p497-filter-strip *{transition:none!important;animation:none!important}
}