/* CamboPost Mini App V8 — native-first composition, independent screen tabs.
   Preview-only overlay. Existing auth/Telegram/media/PE/publish JS is unchanged. */

body.cpV8.cpNativeV5 {
  --nv-bg:#0a0f1d;
  --nv-panel:#161d31;
  --nv-elev:#202940;
  --nv-input:#0c1426;
  --nv-stroke:#2c3550;
  --nv-text:#f6f8ff;
  --nv-dim:#aab5d0;
  --nv-soft:#8595b5;
  --nv-lilac:#c1b2ff;
  --nv-accent:#916efa;
  --nv-select:#292644;
  --nv-selected-stroke:#806ee5;
  --nv-green:#68d7b7;
  --nv-shadow:rgba(1,6,26,.25);
  background:var(--nv-bg)!important;
  color:var(--nv-text)!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] {
  --nv-bg:#f5f7fc;
  --nv-panel:#fff;
  --nv-elev:#eff2fa;
  --nv-input:#f9faff;
  --nv-stroke:#dfe4f2;
  --nv-text:#1b2441;
  --nv-dim:#65728c;
  --nv-soft:#8792a8;
  --nv-lilac:#7656cd;
  --nv-accent:#745adf;
  --nv-select:#eeeaff;
  --nv-selected-stroke:#b3a1e6;
  --nv-green:#268e71;
  --nv-shadow:rgba(35,48,99,.075);
}
body.cpV8.cpNativeV5 .cpMiniShell.shell {
  width:min(100%,560px)!important;
  background:var(--nv-bg)!important;
  min-height:100dvh;
}
body.cpV8.cpNativeV5 .cpMiniScroll.content {
  padding:calc(76px + env(safe-area-inset-top,0px)) 16px calc(110px + env(safe-area-inset-bottom,0px))!important;
  background:
    radial-gradient(430px 330px at -18% -20%,rgba(87,83,193,.11),transparent 80%),
    radial-gradient(300px 340px at 110% 55%,rgba(44,113,156,.08),transparent 90%),
    var(--nv-bg)!important;
  overscroll-behavior-y:contain!important;
  scrollbar-width:none;
}
body.cpV8.cpNativeV5 .cpMiniScroll.content::-webkit-scrollbar {display:none}
body.cpV8.cpNativeV5 .cpLaunchScreen {
  display:flex!important;flex-direction:column!important;
  gap:11px!important;min-width:0;
}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpV8Welcome {order:0}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpCreatorSourceCard {order:1}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpNativeChoose {order:2}
body.cpV8.cpNativeV5 .cpLaunchScreen>#realDefaultsPanel {order:3}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpMemberMiniStrip {order:4}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpV8PlanHeading {order:5}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpMembershipCard {order:6}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpV8CommunityHeading {order:7}
body.cpV8.cpNativeV5 .cpLaunchScreen>.cpCommunitySection {order:8}

/* Three actual screens, not three sections in a never-ending form. */
body.cpV8.cpNativeV5[data-stage="source"][data-v8-home-tab="create"]
  :is(.cpV8PlanHeading,.cpMembershipCard,.cpV8CommunityHeading,.cpCommunitySection) {
  display:none!important;
}
body.cpV8.cpNativeV5[data-stage="source"][data-v8-home-tab="plan"]
  :is(.cpV8Welcome,.cpCreatorSourceCard,.cpNativeChoose,.cpMemberMiniStrip,.cpV8CommunityHeading,.cpCommunitySection,#realDefaultsPanel) {
  display:none!important;
}
body.cpV8.cpNativeV5[data-stage="source"][data-v8-home-tab="community"]
  :is(.cpV8Welcome,.cpCreatorSourceCard,.cpNativeChoose,.cpMemberMiniStrip,.cpV8PlanHeading,.cpMembershipCard,#realDefaultsPanel) {
  display:none!important;
}

