/* CamboPost Mini App V9 — compact native first, spacious desktop second.
   Presentation only: does not override handlers, availability, API or post state. */
body.cpV8.cpNativeV5 {
  --nv-bg:#0b1224;
  --nv-panel:#171f35;
  --nv-elev:#252e47;
  --nv-input:#101a2e;
  --nv-stroke:#37435f;
  --nv-text:#f3f6ff;
  --nv-dim:#b8c6de;
  --nv-soft:#8f9fb9;
  --nv-accent:#9383ff;
  --nv-lilac:#c5baff;
  --nv-shadow:rgba(3,8,28,.28);
  background:radial-gradient(700px 460px at 18% -15%,rgba(70,93,200,.09),transparent),#0b1224!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] {
  --nv-bg:#f3f6fc;--nv-panel:#fff;--nv-elev:#f1f4fb;
  --nv-input:#fbfcff;--nv-stroke:#dae2f1;--nv-text:#1c2847;
  --nv-dim:#64718e;--nv-soft:#7784a0;--nv-accent:#7054da;
  --nv-lilac:#7461d7;--nv-shadow:rgba(55,68,136,.10);
  background:radial-gradient(720px 430px at 10% -20%,rgba(124,121,232,.13),transparent 70%),#f3f6fc!important;
}
body.cpV8.cpNativeV5 .cpMiniShell.shell {
  width:min(100%,560px)!important;
  background:transparent!important;
  border-inline:1px solid color-mix(in srgb,var(--nv-stroke) 25%,transparent);
}
body.cpV8.cpNativeV5 .cpMiniScroll.content {
  padding:calc(78px + env(safe-area-inset-top,0px)) 15px calc(98px + env(safe-area-inset-bottom,0px))!important;
  background:transparent!important;
}
body.cpV8.cpNativeV5 .cpLaunchScreen {gap:12px!important;align-content:start!important}
body.cpV8.cpNativeV5 .cpMiniHeader.topbar {
  top:calc(10px + env(safe-area-inset-top,0px))!important;
  width:min(calc(100% - 20px),540px)!important;
  height:58px!important;min-height:58px!important;
  padding:6px 12px!important;
  border-radius:19px!important;
  background:color-mix(in srgb,var(--nv-panel) 96%,transparent)!important;
  border:1px solid var(--nv-stroke)!important;
  box-shadow:0 9px 24px var(--nv-shadow),inset 0 1px 0 rgba(255,255,255,.30)!important;
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
}
body.cpV8.cpNativeV5 .cpHeaderMark {
  width:41px!important;height:41px!important;
  flex:0 0 41px!important;border-radius:13px!important;
  box-shadow:0 3px 10px rgba(71,61,177,.14)!important;
}
body.cpV8.cpNativeV5 .cpHeaderWordmark>strong {
  font:850 17px/1.15 Manrope,Inter,sans-serif!important;
  letter-spacing:-.45px!important;
}
body.cpV8.cpNativeV5 .cpHeaderWordmark>small {
  font-size:8.5px!important;font-weight:800!important;
  letter-spacing:1.25px!important;
}
body.cpV8.cpNativeV5 .cpMiniThemeToggle {
  width:35px!important;height:35px!important;
  border-radius:12px!important;background:var(--nv-elev)!important;
}
body.cpV8.cpNativeV5 .cpMiniSession {
  min-height:33px!important;font-size:10px!important;
  font-weight:740!important;border-radius:10px!important;
  padding:6px 10px!important;
}
body.cpV8.cpNativeV5 .cpMiniSession .cpSessionLight {
  width:7px;height:7px;box-shadow:0 0 0 3px rgba(86,214,163,.11);
}

