/* CamboPost Mini App compact native sizing.
   Owner requested shrink all oversized V10 surfaces; visuals only.
   Loaded after V10; all JS/API, link behavior, publishing preserved. */
body.cpV8.cpV10.cpNativeV5 {
  --nv-bg:#f5f7fc;
  --nv-panel:#fff;
  --nv-input:#fafbff;
  --nv-stroke:#e0e5f1;
  --nv-shadow:rgba(43,57,111,.065);
  background:#f4f6fb!important;
}
body.cpV8.cpV10.cpNativeV5[data-mini-theme="dark"] {
  --nv-bg:#0e1628;--nv-panel:#182238;--nv-input:#121c31;
  --nv-stroke:#35415d;--nv-shadow:rgba(1,5,17,.18);
  background:#0e1628!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
  width:min(100%,440px)!important;
  max-width:440px!important;
  height:100dvh!important;min-height:0!important;
  margin:0 auto!important;border:0!important;
  background:var(--nv-bg)!important;
  box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
  padding:calc(59px + env(safe-area-inset-top,0px)) 12px
          calc(76px + env(safe-area-inset-bottom,0px))!important;
  background:var(--nv-bg)!important;
}
body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
  top:0!important;
  width:min(100%,440px)!important;max-width:440px!important;
  min-height:54px!important;height:54px!important;
  padding:6px 12px!important;
  border:0!important;border-bottom:1px solid var(--nv-stroke)!important;
  border-radius:0!important;
  background:var(--nv-panel)!important;box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpHeaderMark {
  height:33px!important;width:33px!important;flex:0 0 33px!important;
  border-radius:10px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>strong {
  font-size:14px!important;letter-spacing:-.4px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpHeaderWordmark>small {
  font-size:7px!important;letter-spacing:.9px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniThemeToggle {
  width:30px!important;height:30px!important;min-width:30px!important;
  flex:0 0 30px!important;border-radius:9px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniSession {
  min-height:28px!important;height:28px!important;
  padding:5px 7px!important;border-radius:8px!important;
  font-size:9px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen {
  display:flex!important;flex-direction:column!important;
  gap:8px!important;align-content:start!important;
}
/* Hero becomes a compact native heading without a large illustrated block. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Intro {
  order:0!important;min-height:0!important;height:auto!important;
  padding:5px 2px 1px!important;
  margin:0!important;display:flex!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Eyebrow {
  margin:0 0 3px!important;
  font-size:8px!important;letter-spacing:.85px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
  font:840 clamp(21px,5.9vw,24px)/1.17 Manrope,Inter,sans-serif!important;
  letter-spacing:-.7px!important;margin:0 0 2px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {
  font:500 10px/1.38 Manrope,Inter,sans-serif!important;
  max-width:290px!important;margin:0!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  border-radius:12px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {
  width:29px!important;height:29px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress {
  min-height:19px!important;max-width:100%!important;
  gap:6px!important;margin:7px 0 0!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress span {
  font-size:9px!important;gap:3px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress b {font-size:8px!important}
body.cpV8.cpV10.cpNativeV5 .cpV10Progress i {
  max-width:40px!important;height:1px!important;
}
/* Media is the one primary interactive card. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpCreatorSourceCard {
  min-height:0!important;height:auto!important;
  align-self:stretch!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:14px!important;
  box-shadow:0 5px 15px var(--nv-shadow)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
  min-height:0!important;padding:10px 11px 4px!important;
  gap:8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph {
  width:33px!important;height:33px!important;min-width:33px!important;
  flex:0 0 33px!important;border-radius:10px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceGlyph .miniIcon {
  height:17px!important;width:17px!important;flex-basis:17px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8Overline {
  font-size:8px!important;letter-spacing:.75px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle h2 {
  font-size:14px!important;margin:1px 0!important;line-height:1.18!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV8SourceTitle p {
  font-size:9.5px!important;line-height:1.3!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
  gap:6px!important;padding:6px 11px 11px!important;
  justify-content:flex-start!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
  height:43px!important;min-height:43px!important;border-radius:10px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
  width:28px!important;height:28px!important;flex-basis:28px!important;
  border-radius:8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field {
  height:41px!important;min-height:41px!important;
  font-size:12px!important;padding:0 7px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorUrlField>.field::placeholder {
  font-size:10.5px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
  height:43px!important;min-height:43px!important;
  font-size:12px!important;border-radius:10px!important;
  box-shadow:0 5px 12px rgba(80,73,170,.14)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleIcon,
body.cpV8.cpV10.cpNativeV5 .cpGetMediaIdleArrow {
  width:26px!important;height:26px!important;border-radius:8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported {
  padding-top:0!important;min-height:19px!important;
  flex-wrap:wrap!important;gap:3px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>span {
  font-size:8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
  font-size:8px!important;padding:3px 5px!important;border-radius:5px!important;
}

/* No huge publishing information card: heading, PE and counters form one rail. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpNativeChoose {
  min-height:0!important;height:auto!important;
  border-radius:13px!important;box-shadow:0 5px 13px var(--nv-shadow)!important;
  gap:0!important;align-self:stretch!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle {
  padding:6px 10px 1px!important;min-height:0!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle h2 {
  font-size:10px!important;letter-spacing:0!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small {
  font-size:7px!important;letter-spacing:.2px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativePostChoice {
  min-height:0!important;height:auto!important;
  gap:7px!important;padding:3px 10px 6px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark {
  height:27px!important;width:27px!important;min-width:27px!important;
  flex:0 0 27px!important;border-radius:8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceMark img {
  width:27px!important;height:27px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText b {
  font-size:10.5px!important;line-height:1.23!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeChoiceText>span {
  font-size:8.6px!important;line-height:1.25!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics {
  min-height:34px!important;height:34px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics>div {
  min-height:34px!important;padding:4px 6px!important;gap:5px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics strong {
  font-size:13px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpNativeAccountMetrics small {
  font-size:8px!important;
}
/* Compact plan shortcut and touch-friendly bottom bar. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {
  min-height:38px!important;height:auto!important;max-height:none!important;
  padding:4px 9px!important;gap:7px!important;
  border-radius:12px!important;
  box-shadow:0 4px 12px var(--nv-shadow)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon {
  height:28px!important;width:28px!important;flex:0 0 28px!important;
  border-radius:8px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipIcon img {
  width:26px!important;height:26px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b {
  font-size:10px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy b small {
  font-size:7px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipCopy>span {
  font-size:9px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniMembershipArrow {
  width:23px!important;height:23px!important;flex:0 0 23px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpV10Guide {display:none!important}
body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
  top:auto!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;
  left:50%!important;transform:translateX(-50%)!important;
  width:min(calc(100% - 14px),426px)!important;max-width:426px!important;
  min-height:54px!important;height:54px!important;
  padding:4px!important;gap:4px!important;
  border-radius:14px!important;
  box-shadow:0 7px 19px var(--nv-shadow)!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn {
  min-height:45px!important;height:45px!important;
  padding:4px!important;border-radius:10px!important;
  font-size:10px!important;gap:4px!important;
}
body.cpV8.cpV10.cpNativeV5 .cpMiniNavBtn>.miniIcon {
  width:16px!important;height:16px!important;flex:0 0 16px!important;
}
/* Previous desktop design was 1000px wide: explicitly restore phone sizing. */
@media(min-width:800px) {
  body.cpV8.cpV10.cpNativeV5 .cpMiniShell.shell {
    max-width:440px!important;width:440px!important;height:100dvh!important;
  }
  body.cpV8.cpV10.cpNativeV5 .topbar.cpMiniHeader {
    max-width:440px!important;width:440px!important;
    height:54px!important;min-height:54px!important;
    padding:6px 12px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {
    padding:59px 12px 75px!important;
  }
  body.cpV8.cpV10.cpNativeV5[data-stage="source"][data-v8-home-tab="create"] .cpLaunchScreen {
    display:flex!important;flex-direction:column!important;
    grid-template-columns:none!important;grid-template-rows:none!important;
    gap:8px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Intro {
    min-height:0!important;height:auto!important;
    padding:5px 2px 1px!important;grid-row:auto!important;grid-column:auto!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {
    font-size:24px!important;margin-bottom:2px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro p {font-size:10px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon {
    height:40px!important;width:40px!important;flex-basis:40px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpV10IntroIcon img {
    height:29px!important;width:29px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpCreatorSourceCard {
    min-height:0!important;height:auto!important;
    grid-column:auto!important;grid-row:auto!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
    min-height:0!important;padding:10px 11px 4px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
    gap:6px!important;padding:6px 11px 11px!important;
    justify-content:flex-start!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpNativeChoose,
  body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {
    grid-column:auto!important;grid-row:auto!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpMiniBottomNav {
    top:auto!important;bottom:6px!important;
    min-height:54px!important;height:54px!important;
    width:426px!important;
  }
}
/* At tiny widths, make supported platforms wrap rather than overflow. */
@media(max-width:359px) {
  body.cpV8.cpV10.cpNativeV5 .cpMiniScroll.content {padding-inline:9px!important}
  body.cpV8.cpV10.cpNativeV5 .cpV10Intro h1 {font-size:21px!important}
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported {
    flex-wrap:wrap!important;gap:3px!important;overflow:visible!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
    font-size:7.8px!important;padding:3px 4px!important;
  }
  body.cpV8.cpV10.cpNativeV5 .cpNativeSectionTitle small {font-size:6.8px!important}
}

/* Override V10 desktop-specific guide/grid rules with native single column. */
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Guide,
body.cpV8.cpV10.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpV10Guide {
  display:none!important;
  visibility:hidden!important;
}
body.cpV8.cpV10.cpNativeV5 .cpLaunchScreen>.cpV10Intro {
  width:100%!important;
  align-self:stretch!important;
}