/* No redundant framed box around the topbar. */
body.cpV8.cpNativeV5 .cpMiniHeader.topbar {
  width:min(calc(100% - 16px),544px)!important;
  height:55px!important;min-height:55px!important;
  top:calc(8px + env(safe-area-inset-top,0px))!important;
  gap:9px!important;padding:0 12px!important;
  border:1px solid color-mix(in srgb,var(--nv-stroke) 90%,transparent)!important;
  border-radius:17px!important;
  background:color-mix(in srgb,var(--nv-panel) 86%,transparent)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  box-shadow:0 10px 30px rgba(1,4,20,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpMiniHeader.topbar {
  box-shadow:0 8px 25px rgba(49,55,118,.09),inset 0 1px 0 #fff!important;
}
body.cpV8.cpNativeV5 .cpHeaderMark {
  width:38px!important;height:38px!important;
  min-width:38px!important;flex-basis:38px!important;
  border-radius:12px!important;
}
body.cpV8.cpNativeV5 .cpHeaderWordmark>strong {
  font:830 15.5px/1.22 Manrope,Inter,sans-serif!important;
  letter-spacing:-.45px!important;
}
body.cpV8.cpNativeV5 .cpHeaderWordmark>small {
  font-size:7.5px!important;letter-spacing:1.4px!important;
  color:var(--nv-soft)!important;
}
body.cpV8.cpNativeV5 .cpMiniThemeToggle {
  width:33px!important;height:33px!important;min-width:33px!important;
  border-radius:11px!important;
  border-color:var(--nv-stroke)!important;
  background:var(--nv-elev)!important;
  color:var(--nv-lilac)!important;
}
body.cpV8.cpNativeV5 .cpMiniSession {
  min-height:28px!important;max-width:108px!important;
  padding:6px 9px!important;border-radius:9px!important;
  font:720 9px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:.15px!important;color:var(--nv-dim)!important;
  background:var(--nv-elev)!important;border-color:var(--nv-stroke)!important;
}
body.cpV8.cpNativeV5 .cpSessionLight {box-shadow:0 0 0 3px rgba(104,215,183,.1)}

/* Single art-directed hero, with editorial typography and subtle depth. */
body.cpV8.cpNativeV5 .cpNativeWelcome.cpV8Welcome {
  min-height:178px!important;max-height:none!important;
  order:0;padding:15px 18px 0!important;
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  border:1px solid rgba(149,154,232,.22)!important;
  border-radius:22px!important;
  background:
    radial-gradient(240px 180px at 108% 0%,rgba(103,100,238,.29),transparent 79%),
    radial-gradient(200px 170px at 5% 115%,rgba(16,135,194,.16),transparent 85%),
    linear-gradient(122deg,#182542,#202242 58%,#18243b)!important;
  box-shadow:0 17px 42px rgba(4,8,35,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpNativeWelcome.cpV8Welcome {
  border-color:#d6d8f2!important;
  background:
    radial-gradient(255px 170px at 100% -10%,rgba(160,141,250,.25),transparent 83%),
    radial-gradient(240px 190px at -10% 100%,rgba(123,197,236,.16),transparent 87%),
    linear-gradient(110deg,#fff,#f4f3ff 64%,#edf2fc)!important;
  box-shadow:0 12px 30px rgba(67,75,157,.09),inset 0 1px 0 #fff!important;
}
body.cpV8.cpNativeV5 .cpV8Welcome::before {
  content:"";position:absolute;right:-80px;top:-105px;
  width:270px;height:270px;border-radius:50%;z-index:-1;
  border:1px solid rgba(200,203,255,.10);
  box-shadow:0 0 0 30px rgba(155,153,244,.04),0 0 0 64px rgba(155,153,244,.023);
  pointer-events:none;
}
body.cpV8.cpNativeV5 .cpV8Welcome::after {
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,#6bcbfc,#9c8bff 65%,transparent);
  opacity:.8;
}
body.cpV8.cpNativeV5 .cpV8Topline {
  display:flex;align-items:center;gap:8px;
  font:820 8.5px/1.4 Manrope,Inter,sans-serif!important;
  letter-spacing:1.2px;color:#c4d0ff;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8Topline {color:#7769ac}
body.cpV8.cpNativeV5 .cpV8BrandPulse {
  width:7px;height:7px;border-radius:50%;display:inline-block;
  background:#76e3d4;box-shadow:0 0 0 4px rgba(118,227,212,.10),0 0 12px rgba(118,227,212,.5);
}
body.cpV8.cpNativeV5 .cpV8ToplineSide {
  margin-left:auto;white-space:nowrap;
  letter-spacing:.9px;color:rgba(202,203,248,.68);
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8ToplineSide {color:#9999b9}
body.cpV8.cpNativeV5 .cpV8Welcome .cpNativeWelcomeRow {
  min-height:98px;align-items:center!important;
  gap:7px!important;
}
body.cpV8.cpNativeV5 .cpV8HeroCopy {
  flex:1 1 auto;min-width:0;max-width:calc(100% - 83px);
}
body.cpV8.cpNativeV5 .cpV8HeroCopy h1 {
  font:860 clamp(24px,6.9vw,32px)/1.05 Manrope,Inter,sans-serif!important;
  letter-spacing:-1.1px!important;
  margin:4px 0 8px!important;max-width:270px;
  color:#f9faff!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroCopy h1 {color:#192547!important}
body.cpV8.cpNativeV5 .cpV8HeroCopy h1 span {
  display:block;
  background:linear-gradient(101deg,#76def3,#b1a4ff 83%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroCopy h1 span {
  background:linear-gradient(101deg,#288abe,#7f5ada 80%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.cpV8.cpNativeV5 .cpV8HeroCopy p {
  margin:0!important;max-width:230px!important;
  font:500 10.5px/1.4 Manrope,Inter,sans-serif!important;
  color:#b9c6df!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroCopy p {color:#60708b!important}
body.cpV8.cpNativeV5 .cpV8Artwork {
  display:block;position:relative;isolation:isolate;
  width:96px;height:105px;flex:0 0 96px;
  filter:drop-shadow(0 10px 18px rgba(4,6,41,.18));
}
body.cpV8.cpNativeV5 .cpV8Artwork>i {
  display:block;position:absolute;border-radius:11px;box-sizing:border-box;
}
body.cpV8.cpNativeV5 .cpV8ArtBack {
  top:10px;left:5px;height:73px;width:59px;
  border:1px solid rgba(153,208,251,.27);
  background:linear-gradient(135deg,#4073b3,#313668);
  transform:rotate(-18deg);
}
body.cpV8.cpNativeV5 .cpV8ArtMid {
  top:3px;right:5px;height:81px;width:60px;
  border:1px solid rgba(199,183,255,.42);
  background:linear-gradient(145deg,#5e51aa,#8767d4);
  transform:rotate(13deg);
}
body.cpV8.cpNativeV5 .cpV8ArtFront {
  top:15px;left:16px;width:67px;height:79px;
  padding:11px 9px;
  border:1px solid rgba(232,244,255,.45);
  background:linear-gradient(149deg,#4d5dba,#6d5dd1 70%,#5946a8);
  box-shadow:0 8px 19px rgba(20,16,87,.28),inset 0 1px 0 rgba(255,255,255,.20);
  transform:rotate(-1deg);
}
body.cpV8.cpNativeV5 .cpV8ArtFront>.miniIcon {
  display:block;width:28px!important;height:28px!important;margin:3px auto 11px;
  color:#fff;stroke:#fff;stroke-width:1.7;fill:rgba(255,255,255,.17);
}
body.cpV8.cpNativeV5 .cpV8ArtFront>b {
  display:block;height:3px;margin-bottom:5px;border-radius:4px;
  background:rgba(232,234,255,.58);
}
body.cpV8.cpNativeV5 .cpV8ArtFront>b:last-child {width:60%;opacity:.6}
body.cpV8.cpNativeV5 .cpV8ArtSpark {
  width:15px;height:15px;right:0;bottom:12px;
  border-radius:5px!important;transform:rotate(15deg);
  background:#7be4e7;box-shadow:0 0 0 4px rgba(122,225,236,.13),0 0 16px rgba(114,229,225,.5);
}
body.cpV8.cpNativeV5 .cpV8HeroSteps {
  display:flex!important;align-items:center;justify-content:center;
  gap:8px;min-height:32px;
  margin-top:1px;padding:8px 0;
  border-top:1px solid rgba(214,222,255,.13);
  font:630 9px/1.2 Manrope,Inter,sans-serif;
  color:#b8c7e6;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroSteps {
  border-color:#e1e3f6;color:#667592;
}
body.cpV8.cpNativeV5 .cpV8HeroSteps span {white-space:nowrap}
body.cpV8.cpNativeV5 .cpV8HeroSteps span b {color:#9ce2fc;font-weight:850;margin-right:4px}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8HeroSteps span b {color:#6a62bc}
body.cpV8.cpNativeV5 .cpV8HeroSteps>i {
  flex:1 1 auto;height:1px;max-width:27px;
  background:linear-gradient(90deg,rgba(185,185,237,.12),rgba(185,185,237,.4));
}

/* The actual action is second, immediately after the hero. */
body.cpV8.cpNativeV5 .cpLaunchScreen .panel.cpCreatorSourceCard {
  position:relative;border:1px solid var(--nv-stroke)!important;
  border-radius:18px!important;
  background:var(--nv-panel)!important;
  box-shadow:0 11px 28px var(--nv-shadow),inset 0 1px 0 rgba(255,255,255,.038)!important;
  overflow:hidden;
}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard::before {display:none!important}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpV8SourceTitle.cpCardTitle {
  display:flex!important;align-items:center!important;gap:11px!important;
  min-height:66px!important;
  padding:13px 14px 10px!important;
  background:transparent!important;border:0!important;
}
body.cpV8.cpNativeV5 .cpV8SourceGlyph {
  flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;
  border-radius:11px;
  background:linear-gradient(145deg,rgba(113,222,237,.14),rgba(140,113,249,.17));
  border:1px solid color-mix(in srgb,#75d7f4 24%,var(--nv-stroke));
  color:#a2dffa;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpV8SourceGlyph {color:#4a91c7}
body.cpV8.cpNativeV5 .cpV8SourceGlyph>.miniIcon {width:18px;height:18px;flex:0 0 18px}
body.cpV8.cpNativeV5 .cpV8SourceTitle>div:nth-child(2) {flex:1 1 auto;min-width:0}
body.cpV8.cpNativeV5 .cpV8Overline {
  display:block;margin-bottom:2px;color:var(--nv-lilac);
  font:800 8px/1.1 Manrope,Inter,sans-serif;letter-spacing:1.1px;
}
body.cpV8.cpNativeV5 .cpV8SourceTitle h2 {
  font:830 16px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:-.37px;color:var(--nv-text)!important;margin:0!important;
}
body.cpV8.cpNativeV5 .cpV8SourceTitle p {
  font:500 10px/1.3 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;margin:2px 0 0!important;
}
body.cpV8.cpNativeV5 .cpV8SourceTitle .cpStepChip {
  align-self:center;white-space:nowrap;
  padding:5px 7px!important;min-height:24px!important;
  background:var(--nv-elev)!important;border:0!important;border-radius:8px!important;
  color:var(--nv-dim)!important;font-size:9px!important;
  font-weight:800!important;letter-spacing:.2px!important;
}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpCreatorSourceCard .cpCardBody {
  gap:8px!important;padding:0 14px 14px!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .fieldLabel[for="sourceUrl"] {
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;border:0!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;white-space:nowrap!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpCreatorUrlField {
  min-height:50px!important;height:50px!important;
  border:1px solid var(--nv-stroke)!important;
  background:var(--nv-input)!important;
  border-radius:13px!important;
  box-shadow:none!important;
  transition:border-color .2s,box-shadow .2s;
}
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) 14%,transparent)!important;
}
body.cpV8.cpNativeV5 .cpCreatorUrlField .cpUrlIcon {
  width:32px!important;height:32px!important;
  border-radius:10px!important;
  background:var(--nv-elev)!important;
  color:var(--nv-lilac)!important;
}
body.cpV8.cpNativeV5 .cpCreatorUrlField>.field {
  height:48px!important;min-height:48px!important;min-width:0!important;
  color:var(--nv-text)!important;
  font:500 13px/1.25 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpNativeV5 .cpCreatorUrlField>.field::placeholder {font-size:12px!important;color:var(--nv-soft)!important}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpGetMediaButton {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  height:47px!important;min-height:47px!important;width:100%!important;
  padding:0 10px!important;
  border:1px solid rgba(187,197,255,.33)!important;border-radius:12px!important;
  background:linear-gradient(100deg,#6e6fe1 0%,#8764ed 70%,#9469f8)!important;
  box-shadow:0 10px 24px rgba(82,64,190,.23),inset 0 1px 0 rgba(255,255,255,.17)!important;
  color:#fff!important;
  font:790 13px/1.2 Manrope,Inter,sans-serif!important;
  letter-spacing:.1px!important;
  transition:filter .2s ease,transform .2s ease!important;
}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpGetMediaButton::before {display:none!important}
body.cpV8.cpNativeV5 .cpLaunchScreen .cpGetMediaButton:not(:disabled):active {transform:scale(.987)!important;filter:brightness(.96)!important}
body.cpV8.cpNativeV5 .cpGetMediaIdleIcon,
body.cpV8.cpNativeV5 .cpGetMediaIdleArrow {
  width:30px!important;height:30px!important;min-width:30px!important;
  display:grid;place-items:center;
  background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.16)!important;
  border-radius:9px!important;
}
body.cpV8.cpNativeV5 .cpGetMediaIdleIcon .miniIcon,
body.cpV8.cpNativeV5 .cpGetMediaIdleArrow .miniIcon {width:16px!important;height:16px!important}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported {
  display:flex!important;align-items:center!important;max-width:100%!important;
  overflow-x:auto!important;scrollbar-width:none!important;
  gap:6px!important;padding:1px 0 0!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported::-webkit-scrollbar {display:none}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported>span {
  font-size:7.6px!important;letter-spacing:.7px!important;color:var(--nv-soft)!important;
}
body.cpV8.cpNativeV5 .cpCreatorSourceCard .cpSupported>b {
  padding:4px 6px!important;font-size:8.8px!important;
  border-radius:6px!important;border:0!important;
  background:var(--nv-elev)!important;color:var(--nv-dim)!important;
  white-space:nowrap!important;
}

/* One 60px status rail replaces giant selected-mode card + separate metrics. */
body.cpV8.cpNativeV5 .cpNativeChoose {
  display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;
  gap:7px!important;min-width:0;
  align-items:stretch!important;
}
body.cpV8.cpNativeV5 .cpNativeSectionTitle {
  position:absolute!important;width:1px!important;height:1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
body.cpV8.cpNativeV5 .cpNativePostChoice {
  display:flex!important;align-items:center!important;
  min-height:62px!important;height:62px!important;
  padding:8px!important;gap:7px!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:13px!important;
  background:var(--nv-panel)!important;
  box-shadow:none!important;
}
body.cpV8.cpNativeV5 .cpNativePostChoice::before,
body.cpV8.cpNativeV5 .cpNativePostChoice::after {display:none!important}
body.cpV8.cpNativeV5 .cpNativeChoiceMark {
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  display:grid;place-items:center;
  border:0!important;border-radius:9px!important;
  background:var(--nv-elev)!important;
}
body.cpV8.cpNativeV5 .cpNativeChoiceMark>img {
  width:33px!important;height:33px!important;object-fit:contain;
}
body.cpV8.cpNativeV5 .cpNativeChoiceText {gap:2px!important}
body.cpV8.cpNativeV5 .cpNativeChoiceText>b {
  font:800 11.5px/1.3 Manrope,Inter,sans-serif!important;
  letter-spacing:-.18px!important;
}
body.cpV8.cpNativeV5 .cpNativeChoiceText>span {
  font:480 8px/1.25 Manrope,Inter,sans-serif!important;
  letter-spacing:0!important;
}
body.cpV8.cpNativeV5 .cpNativeChoiceTag,
body.cpV8.cpNativeV5 .cpNativeChoiceSelected {display:none!important}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics {
  min-height:62px!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;padding:0!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:13px!important;
  background:var(--nv-panel)!important;
  overflow:hidden!important;
}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics>div {
  min-height:62px!important;display:flex!important;
  flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  gap:2px!important;padding:7px 9px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics>div+div {border-left:1px solid var(--nv-stroke)!important}
body.cpV8.cpNativeV5 .cpNativeMetricArtwork {display:none!important}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics strong {
  font:820 17px/1.1 Manrope,Inter,sans-serif!important;
}
body.cpV8.cpNativeV5 .cpNativeAccountMetrics small {
  font:540 8px/1.15 Manrope,Inter,sans-serif!important;
  color:var(--nv-dim)!important;
}

/* Plan preview becomes an unobtrusive link. Full plan lives in its own screen. */
body.cpV8.cpNativeV5 .cpMemberMiniStrip {
  display:flex!important;align-items:center!important;
  min-height:39px!important;max-height:none!important;
  border:0!important;border-radius:11px!important;
  margin:0!important;padding:3px 7px!important;
  background:transparent!important;box-shadow:none!important;
}
body.cpV8.cpNativeV5 .cpMiniMembershipIcon {
  width:27px!important;height:27px!important;min-width:27px!important;flex:0 0 27px!important;
  border:0!important;background:var(--nv-elev)!important;border-radius:8px!important;
}
body.cpV8.cpNativeV5 .cpMiniMembershipIcon>img {width:26px!important;height:26px!important}
body.cpV8.cpNativeV5 .cpMiniMembershipCopy {gap:1px!important}
body.cpV8.cpNativeV5 .cpMiniMembershipCopy>b {font-size:10.5px!important}
body.cpV8.cpNativeV5 .cpMiniMembershipCopy>b>small {font-size:8px!important}
body.cpV8.cpNativeV5 .cpMiniMembershipCopy>span {font-size:8.8px!important}
body.cpV8.cpNativeV5 .cpMiniMembershipArrow {
  width:23px!important;height:23px!important;flex:0 0 23px!important;
  background:var(--nv-elev)!important;color:var(--nv-lilac)!important;
  border-radius:7px!important;
}

/* Dedicated Plan / Community pages, no competing composer below them. */
body.cpV8.cpNativeV5 .cpV8ScreenIntro {
  width:100%;padding:17px 5px 8px;
  display:flex;flex-direction:column;gap:5px;
}
body.cpV8.cpNativeV5 .cpV8ScreenEyebrow {
  display:flex;align-items:center;gap:8px;
  font:820 9px/1.35 Manrope,Inter,sans-serif;
  letter-spacing:1.35px;color:var(--nv-lilac);
}
body.cpV8.cpNativeV5 .cpV8ScreenEyebrow::before {
  content:"";width:18px;height:3px;border-radius:6px;
  background:linear-gradient(90deg,#65cef0,#a98cfc);
}
body.cpV8.cpNativeV5 .cpV8ScreenIntro h2 {
  margin:0!important;
  font:860 29px/1.2 Manrope,Inter,sans-serif;
  letter-spacing:-1px;color:var(--nv-text);
}
body.cpV8.cpNativeV5 .cpV8ScreenIntro h2 span {color:var(--nv-lilac)}
body.cpV8.cpNativeV5 .cpV8ScreenIntro p {
  margin:0;color:var(--nv-dim);
  font:480 11px/1.5 Manrope,Inter,sans-serif;
}
body.cpV8.cpNativeV5 .cpMembershipCard {
  border-radius:20px!important;
  box-shadow:0 14px 30px rgba(36,31,94,.19)!important;
}
body.cpV8.cpNativeV5 .cpCommunitySection {
  border:1px solid var(--nv-stroke)!important;
  background:var(--nv-panel)!important;
  border-radius:18px!important;
  padding:16px!important;
}
body.cpV8.cpNativeV5 .cpCommunityLink {
  min-height:89px!important;
  border-radius:13px!important;
  background:var(--nv-elev)!important;
  border-color:var(--nv-stroke)!important;
}
body.cpV8.cpNativeV5 .cpCommunityLink b {font-size:12px!important}
body.cpV8.cpNativeV5 .cpCommunityLink small {font-size:9.5px!important}
body.cpV8.cpNativeV5 .cpCommunityHeading b {font-size:15px!important}

/* Safe-area-aware floating bottom dock. The three destinations switch real screens. */
body.cpV8.cpNativeV5 .cpMiniBottomNav {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
  position:fixed;z-index:70;
  bottom:calc(9px + env(safe-area-inset-bottom,0px));
  left:50%;transform:translateX(-50%);
  width:min(calc(100% - 26px),530px);
  min-height:67px;padding:6px;
  border:1px solid color-mix(in srgb,var(--nv-stroke) 75%,var(--nv-lilac));
  border-radius:20px;
  background:color-mix(in srgb,var(--nv-panel) 93%,transparent);
  -webkit-backdrop-filter:blur(26px) saturate(145%);
  backdrop-filter:blur(26px) saturate(145%);
  box-shadow:0 13px 42px rgba(1,4,21,.35),inset 0 1px 0 rgba(255,255,255,.10);
}
body.cpV8.cpNativeV5:not([data-stage="source"]) .cpMiniBottomNav {display:none!important}
body.cpV8.cpNativeV5 .cpMiniNavBtn {
  position:relative;
  min-height:53px;display:flex;flex-direction:column;
  justify-content:center;align-items:center;gap:4px;
  padding:5px;border:0;border-radius:14px;
  background:transparent;color:var(--nv-dim);
  font:750 10px/1.2 Manrope,Inter,sans-serif;
  cursor:pointer;transition:color .16s,background .16s,transform .16s;
}
body.cpV8.cpNativeV5 .cpMiniNavBtn>.miniIcon {
  width:20px!important;height:20px!important;flex:0 0 20px!important;
  stroke:currentColor;stroke-width:1.8;
}
body.cpV8.cpNativeV5 .cpMiniNavBtn.is-active {
  color:var(--nv-text);
  background:linear-gradient(115deg,color-mix(in srgb,var(--nv-accent) 25%,var(--nv-panel)),color-mix(in srgb,var(--nv-accent) 10%,var(--nv-panel)));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nv-accent) 25%,transparent);
}
body.cpV8.cpNativeV5 .cpMiniNavBtn.is-active::before {
  content:"";position:absolute;top:0;left:calc(50% - 15px);
  width:30px;height:2px;border-radius:0 0 3px 3px;
  background:linear-gradient(90deg,#77d8f2,#af8dfd);
  box-shadow:0 0 11px rgba(160,131,251,.5);
}
body.cpV8.cpNativeV5 .cpMiniNavBtn:focus-visible,
body.cpV8.cpNativeV5 .cpMemberMiniStrip:focus-visible {
  outline:2px solid var(--nv-accent)!important;outline-offset:2px!important;
}
body.cpV8.cpNativeV5[data-mini-theme="light"] .cpMiniBottomNav {
  box-shadow:0 13px 35px rgba(64,65,114,.15),inset 0 1px 0 #fff;
}

/* Consistent editor follows create flow, without changing PE internals or endpoints. */
body.cpV8.cpNativeV5 .cpNativeEditor {gap:10px!important}
body.cpV8.cpNativeV5 .cpNativeEditorTitle>h2 {font-size:21px!important;letter-spacing:-.6px!important}
body.cpV8.cpNativeV5 .cpNativeSourceSummary {
  border:1px solid var(--nv-stroke)!important;border-radius:14px!important;
  background:var(--nv-panel)!important;
}
body.cpV8.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs {
  padding:5px!important;gap:4px!important;
  border:1px solid var(--nv-stroke)!important;
  border-radius:15px!important;
  background:var(--nv-panel)!important;
}
body.cpV8.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button {
  border-radius:11px!important;min-height:52px!important;
}
body.cpV8.cpNativeV5 .cpNativeEditor .cpCreatorEditorTabs>button.is-active {
  color:#fff!important;
  background:linear-gradient(125deg,#6b74e5,#8a65df)!important;
  box-shadow:0 6px 15px rgba(88,76,189,.22)!important;
}
body.cpV8.cpNativeV5 .cpNativeEditor .cpEditorPanel {
  border:1px solid var(--nv-stroke)!important;
  border-radius:17px!important;
  background:var(--nv-panel)!important;
}
body.cpV8.cpNativeV5 .cpNativeDock.cpPublishDock {
  background:color-mix(in srgb,var(--nv-panel) 94%,transparent)!important;
  -webkit-backdrop-filter:blur(23px);
  backdrop-filter:blur(23px);
}
body.cpV8.cpNativeV5 .cpNativeDock .publishBtn {
  background:linear-gradient(110deg,#6b78e5,#9365e9)!important;
  border-radius:12px!important;
}
body.cpV8.cpNativeV5 .cpMiniAppFooter {display:none!important}

@media(min-width:700px) {
  body.cpV8.cpNativeV5 {padding:22px!important}
  body.cpV8.cpNativeV5 .cpMiniShell.shell {min-height:calc(100dvh - 44px)!important}
  body.cpV8.cpNativeV5 .cpMiniHeader.topbar {width:min(calc(100% - 16px),544px)!important}
}
@media(max-width:390px) {
  body.cpV8.cpNativeV5 .cpMiniScroll.content {
    padding:calc(76px + env(safe-area-inset-top,0px)) 11px calc(107px + env(safe-area-inset-bottom,0px))!important;
  }
  body.cpV8.cpNativeV5 .cpNativeWelcome.cpV8Welcome {padding:13px 13px 0!important}
  body.cpV8.cpNativeV5 .cpV8HeroCopy h1 {font-size:27px!important}
  body.cpV8.cpNativeV5 .cpV8Artwork {width:79px;height:94px;flex-basis:79px}
  body.cpV8.cpNativeV5 .cpV8ArtFront {left:7px}
  body.cpV8.cpNativeV5 .cpV8ArtMid {right:1px}
  body.cpV8.cpNativeV5 .cpNativeWelcome.cpV8Welcome {min-height:169px!important}
  body.cpV8.cpNativeV5 .cpNativeChoose {grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important}
  body.cpV8.cpNativeV5 .cpNativeChoiceText>b {font-size:11px!important}
  body.cpV8.cpNativeV5 .cpNativeAccountMetrics>div {padding-inline:7px!important}
  body.cpV8.cpNativeV5 .cpNativeAccountMetrics small {font-size:7.6px!important}
}
@media(max-width:345px) {
  body.cpV8.cpNativeV5 .cpNativeWelcome.cpV8Welcome {padding:12px 11px 0!important}
  body.cpV8.cpNativeV5 .cpV8HeroCopy h1 {font-size:24px!important}
  body.cpV8.cpNativeV5 .cpV8HeroCopy p {font-size:9px!important}
  body.cpV8.cpNativeV5 .cpV8Artwork {width:65px;flex-basis:65px}
  body.cpV8.cpNativeV5 .cpV8ArtFront {left:-4px}
  body.cpV8.cpNativeV5 .cpV8ToplineSide {font-size:7px}
  body.cpV8.cpNativeV5 .cpNativeChoiceMark {width:30px!important;height:30px!important;flex-basis:30px!important}
  body.cpV8.cpNativeV5 .cpNativeChoiceMark>img {width:29px!important;height:29px!important}
  body.cpV8.cpNativeV5 .cpNativeChoiceText>span {font-size:7.1px!important}
  body.cpV8.cpNativeV5 .cpNativeAccountMetrics strong {font-size:15px!important}
  body.cpV8.cpNativeV5 .cpNativeAccountMetrics small {font-size:7px!important}
  body.cpV8.cpNativeV5 .cpMiniBottomNav {width:calc(100% - 14px);bottom:calc(6px + env(safe-area-inset-bottom,0px))}
  body.cpV8.cpNativeV5 .cpMiniNavBtn {font-size:9px}
}
@media(prefers-reduced-motion:reduce) {
  body.cpV8.cpNativeV5 *,body.cpV8.cpNativeV5 *::before,body.cpV8.cpNativeV5 *::after {
    transition:none!important;animation:none!important;scroll-behavior:auto!important;
  }
}
/* V8 polish: one native Community list, rather than another crowded tile board. */
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunitySection {
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityHeading {
  display:none!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks {
  display:flex!important;flex-direction:column!important;gap:9px!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLink,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink {
  display:grid!important;position:relative!important;
  grid-template-columns:43px minmax(0,1fr) 27px!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;align-items:center!important;
  column-gap:11px!important;row-gap:3px!important;
  grid-column:auto!important;min-height:71px!important;
  padding:12px!important;
  border:1px solid var(--nv-stroke)!important;border-radius:15px!important;
  background:var(--nv-panel)!important;
  box-shadow:0 6px 18px var(--nv-shadow)!important;
  text-decoration:none!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityArt,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink .cpCommunityArt {
  width:43px!important;height:43px!important;min-width:43px!important;
  grid-column:1!important;grid-row:1 / 3!important;
  margin:0!important;border-radius:12px!important;
  border-color:var(--nv-stroke)!important;background:var(--nv-elev)!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityArt>img {
  width:39px!important;height:39px!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLink b,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink b {
  grid-column:2!important;grid-row:1!important;
  padding:0!important;align-self:end!important;
  color:var(--nv-text)!important;font-size:12px!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLink small,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink small {
  grid-column:2!important;grid-row:2!important;
  padding:0!important;align-self:start!important;
  color:var(--nv-dim)!important;font-size:9.5px!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityArrow,
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityLinks .cpFacebookLink .cpCommunityArrow {
  display:grid!important;position:static!important;
  grid-column:3!important;grid-row:1/3!important;
  justify-self:end!important;align-self:center!important;
  width:26px!important;height:26px!important;
  border-radius:9px!important;background:var(--nv-elev)!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityUtility {
  gap:8px!important;padding-top:13px!important;
  border-top:1px solid var(--nv-stroke)!important;margin-top:8px!important;
}
body.cpV8.cpNativeV5[data-v8-home-tab="community"] .cpCommunityUtility>a {
  min-height:42px!important;font-size:10px!important;
  border-radius:11px!important;background:var(--nv-panel)!important;
}
@keyframes cpV8ArtworkFloat {
  0%,100% {transform:translateY(0) rotate(0deg)}
  50% {transform:translateY(-4px) rotate(-1.5deg)}
}
@media(prefers-reduced-motion:no-preference) {
  body.cpV8.cpNativeV5 .cpV8Artwork {animation:cpV8ArtworkFloat 6s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce) {
  body.cpV8.cpNativeV5 .cpV8Artwork {animation:none!important}
}