/* The hero is a deliberate title card, not a generic empty banner. */
body.cpV8.cpNativeV5 .cpNativeWelcome.cpV8Welcome {
  min-height:168px!important;
  padding:15px 18px 0!important;
  border:1px solid rgba(152,166,240,.31)!important;
  border-radius:23px!important;
  background:
    radial-gradient(190px 155px at 93% 14%,rgba(114,101,251,.43),transparent 83%),
    radial-gradient(215px 130px at -10% 100%,rgba(37,180,236,.23),transparent 83%),
    linear-gradient(117deg,#151f4b 0%,#30346e 61%,#242452 100%)!important;
  color:#faffff!important;
  box-shadow:0 15px 36px rgba(18,27,92,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpNativeWelcome.cpV8Welcome {
  border-color:#d1d8f0!important;
  background:
    radial-gradient(250px 200px at 110% 0%,rgba(171,150,255,.25),transparent 78%),
    linear-gradient(125deg,#fff 0%,#f5f5ff 59%,#e9edff 100%)!important;
  box-shadow:0 15px 30px rgba(91,100,161,.11),inset 0 1px 0 #fff!important;
}
body.cpV8.cpNativeV5 .cpV8Topline {
  font-size:9.5px!important;font-weight:800!important;
  letter-spacing:1.03px!important;color:#d2e5ff!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8Topline {color:#6661a2!important}
body.cpV8.cpNativeV5 .cpV8ToplineSide {color:rgba(226,224,255,.80)!important}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8ToplineSide {color:#918aa9!important}
body.cpV8.cpNativeV5 .cpV8Welcome .cpNativeWelcomeRow {
  min-height:95px!important;margin:0!important;
  gap:3px!important;align-items:center!important;
}
body.cpV8.cpNativeV5 .cpV8HeroCopy {max-width:calc(100% - 105px)!important}
body.cpV8.cpNativeV5 .cpV8HeroCopy h1 {
  max-width:none!important;
  font:860 clamp(26px,7.6vw,34px)/1.09 Manrope,Inter,sans-serif!important;
  letter-spacing:-1.15px!important;
  margin:3px 0 7px!important;color:#fff!important;
}
body.cpV8.cpNativeV5 .cpV8HeroCopy h1 span {
  display:block!important;
  background:linear-gradient(93deg,#7cdeff,#b6b5ff 80%)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroCopy h1 {color:#1a284c!important}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroCopy h1 span {
  background:linear-gradient(96deg,#2d8fbe,#6550ce 80%)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
}
body.cpV8.cpNativeV5 .cpV8HeroCopy p {
  max-width:250px!important;margin:0!important;
  font:560 11.5px/1.5 Manrope,Inter,sans-serif!important;
  color:#d5dff6!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroCopy p {color:#64738f!important}
body.cpV8.cpNativeV5 .cpV8Artwork {
  width:101px!important;height:102px!important;flex:0 0 101px!important;
  filter:drop-shadow(0 13px 16px rgba(17,15,80,.21))!important;
}
body.cpV8.cpNativeV5 .cpV8ArtFront {
  background:linear-gradient(145deg,#555ec3,#7770df 63%,#5655bc)!important;
  border-color:rgba(255,255,255,.65)!important;
}
body.cpV8.cpNativeV5 .cpV8HeroSteps {
  display:flex!important;justify-content:space-between!important;
  min-height:31px!important;margin-top:0!important;
  padding:8px 0!important;font-size:10px!important;
  color:#dae5ff!important;border-top-color:rgba(232,239,255,.19)!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroSteps {color:#697597!important;border-top-color:#e0e4f4!important}
body.cpV8.cpNativeV5 .cpV8HeroSteps span b {color:#8ee7ff!important}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroSteps span b {color:#715ad2!important}

/* One clear composer card: high readability, no tiny text-only CTA. */
body.cpV8.cpNativeV5 .cpLaunchScreen .panel.cpCreatorSourceCard {
  border:1px solid var(--nv-stroke)!important;
  border-radius:20px!important;
  background:var(--nv-panel)!important;
  box-shadow:0 12px 27px var(--nv-shadow),inset 0 1px rgba(255,255,255,.30)!important;
}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
  min-height:70px!important;
  padding:14px 16px 8px!important;gap:12px!important;
  align-items:center!important;
}
body.cpV8.cpNativeV5 .cpV8SourceGlyph {
  width:41px!important;height:41px!important;flex:0 0 41px!important;
  border:1px solid rgba(106,137,228,.22)!important;
  border-radius:13px!important;
  background:linear-gradient(138deg,rgba(95,174,246,.18),rgba(131,101,228,.12))!important;
  color:#568fd4!important;
}
body.cpV8.cpNativeV5 .cpV8SourceGlyph .miniIcon {
  width:21px!important;height:21px!important;
}
body.cpV8.cpNativeV5 .cpV8Overline {
  font-size:9.5px!important;letter-spacing:1.2px!important;
  font-weight:850!important;color:var(--nv-accent)!important;
}
body.cpV8.cpNativeV5 .cpV8SourceTitle h2 {
  font:820 19px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:-.57px!important;color:var(--nv-text)!important;
  margin:2px 0!important;
}
body.cpV8.cpNativeV5 .cpV8SourceTitle p {
  font:500 11.8px/1.4 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;
}
body.cpV8.cpNativeV5 .cpV8SourceTitle .cpStepChip {
  font:800 10px/1.2 Manrope,Inter,sans-serif!important;
  padding:6px 9px!important;min-width:50px!important;
  border-radius:10px!important;background:var(--nv-elev)!important;
  color:var(--nv-dim)!important;
}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
  gap:10px!important;padding:0 15px 16px!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
  height:53px!important;min-height:53px!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:14px!important;
  background:var(--nv-input)!important;
  box-shadow:inset 0 1px 3px rgba(20,30,65,.025)!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField:focus-within {
  border-color:var(--nv-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--nv-accent) 16%,transparent)!important;
}
body.cpV8.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
  width:34px!important;height:34px!important;
  border-radius:10px!important;background:var(--nv-elev)!important;
  color:var(--nv-accent)!important;
}
body.cpV8.cpNativeV5 .cpCreatorUrlField>.field {
  height:51px!important;min-height:51px!important;
  font:560 14px/1.45 Manrope,Inter,sans-serif!important;
  color:var(--nv-text)!important;
}
body.cpV8.cpNativeV5 .cpCreatorUrlField>.field::placeholder {
  font:470 12.8px/1.4 Manrope,Inter,sans-serif!important;
  color:var(--nv-soft)!important;opacity:1!important;
}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
  height:54px!important;min-height:54px!important;
  border-radius:13px!important;
  border:1px solid rgba(230,220,255,.26)!important;
  background:linear-gradient(106deg,#5062df 0%,#7157e4 54%,#8459dc 100%)!important;
  box-shadow:0 10px 20px rgba(74,66,171,.23),inset 0 1px rgba(255,255,255,.19)!important;
  font:820 14.5px/1.3 Manrope,Inter,sans-serif!important;
  letter-spacing:-.15px!important;color:#fff!important;
}
body.cpV8.cpNativeV5 .cpGetMediaIdleIcon,
body.cpV8.cpNativeV5 .cpGetMediaIdleArrow {
  width:32px!important;height:32px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:10px!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported {
  padding-top:2px!important;gap:6px!important;
  min-height:25px!important;align-items:center!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported>span {
  color:var(--nv-soft)!important;
  font-size:9px!important;font-weight:850!important;letter-spacing:.8px!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
  font:710 10px/1.2 Manrope,Inter,sans-serif!important;
  padding:5px 7px!important;border-radius:8px!important;
  background:var(--nv-elev)!important;color:var(--nv-dim)!important;
}

/* One connected Power Editor workspace, not 3 unrelated rectangles. */
body.cpV8.cpNativeV5 .cpNativeChoose {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;align-items:stretch!important;
  background:var(--nv-panel)!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:18px!important;overflow:hidden!important;
  box-shadow:0 10px 24px var(--nv-shadow)!important;
}
body.cpV8.cpNativeV5 .cpNativePostChoice {
  min-height:65px!important;height:auto!important;
  padding:11px 14px!important;gap:11px!important;
  border:none!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.cpV8.cpNativeV5 .cpNativeChoiceMark {
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(112,93,231,.20),rgba(87,141,219,.09))!important;
}
body.cpV8.cpNativeV5 .cpNativeChoiceMark>img {
  width:41px!important;height:41px!important;
}
body.cpV8.cpNativeV5 .cpNativeChoiceText>b {
  font:820 14px/1.27 Manrope,Inter,sans-serif!important;
  letter-spacing:-.23px!important;color:var(--nv-text)!important;
}
body.cpV8.cpNativeV5 .cpNativeChoiceText>span {
  font:530 11px/1.3 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;
}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics {
  height:58px!important;min-height:58px!important;
  margin:0!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border:0!important;border-top:1px solid var(--nv-stroke)!important;
  border-radius:0!important;background:var(--nv-input)!important;
  box-shadow:none!important;
}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics>div {
  min-height:58px!important;padding:8px 14px!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  gap:2px!important;
}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics strong {
  font:850 19px/1.12 Manrope,Inter,sans-serif!important;
  color:var(--nv-text)!important;
}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics small {
  font:650 10.5px/1.25 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;
}
body.cpV8.cpNativeV5 .cpMemberMiniStrip {
  min-height:54px!important;max-height:none!important;
  padding:8px 12px!important;margin:0!important;
  border:1px solid var(--nv-stroke)!important;border-radius:16px!important;
  background:var(--nv-panel)!important;
  box-shadow:0 6px 17px var(--nv-shadow)!important;
}
body.cpV8.cpNativeV5 .cpMiniMembershipIcon {
  width:37px!important;height:37px!important;flex:0 0 37px!important;
  background:var(--nv-elev)!important;border-radius:11px!important;
}
body.cpV8.cpNativeV5 .cpMiniMembershipIcon>img {width:34px!important;height:34px!important}
body.cpV8.cpNativeV5 .cpMiniMembershipCopy>b {
  font-size:12.5px!important;font-weight:800!important;color:var(--nv-text)!important;
}
body.cpV8.cpNativeV5 .cpMiniMembershipCopy>span {
  font-size:11px!important;color:var(--nv-dim)!important;
}
body.cpV8.cpNativeV5 .cpMiniMembershipArrow {
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  border-radius:9px!important;
}

/* Floating native navigation: readable icons, restrained active treatment. */
body.cpV8.cpNativeV5 .cpMiniBottomNav {
  width:min(calc(100% - 24px),525px)!important;
  min-height:66px!important;padding:6px!important;gap:6px!important;
  border:1px solid var(--nv-stroke)!important;border-radius:20px!important;
  background:color-mix(in srgb,var(--nv-panel) 94%,transparent)!important;
  box-shadow:0 16px 37px rgba(9,13,51,.22),inset 0 1px rgba(255,255,255,.28)!important;
  bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
}
body.cpV8.cpNativeV5 .cpMiniNavBtn {
  min-height:52px!important;
  font:760 11px/1.27 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;border-radius:14px!important;
  gap:3px!important;
}
body.cpV8.cpNativeV5 .cpMiniNavBtn>.miniIcon {
  width:21px!important;height:21px!important;flex-basis:21px!important;
}
body.cpV8.cpNativeV5 .cpMiniNavBtn.is-active {
  color:var(--nv-accent)!important;
  background:linear-gradient(125deg,color-mix(in srgb,var(--nv-accent) 18%,var(--nv-panel)),color-mix(in srgb,var(--nv-accent) 8%,var(--nv-panel)))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nv-accent) 27%,transparent)!important;
}
body.cpV8.cpNativeV5 .cpMiniNavBtn.is-active::before {display:none!important}
body.cpV8.cpNativeV5 .cpMiniNavBtn:focus-visible,
body.cpV8.cpNativeV5 #getMedia:focus-visible,
body.cpV8.cpNativeV5 .cpMemberMiniStrip:focus-visible {
  outline:3px solid color-mix(in srgb,var(--nv-accent) 72%,#fff)!important;
  outline-offset:2px!important;
}

/* The other two screens inherit the same material and type scale. */
body.cpV8.cpNativeV5 .cpV8ScreenIntro {
  padding-top:14px!important;padding-bottom:11px!important;
}
body.cpV8.cpNativeV5 .cpV8ScreenIntro h2 {
  font:850 32px/1.18 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpNativeV5 .cpV8ScreenIntro p {
  font:510 13px/1.55 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpNativeV5 .cpMembershipCard,
body.cpV8.cpNativeV5 .cpCommunitySection {
  border:1px solid var(--nv-stroke)!important;border-radius:19px!important;
  background:var(--nv-panel)!important;
  box-shadow:0 13px 28px var(--nv-shadow)!important;
}
body.cpV8.cpNativeV5 .cpMemberHeading>b,
body.cpV8.cpNativeV5 .cpCommunityHeading b {
  color:var(--nv-text)!important;font-size:17px!important;
}
body.cpV8.cpNativeV5 .cpMemberFacts>span>b {font-size:12px!important}
body.cpV8.cpNativeV5 .cpMemberNote {font-size:11.5px!important;line-height:1.5!important}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLink,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink {
  border-radius:14px!important;min-height:77px!important;
  background:var(--nv-elev)!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLink b,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink b {
  font-size:13.5px!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLink small,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink small {
  font-size:11px!important;
}
body.cpV8.cpNativeV5 .cpNativeEditorTitle>h2 {font-size:23px!important}
body.cpV8.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs {
  border-radius:16px!important;border-color:var(--nv-stroke)!important;
}
body.cpV8.cpNativeV5 .cpNativeEditor .cpEditorPanel {
  border-radius:19px!important;border-color:var(--nv-stroke)!important;
}

/* Full browser: meaningful two-column workspace; inside Telegram remains native. */
@media(min-width:800px) {
  body.cpV8.cpNativeV5 .cpMiniShell.shell {
    width:min(calc(100% - 40px),940px)!important;
    margin-inline:auto!important;
    border-inline:1px solid color-mix(in srgb,var(--nv-stroke) 35%,transparent)!important;
    box-shadow:0 18px 70px rgba(38,44,102,.045)!important;
  }
  body.cpV8.cpNativeV5 .cpMiniHeader.topbar {
    width:min(calc(100% - 74px),892px)!important;
    height:66px!important;min-height:66px!important;
    padding:7px 18px!important;border-radius:19px!important;
  }
  body.cpV8.cpNativeV5 .cpHeaderMark {
    width:45px!important;height:45px!important;flex:0 0 45px!important;
  }
  body.cpV8.cpNativeV5 .cpHeaderWordmark>strong {font-size:19px!important}
  body.cpV8.cpNativeV5 .cpMiniScroll.content {
    padding:calc(95px + env(safe-area-inset-top,0px)) 22px calc(105px + env(safe-area-inset-bottom,0px))!important;
  }
  body.cpV8.cpNativeV5[data-stage="source"][data-v8-home-tab="create"] .cpLaunchScreen {
    display:grid!important;
    grid-template-columns:minmax(0,1.3fr) minmax(0,.88fr)!important;
    grid-template-rows:185px minmax(0,auto) minmax(0,auto)!important;
    gap:15px!important;align-content:start!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen>.cpV8Welcome {
    grid-column:1/-1!important;grid-row:1!important;
    min-height:185px!important;padding:16px 25px 0!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpV8Welcome .cpNativeWelcomeRow {
    min-height:113px!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpV8HeroCopy {
    max-width:calc(100% - 130px)!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpV8HeroCopy h1 {
    font-size:39px!important;letter-spacing:-1.65px!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpV8HeroCopy p {
    font-size:13px!important;max-width:390px!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpV8Artwork {
    width:125px!important;height:111px!important;flex-basis:125px!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpCreatorSourceCard {
    grid-column:1!important;grid-row:2/span 2!important;align-self:stretch!important;
    min-height:260px!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
    gap:13px!important;padding:7px 19px 20px!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpV8SourceTitle.cpCardTitle {
    padding:17px 19px 10px!important;min-height:81px!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpNativeChoose {
    grid-column:2!important;grid-row:2!important;align-self:start!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="create"] .cpMemberMiniStrip {
    grid-column:2!important;grid-row:3!important;align-self:start!important;
  }
  body.cpV8.cpNativeV5 .cpMiniBottomNav {
    width:min(calc(100% - 32px),570px)!important;
  }
  body.cpV8.cpNativeV5[data-v8-home-tab="plan"] .cpMembershipCard,
  body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunitySection {
    width:min(100%,720px)!important;margin-inline:auto!important;
  }
}

/* iPhone-like viewports: keep the entire primary action reachable. */
@media(max-width:390px) {
  body.cpV8.cpNativeV5 .cpMiniScroll.content {
    padding-inline:12px!important;
  }
  body.cpV8.cpNativeV5 .cpNativeWelcome.cpV8Welcome {
    padding:13px 14px 0!important;min-height:160px!important;
  }
  body.cpV8.cpNativeV5 .cpV8HeroCopy h1 {font-size:28px!important}
  body.cpV8.cpNativeV5 .cpV8HeroCopy p {font-size:11px!important}
  body.cpV8.cpNativeV5 .cpV8Welcome .cpNativeWelcomeRow {min-height:91px!important}
  body.cpV8.cpNativeV5 .cpV8Artwork {
    width:88px!important;height:90px!important;flex:0 0 88px!important;
  }
  body.cpV8.cpNativeV5 .cpV8HeroCopy {max-width:calc(100% - 91px)!important}
  body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
    font-size:9px!important;padding:5px 6px!important;
  }
}
@media(max-width:345px) {
  body.cpV8.cpNativeV5 .cpV8HeroCopy h1 {font-size:25px!important}
  body.cpV8.cpNativeV5 .cpV8Artwork {width:75px!important;flex-basis:75px!important}
  body.cpV8.cpNativeV5 .cpV8HeroCopy {max-width:calc(100% - 77px)!important}
  body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported {flex-wrap:wrap!important}
  body.cpV8.cpNativeV5 .cpMiniBottomNav {width:calc(100% - 16px)!important}
}
@media(prefers-reduced-motion:reduce) {
  body.cpV8.cpNativeV5 .cpV8Artwork,
  body.cpV8.cpNativeV5 .cpGetMediaButton,
  body.cpV8.cpNativeV5 .cpMiniNavBtn {
    animation:none!important;transition:none!important;
  }
}

/* The legacy parity stylesheet has explicit max-widths; widen desktop only. */
@media(min-width:800px) {
  body.cpV8.cpNativeV5 {padding:0!important}
  body.cpV8.cpNativeV5 .cpMiniShell.shell {
    max-width:940px!important;
    width:min(calc(100% - 40px),940px)!important;
    height:100dvh!important;
  }
  body.cpV8.cpNativeV5 .topbar.cpMiniHeader {
    max-width:892px!important;
    width:min(calc(100% - 74px),892px)!important;
  }
}

/* V8.1 added a CSS-only 320px subtitle fallback. Avoid showing it twice. */
@media(max-width:360px) {
  body.cpV8.cpNativeV5 .cpNativeChoiceText>span {
    font-size:10.5px!important;white-space:normal!important;
  }
  body.cpV8.cpNativeV5 .cpNativeChoiceText>span::after {
    content:none!important;display:none!important;
  }
}