:root {
  --bg: #04110f;
  --card: #ffffff;
  --text: #162033;
  --muted: #667085;
  --line: #e4e7ec;
  --brand: #14b8a6;
  --brand-dark: #0f766e;
  --soft: #e6fffb;
  --dark: #111827;
  --success: #067647;
  --danger: #b42318;
  --warning: #b54708;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(45, 212, 191, 0.16), transparent 34%),
    radial-gradient(circle at top right, rgba(16, 185, 129, 0.08), transparent 28%),
    var(--bg);
  color: var(--text);
  min-height: 100vh;
  padding: 24px;
}

.card,
.market-hero,
.market-shell {
  max-width: 920px;
  margin: 32px auto;
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);
}

.card {
  background: var(--card);
  border: 1px solid var(--line);
}

.card.wide { max-width: 1120px; }

.market-hero,
.market-shell {
  max-width: 1120px;
  border: 1px solid rgba(45, 212, 191, 0.16);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.13), transparent 34%),
    linear-gradient(180deg, #06231f 0%, #041714 100%);
  color: #f8fffd;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.market-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.brand-line,
.offer-brand-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(45, 212, 191, 0.13);
  border: 1px solid rgba(45, 212, 191, 0.25);
  color: #5eead4;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 900;
  margin-bottom: 14px;
}

.brand-logo,
.offer-brand-logo {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  object-fit: cover;
  display: block;
}

.admin-brand {
  background: var(--soft);
  border: 1px solid var(--line);
  color: var(--brand-dark);
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
}

.dark-brand {
  background: rgba(45, 212, 191, 0.13);
  color: #5eead4;
}

.offer-detail-card {
  --creator-accent: var(--brand);
  --offer-page-bg: #f8fffd;
  --offer-card-bg: #ffffff;
  --offer-panel-bg: #f9fafb;
  --offer-text: var(--text);
  --offer-muted: var(--muted);
  --offer-border: #e4e7ec;
  --offer-button-text: #ffffff;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--creator-accent) 16%, transparent), transparent 36%),
    var(--offer-card-bg);
  border-color: var(--offer-border);
  color: var(--offer-text);
}

.offer-detail-card h1,
.offer-detail-card h2,
.offer-detail-card h3,
.offer-detail-card .price {
  color: var(--offer-text);
}

.offer-detail-card p,
.offer-detail-card .muted {
  color: var(--offer-muted);
}

.rich-text {
  display: grid;
  gap: 12px;
  color: inherit;
}

.rich-text p {
  margin: 0;
  line-height: 1.65;
}

.rich-text ol {
  margin: 0;
  padding-left: 1.3em;
  display: grid;
  gap: 10px;
}

.rich-text li {
  line-height: 1.55;
  padding-left: 4px;
}

.offer-detail-card .deal-box {
  background: var(--offer-panel-bg);
  border-color: var(--offer-border);
  color: var(--offer-text);
}

.offer-detail-card .post-blog-box {
  padding: 28px;
  border-style: solid;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--offer-panel-bg) 94%, var(--creator-accent) 6%), var(--offer-panel-bg));
}

.offer-detail-card .post-blog-box h3 {
  font-size: 0.92rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--creator-accent);
}

.offer-detail-card .post-blog-text p {
  margin: 0 0 1rem;
  font-size: 1.02rem;
  line-height: 1.72;
}

.offer-detail-card .post-blog-text ol {
  margin: 1rem 0 0;
  padding-left: 1.35rem;
}

.offer-detail-card .post-blog-text li {
  margin: 0 0 0.85rem;
  line-height: 1.62;
}

.offer-detail-card .deal-box.locked {
  background: color-mix(in srgb, var(--creator-accent) 12%, var(--offer-panel-bg));
  border-color: color-mix(in srgb, var(--creator-accent) 44%, var(--offer-border));
}

.offer-brand-line {
  background: color-mix(in srgb, var(--creator-accent) 13%, var(--offer-panel-bg));
  border-color: color-mix(in srgb, var(--creator-accent) 34%, var(--offer-border));
  color: var(--offer-text);
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
}

.offer-detail-card .btn:not(.secondary):not(.ghost):not(.danger):not(.success) {
  background: var(--creator-accent);
  color: var(--offer-button-text);
}

.offer-detail-card .btn.secondary,
.offer-detail-card .btn.ghost {
  border-color: var(--offer-border);
}

.offer-detail-card .btn.ghost {
  background: var(--offer-panel-bg);
  color: var(--offer-text);
}

.offer-detail-meta span {
  background: color-mix(in srgb, var(--creator-accent) 14%, var(--offer-panel-bg));
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border));
  color: var(--offer-text);
}

.offer-detail-card .mini-badge,
.offer-detail-card .perk-pill,
.offer-detail-card .card-badge-row span,
.offer-detail-card .status,
.offer-detail-card .code-label {
  background: var(--offer-panel-bg) !important;
  border-color: var(--offer-border) !important;
  color: var(--creator-accent) !important;
}

.offer-detail-card .code-box {
  background: var(--offer-panel-bg) !important;
  border-color: var(--offer-border) !important;
  color: var(--offer-text) !important;
}

.offer-detail-card .copy-btn {
  background: var(--creator-accent) !important;
  color: var(--offer-button-text) !important;
  border-color: var(--creator-accent) !important;
}



.offer-design-panel {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 16px;
  margin: 16px 0;
}

.design-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.design-panel-head h3 {
  margin: 0 0 4px;
  font-size: 18px;
}

.design-panel-head p {
  margin: 0;
  color: var(--muted);
}

.design-panel-head span {
  border: 1px solid #d1d5db;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 800;
  color: var(--muted);
  white-space: nowrap;
}

.offer-layout-kicker {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 7px 12px;
  margin: 2px 0 12px;
  background: var(--offer-panel-bg);
  border: 1px solid var(--offer-border);
  color: var(--offer-text);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.offer-page-topbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 14px;
}

.offer-page-topbar .offer-brand-line,
.offer-page-topbar .offer-layout-kicker {
  margin: 0;
}

.offer-layout-socialstory.offer-detail-card {
  max-width: 680px;
  border-radius: 30px;
  overflow: hidden;
}

.offer-layout-socialstory .offer-img {
  width: calc(100% + 48px);
  max-width: none;
  margin: -12px -24px 22px;
  border-radius: 26px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.offer-layout-socialstory .content-visual-placeholder.offer-img,
.offer-layout-socialstory .page-visual-placeholder {
  width: 100%;
  max-width: 100%;
  margin: 0 0 26px;
  border-radius: 24px;
  aspect-ratio: 1.91 / 1;
  object-fit: initial;
}

.offer-layout-socialstory h1 {
  font-size: clamp(34px, 7vw, 58px);
  line-height: .98;
  letter-spacing: -0.06em;
}

.offer-layout-newsletter.offer-detail-card {
  max-width: 760px;
  border-radius: 28px;
  padding-top: 28px;
}

.offer-layout-newsletter .offer-img,
.offer-layout-newsletter .content-visual-placeholder.offer-img,
.offer-layout-newsletter .page-visual-placeholder {
  width: 100%;
  max-width: 100%;
  margin: 0 0 24px;
  border-radius: 22px;
  aspect-ratio: 1.91 / 1;
  object-fit: cover;
}

.offer-layout-newsletter h1 {
  font-size: clamp(2rem, 4.8vw, 2.8rem);
  line-height: 1.06;
  letter-spacing: -0.04em;
  margin-bottom: 10px;
}

.newsletter-deck {
  font-size: 1.15rem;
  line-height: 1.5;
  color: var(--muted);
  margin: 0 0 22px;
}

.offer-layout-newsletter .newsletter-body,
.offer-layout-newsletter .newsletter-body .newsletter-paragraph,
.offer-layout-newsletter .newsletter-body .newsletter-item-copy,
.offer-layout-newsletter .newsletter-body p.newsletter-paragraph,
.offer-layout-newsletter .newsletter-body p.newsletter-item-copy {
  font-weight: 400 !important;
}

.newsletter-body,
.newsletter-document {
  font-size: 1.06rem;
  line-height: 1.82;
  font-weight: 400;
  display: block;
}

.newsletter-document .newsletter-heading {
  margin-top: 2.5rem;
}

.newsletter-document .newsletter-heading + .newsletter-paragraph {
  margin-top: 0.35rem;
}

.newsletter-document p.newsletter-paragraph,
.newsletter-body.newsletter-document p.newsletter-paragraph {
  font-weight: 400 !important;
}

.newsletter-body p,
.newsletter-body ol,
.newsletter-format-preview-inner p,
.newsletter-format-preview-inner ol {
  margin: 0 0 1.35rem;
}

.newsletter-body .newsletter-paragraph,
.newsletter-format-preview-inner .newsletter-paragraph {
  font-weight: 400 !important;
  font-size: 1.06rem;
  line-height: 1.82;
  color: color-mix(in srgb, var(--offer-text, var(--text)) 92%, var(--offer-muted, var(--muted)));
}

.newsletter-heading,
.newsletter-format-preview-inner .newsletter-heading {
  font-size: clamp(1.35rem, 3vw, 1.8rem);
  line-height: 1.2;
  letter-spacing: -0.03em;
  margin: 2.25rem 0 0.85rem;
  padding-bottom: 0.45rem;
  border-bottom: 2px solid color-mix(in srgb, var(--creator-accent, var(--brand)) 32%, transparent);
  font-weight: 700;
}

.newsletter-subheading,
.newsletter-format-preview-inner .newsletter-subheading {
  font-size: 1.14rem;
  line-height: 1.4;
  margin: 1.65rem 0 0.75rem;
  color: var(--offer-text, var(--text));
  font-weight: 700;
}

.newsletter-body > .newsletter-heading:first-child,
.newsletter-format-preview-inner > .newsletter-heading:first-child {
  margin-top: 0;
}

.newsletter-subtitle-line,
.newsletter-format-preview-inner .newsletter-subtitle-line {
  font-size: 1.12rem;
  line-height: 1.62;
  color: color-mix(in srgb, var(--offer-muted, var(--muted)) 88%, var(--offer-text, var(--text)));
  margin: 0 0 1.5rem;
  padding: 14px 16px;
  border-left: 3px solid color-mix(in srgb, var(--creator-accent, var(--brand)) 55%, transparent);
  background: color-mix(in srgb, var(--soft, rgba(255,255,255,0.04)) 55%, transparent);
  border-radius: 0 12px 12px 0;
  font-weight: 400 !important;
}

.newsletter-intro-paragraph,
.newsletter-format-preview-inner .newsletter-intro-paragraph {
  font-size: 1.06rem;
  line-height: 1.82;
  color: color-mix(in srgb, var(--offer-text, var(--text)) 88%, var(--offer-muted, var(--muted)));
  font-weight: 400 !important;
  margin-bottom: 1.35rem !important;
}

.newsletter-body strong,
.newsletter-format-preview-inner strong {
  font-weight: 600;
}

.newsletter-item-heading strong,
.newsletter-heading strong,
.newsletter-subheading strong {
  font-weight: 700;
}

.newsletter-body .newsletter-item-card,
.newsletter-format-preview-inner .newsletter-item-card {
  margin: 0 0 18px;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--line, rgba(255,255,255,0.12)) 90%, transparent);
  background: color-mix(in srgb, var(--soft, rgba(255,255,255,0.06)) 48%, transparent);
  display: grid;
  gap: 0.35rem;
}

.newsletter-body .newsletter-heading + .newsletter-item-card,
.newsletter-format-preview-inner .newsletter-heading + .newsletter-item-card {
  margin-top: 0.5rem;
}

.newsletter-item-heading,
.newsletter-format-preview-inner .newsletter-item-heading,
.newsletter-body .newsletter-item-heading {
  margin: 0 0 8px;
  font-size: 1.14rem;
  line-height: 1.28;
  font-weight: 700 !important;
  color: var(--offer-text, var(--text));
  letter-spacing: -0.02em;
}

.newsletter-item-title,
.newsletter-format-preview-inner .newsletter-item-title,
.newsletter-body .newsletter-item-title {
  margin: 0 0 8px;
  font-size: 1.12rem;
  line-height: 1.3;
  font-weight: 700 !important;
  color: var(--offer-text, var(--text));
}

.newsletter-item-copy,
.newsletter-format-preview-inner .newsletter-item-copy,
.newsletter-body .newsletter-item-copy {
  margin: 0;
  font-weight: 400 !important;
  color: color-mix(in srgb, var(--offer-text, var(--text)) 86%, var(--offer-muted, var(--muted)));
  line-height: 1.68;
}

.newsletter-format-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 10px 0 12px;
}

.newsletter-format-toolbar-label {
  font-size: 0.92rem;
  color: var(--muted);
  margin-right: 2px;
}

.chip-btn {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--text);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
}

.chip-btn.secondary-chip {
  background: var(--soft);
  color: var(--brand-dark);
  border-color: color-mix(in srgb, var(--brand) 25%, var(--line));
}

.chip-btn:hover {
  border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
}

.newsletter-format-preview-box {
  margin-top: 14px;
}

.newsletter-format-preview {
  max-height: 420px;
  overflow: auto;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--soft) 72%, #fff) 0%, #fff 28%),
    #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.newsletter-format-preview-inner,
.newsletter-body {
  max-width: 68ch;
}

.newsletter-format-preview-inner .newsletter-heading:first-child,
.newsletter-body .newsletter-heading:first-child {
  margin-top: 0;
}

.newsletter-textarea {
  min-height: 420px;
  font-size: 15px;
  line-height: 1.55;
}

body.creator-newsletter-page .newsletter-textarea {
  color: #0f172a;
  background: #fff;
}

.newsletter-steps {
  margin: 0.35rem 0 0.75rem 1.1rem;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

.newsletter-optional-panel {
  margin-top: 0.85rem;
}

.newsletter-optional-panel > summary {
  cursor: pointer;
  font-weight: 600;
  color: #0f172a;
  list-style: none;
}

.newsletter-optional-panel > summary::-webkit-details-marker {
  display: none;
}

.newsletter-paste-guide {
  border-color: rgba(20, 184, 166, 0.28);
  background: linear-gradient(180deg, rgba(240, 253, 250, 0.98), rgba(255, 255, 255, 0.96));
}

.ai-assist-panel-embedded {
  padding-top: 0.35rem;
}

.newsletter-quick-actions {
  margin-top: 0.75rem;
  border-color: rgba(20, 184, 166, 0.22);
}

.newsletter-quick-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}

.newsletter-quick-actions-row .btn {
  margin: 0;
}

.newsletter-auto-hint {
  font-size: 0.92rem;
}

.newsletter-quick-advanced {
  margin-top: 0.75rem;
}

.newsletter-quick-advanced > summary {
  cursor: pointer;
  font-weight: 600;
  color: #0f172a;
  list-style: none;
}

.newsletter-quick-advanced > summary::-webkit-details-marker {
  display: none;
}

.newsletter-markup-help code,
.newsletter-format-preview-box code {
  font-size: 0.92em;
}

.discord-community-cta {
  margin-top: 18px;
}

.offer-layout-socialstory .actions .btn:first-child {
  width: 100%;
  justify-content: center;
  border-radius: 999px;
  min-height: 56px;
  font-size: 18px;
}

.offer-layout-recommendation.offer-detail-card {
  max-width: 760px;
}

.offer-layout-recommendation .deal-box:first-of-type,
.offer-layout-recommendation .deal-box.locked {
  border-left: 5px solid var(--creator-accent);
}

.offer-layout-recommendation h1 {
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.02;
}

.offer-layout-recommendation .offer-img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.offer-layout-product.offer-detail-card {
  max-width: 920px;
}

.offer-layout-product .offer-img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  max-height: 620px;
}

.offer-layout-product h1 {
  font-size: clamp(30px, 4.8vw, 50px);
}

.offer-layout-product .price {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 8px 14px;
  background: var(--offer-panel-bg);
  border: 1px solid var(--offer-border);
  margin-top: 4px;
}

.theme-preview {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  border-radius: 16px;
  border: 1px solid var(--offer-border);
  background: var(--offer-card-bg);
  color: var(--offer-text);
  padding: 10px 12px;
  margin: 0 0 14px;
}

.theme-preview span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: var(--creator-accent);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
}

.theme-preview strong {
  color: var(--offer-text);
  font-weight: 900;
}

.theme-preview em {
  color: var(--offer-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  margin-left: auto;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.image-fit-chooser {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin:8px 0 12px;
}

.image-fit-chooser input[type="radio"] {
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.image-fit-option {
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  border:1px solid var(--offer-border, var(--line));
  border-radius:16px;
  background:color-mix(in srgb, var(--offer-panel-bg, #f8fafc) 72%, var(--offer-card-bg, #ffffff) 28%);
  color:var(--offer-text, var(--text));
  padding:9px;
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.image-fit-option:hover {
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--creator-accent, var(--brand)) 36%, var(--offer-border, var(--line)));
}

.image-fit-chooser input[type="radio"]:checked + .image-fit-option {
  border-color:color-mix(in srgb, var(--creator-accent, var(--brand)) 72%, var(--offer-border, var(--line)));
  box-shadow:0 0 0 2px color-mix(in srgb, var(--creator-accent, var(--brand)) 16%, transparent);
}

.image-fit-sample {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:4 / 3;
  overflow:hidden;
  border-radius:12px;
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent, var(--brand)) 8%, transparent), transparent 48%),
    color-mix(in srgb, var(--offer-panel-bg, #eef2f7) 82%, var(--offer-card-bg, #ffffff) 18%);
  border:1px solid color-mix(in srgb, var(--creator-accent, var(--brand)) 12%, var(--offer-border, var(--line)));
  color:var(--offer-muted, var(--muted));
  font-size:11px;
  font-weight:900;
  text-align:center;
  padding:6px;
}

.image-fit-sample img {
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  border-radius:8px;
  background:transparent;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.20));
}

.image-fit-sample.fit-cover img { object-fit:cover; object-position:center center; }
.image-fit-sample.fit-top img { object-fit:cover; object-position:center top; }
.image-fit-sample.fit-contain img { object-fit:contain; padding:10px; }
.image-fit-sample.fit-smart img { object-fit:contain; padding:4px; }

.image-fit-sample.fit-smart::before {
  content:"";
  position:absolute;
  inset:-12px;
  background-image:none;
  background-size:cover;
  background-position:center;
  filter:blur(12px);
  opacity:0;
  transform:scale(1.08);
}

.image-fit-sample.fit-smart::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--offer-card-bg, #ffffff) 18%, transparent),
    color-mix(in srgb, var(--offer-page-bg, #f8fafc) 36%, transparent));
}

.image-fit-sample.fit-contain {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--offer-panel-bg, #eef2f7) 88%, transparent), color-mix(in srgb, var(--offer-card-bg, #ffffff) 96%, transparent));
}

.image-fit-option strong {
  font-size:13px;
  line-height:1.15;
  color:var(--offer-text, var(--text));
}

.image-fit-option em {
  color:var(--offer-muted, var(--muted));
  font-style:normal;
  font-size:11px;
  line-height:1.28;
}

h1 {
  margin: 0 0 12px;
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

h2 {
  margin: 0 0 6px;
  font-size: 26px;
  letter-spacing: -0.03em;
}

h3 {
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}

.market-hero h1,
.market-shell h2 { color: #f8fffd; }

p {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 16px;
}

.market-hero p,
.market-shell p { color: #9bd5ca; }

a {
  color: var(--brand-dark);
  font-weight: 800;
  text-decoration: none;
}

a:hover { text-decoration: underline; }

.price {
  font-size: 30px;
  color: var(--text);
  font-weight: 900;
  margin-bottom: 10px;
}

.card-price {
  color: #5eead4;
  font-weight: 900;
  margin-bottom: 6px;
}

.deal-box {
  background: #f9fafb;
  border: 1px dashed #cfd6e4;
  border-radius: 18px;
  padding: 18px;
  margin: 22px 0;
}

.deal-box.locked {
  background: #fffbeb;
  border-color: #fedf89;
}

.deal-box.small {
  margin-top: 22px;
  padding: 14px;
}

.help-box {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #f0fdfa;
  border: 1px solid #99f6e4;
}

.help-box strong {
  display: block;
  color: var(--brand-dark);
  font-size: 13px;
  margin-bottom: 4px;
}

.help-box p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #475467;
}

.danger-zone {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 14px;
  background: var(--brand);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  border: 0;
  cursor: pointer;
  margin: 6px 8px 6px 0;
  font-size: 15px;
}

.btn:hover {
  background: var(--brand-dark);
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.16);
}

.btn {
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.btn:active {
  transform: translateY(0);
  box-shadow: none;
}

.btn.secondary { background: var(--dark); }
.btn.ghost {
  background: #ffffff;
  color: var(--text);
  border: 1px solid var(--line);
}
.btn.danger { background: var(--danger); }
.btn.success { background: var(--success); }

.btn.glow {
  background: #2dd4bf;
  color: #03201c;
  box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.24), 0 0 24px rgba(45, 212, 191, 0.18);
}

.btn.dark-outline {
  background: rgba(255, 255, 255, 0.04);
  color: #d9fffa;
  border: 1px solid rgba(153, 246, 228, 0.18);
}

.btn.small-btn {
  min-height: 40px;
  padding: 9px 13px;
  border-radius: 12px;
  font-size: 14px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.icon-copy-btn {
  width: 40px;
  min-width: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.copy-glyph {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.copy-glyph::before,
.copy-glyph::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 3px;
  background: transparent;
}

.copy-glyph::before { left: 1px; top: 3px; opacity: .55; }
.copy-glyph::after { right: 1px; top: 0; }

.bulk-action-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f8fafc;
}

.bulk-action-bar .input {
  width: min(260px, 100%);
  margin: 0;
}

.bulk-action-bar .compact-check {
  width: auto;
  margin: 0;
  padding: 9px 11px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--line);
}

.select-cell {
  width: 42px;
  text-align: center;
  vertical-align: top;
}

.select-cell input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent, #14b8a6);
}

.input,
.textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 15px;
  margin: 8px 0 14px;
  font-family: inherit;
  background: #fff;
}

.input { min-height: 46px; }

.textarea {
  min-height: 92px;
  resize: vertical;
}

.label {
  display: block;
  font-size: 13px;
  font-weight: 900;
  color: var(--text);
  margin-top: 10px;
}

.checkbox-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 800;
  color: var(--text);
  margin: 14px 0;
}

.checkbox-row input { margin-top: 4px; }

.creator-publish-mode-box p {
  margin: 0 0 14px;
  line-height: 1.55;
}

.choice-row {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid rgba(207, 214, 228, 0.72);
  cursor: pointer;
  font-weight: 400;
  line-height: 1.45;
}

.choice-row:first-of-type { border-top: 0; }

.choice-row input {
  margin-top: 4px;
  width: 16px;
  height: 16px;
}

.choice-row span {
  display: block;
  min-width: 0;
}

.choice-row strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-size: 17px;
  line-height: 1.25;
}

.choice-row small {
  display: block;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.muted {
  font-size: 14px;
  color: var(--muted);
}

.break {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.offer-img {
  width: 100%;
  max-height: 360px;
  object-fit: cover;
  border-radius: 18px;
  margin-bottom: 18px;
  border: 1px solid var(--line);
  background: var(--offer-panel-bg, #f3f4f6);
}

.offer-video-stage {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 220px;
  max-height: 520px;
  overflow: hidden;
  border-radius: 18px;
  margin-bottom: 18px;
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent, var(--brand, #14b8a6)) 8%, transparent), transparent 48%),
    var(--offer-panel-bg, #f3f4f6);
}

.offer-video-stage iframe,
.offer-video-stage video {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #06110f;
}


.offer-img.fit-smart,
.offer-img.fit-contain {
  object-fit: contain !important;
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent, var(--brand, #14b8a6)) 8%, transparent), transparent 48%),
    color-mix(in srgb, var(--offer-panel-bg, rgba(255, 255, 255, 0.055)) 86%, var(--offer-card-bg, transparent) 14%);
}

.offer-img.fit-cover { object-fit: cover !important; object-position: center center; }
.offer-img.fit-top { object-fit: cover !important; object-position: center top; }

.image-stage {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent, var(--brand, #14b8a6)) 8%, transparent), transparent 48%),
    color-mix(in srgb, var(--offer-panel-bg, rgba(255, 255, 255, 0.055)) 86%, var(--offer-card-bg, transparent) 14%);
}

.image-stage::before {
  content: "";
  position: absolute;
  inset: -18px;
  background-image: none;
  background-size: cover;
  background-position: center;
  filter: blur(18px);
  transform: scale(1.08);
  opacity: 0;
  z-index: 0;
}

.image-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--offer-card-bg, rgba(4, 17, 15, 0.18)) 22%, transparent),
    color-mix(in srgb, var(--offer-page-bg, rgba(4, 17, 15, 0.44)) 42%, transparent));
  z-index: 0;
}

.image-stage.fit-contain::before {
  opacity: 0.08;
  filter: blur(8px);
}

.image-stage.fit-smart::before {
  opacity: 0;
}

.image-stage img {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 16px 28px rgba(0, 0, 0, 0.34));
}

.image-stage.fit-contain img {
  filter: none;
}

.offer-img-stage {
  display: block;
  width: 100%;
  height: min(360px, 56vw);
  min-height: 220px;
  border-radius: 18px;
  margin-bottom: 18px;
  border: 1px solid var(--line);
}

.offer-img-stage img.offer-img {
  width: 100%;
  height: 100%;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  padding: 10px;
  object-fit: contain !important;
}

.offer-img-stage.fit-smart img.offer-img {
  padding: 10px;
}

.offer-img-stage.fit-contain img.offer-img {
  padding: 22px;
}


.actions,
.market-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
}

.market-actions {
  gap: 10px;
  justify-content: flex-end;
}

.market-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.filter-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 480px;
}

.filter-pills a {
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(153, 246, 228, 0.14);
  color: #a7f3d0;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.filter-pills a:hover,
.filter-pills a.active-filter {
  background: rgba(45, 212, 191, 0.18);
  border-color: rgba(45, 212, 191, 0.42);
  color: #5eead4;
  text-decoration: none;
}

.market-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.offer-card {
  overflow: hidden;
  background: #071f1b;
  border: 1px solid rgba(153, 246, 228, 0.14);
  border-radius: 20px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 520px;
}

.offer-card-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.offer-card-body h3 {
  color: #f8fffd;
  font-size: 20px;
  line-height: 1.16;
  letter-spacing: -0.03em;
  min-height: 48px;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.offer-card-body p {
  color: #9bd5ca;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.card-description {
  min-height: 63px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.thumb {
  width: 100%;
  aspect-ratio: 16 / 10;
  height: auto;
  min-height: 190px;
  max-height: 220px;
  object-fit: cover;
  display: block;
  background: var(--offer-panel-bg, #0b2d27);
  border-bottom: 1px solid var(--offer-border, rgba(153, 246, 228, 0.12));
}

.offer-card-video {
  position: relative;
  overflow: hidden;
  object-fit: initial;
}

.offer-card-video iframe,
.offer-card-video video {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: #06110f;
}

.thumb-stage {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  min-height: 190px;
  max-height: 220px;
  border-bottom: 1px solid var(--offer-border, rgba(153, 246, 228, 0.12));
  background: var(--offer-panel-bg, #0b2d27);
}

.thumb-stage img.thumb {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  border-bottom: 0;
  background: transparent;
  padding: 8px;
  object-fit: contain !important;
}

.thumb-stage.fit-smart img.thumb {
  padding: 8px;
}

.thumb-stage.fit-contain img.thumb {
  padding: 22px;
  filter: none;
}


img.thumb.fit-smart,
.creator-biolink-card img.fit-smart,
.socialfeed-media img.fit-smart,
.creator-blog-media img.fit-smart,
.offerwall-media img.fit-smart {
  object-fit: contain !important;
  padding: 6px;
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent, var(--brand, #14b8a6)) 8%, transparent), transparent 46%),
    color-mix(in srgb, var(--offer-panel-bg, #0b2d27) 86%, var(--offer-card-bg, #071f1b) 14%);
  background-size: auto, auto;
  background-position: center, center;
  background-repeat: no-repeat;
}

img.thumb.fit-contain,
.creator-biolink-card img.fit-contain,
.socialfeed-media img.fit-contain,
.creator-blog-media img.fit-contain,
.offerwall-media img.fit-contain {
  object-fit: contain !important;
  padding: 18px;
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent, var(--brand, #14b8a6)) 5%, transparent), transparent 46%),
    color-mix(in srgb, var(--offer-panel-bg, #0b2d27) 90%, var(--offer-card-bg, #071f1b) 10%);
  filter: none;
}

img.thumb.fit-cover,
.creator-biolink-card img.fit-cover,
.socialfeed-media img.fit-cover,
.creator-blog-media img.fit-cover,
.offerwall-media img.fit-cover { object-fit: cover !important; object-position: center center; }

img.thumb.fit-top,
.creator-biolink-card img.fit-top,
.socialfeed-media img.fit-top,
.creator-blog-media img.fit-top,
.offerwall-media img.fit-top { object-fit: cover !important; object-position: center top; }


.thumb.placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  color: var(--creator-accent, var(--brand, #14b8a6));
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent, var(--brand, #14b8a6)) 12%, transparent), transparent 45%),
    color-mix(in srgb, var(--offer-panel-bg, #0b2d27) 86%, var(--offer-card-bg, #071f1b) 14%);
}

.card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 9px;
}

.mini-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(45, 212, 191, 0.13);
  border: 1px solid rgba(45, 212, 191, 0.22);
  color: #5eead4;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.perk-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid rgba(251, 191, 36, 0.28);
  color: #fcd34d;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.offer-card .btn.small-btn {
  background: #2dd4bf;
  color: #03201c;
  width: 100%;
  margin-top: 6px;
}

.empty {
  text-align: center;
  border: 1px dashed var(--line);
  border-radius: 18px;
  padding: 26px;
  background: #fcfcfd;
}

.dark-empty {
  grid-column: 1 / -1;
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(153, 246, 228, 0.16);
}

.dark-empty h3 { color: #f8fffd; }

.table-wrap {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 16px;
  margin-top: 18px;
}

table {
  width: 100%;
  border-collapse: collapse;
  min-width: 860px;
  background: #fff;
}

th,
td {
  text-align: left;
  padding: 14px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  font-size: 14px;
}

th {
  background: #f9fafb;
  font-weight: 900;
  color: var(--text);
}

tr:last-child td { border-bottom: 0; }

.ai-feed-highlight-row td {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.14), rgba(255, 255, 255, 0));
  box-shadow: inset 4px 0 0 var(--brand);
}

.status {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #344054;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 4px;
}

.status.active,
.status.approved,
.status.listed {
  background: #ecfdf3;
  color: var(--success);
}

.status.pending_review,
.status.needs_review,
.status.needs_changes,
.status.submitted,
.status.paused {
  background: #fffaeb;
  color: var(--warning);
}

.status.archived,
.status.rejected {
  background: #fef3f2;
  color: var(--danger);
}

.sep {
  color: var(--muted);
  padding: 0 4px;
}

.code-box {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px;
  margin: 16px 0;
}

.code-label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.code-box strong {
  font-size: 22px;
  letter-spacing: 0.06em;
  color: var(--text);
}

code {
  background: rgba(20, 184, 166, 0.08);
  border: 1px solid rgba(20, 184, 166, 0.16);
  color: var(--brand-dark);
  border-radius: 8px;
  padding: 2px 6px;
  font-weight: 800;
}

.copy-btn {
  min-height: 36px;
  border: 0;
  background: var(--dark);
  color: #ffffff;
  border-radius: 11px;
  padding: 8px 12px;
  font-weight: 900;
  cursor: pointer;
}


.market-search {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 20px;
  flex-wrap: wrap;
}

.market-search input {
  flex: 1;
  min-width: 240px;
  min-height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(153, 246, 228, 0.18);
  background: rgba(255, 255, 255, 0.05);
  color: #f8fffd;
  padding: 12px 14px;
  font: inherit;
  outline: none;
}

.market-search input::placeholder {
  color: rgba(217, 255, 250, 0.55);
}

.market-search button,
.market-search a {
  min-height: 46px;
  border: 0;
  border-radius: 14px;
  padding: 12px 16px;
  background: #2dd4bf;
  color: #03201c;
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
}

.market-search a {
  background: rgba(255, 255, 255, 0.05);
  color: #d9fffa;
  border: 1px solid rgba(153, 246, 228, 0.18);
}

.market-hero-polished {
  position: relative;
  overflow: hidden;
}

.market-hero-polished::after {
  content: "";
  position: absolute;
  inset: auto -80px -130px auto;
  width: 280px;
  height: 280px;
  border-radius: 999px;
  background: rgba(45, 212, 191, 0.10);
  pointer-events: none;
}

.market-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 760px;
}

.customer-first-hero {
  min-height: 330px;
  align-items: center;
}

.market-creator-strip {
  max-width: 1120px;
  margin: 32px auto;
  border-radius: 24px;
  padding: 24px 28px;
  border: 1px solid rgba(45, 212, 191, 0.16);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(255, 255, 255, 0.03));
  color: #f8fffd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.market-creator-strip h2 {
  color: #f8fffd;
  margin: 0 0 8px;
}

.market-creator-strip p:not(.market-kicker) {
  color: #9bd5ca;
  margin-bottom: 0;
  max-width: 680px;
}

.market-kicker {
  margin: 0 0 8px;
  color: #5eead4 !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}


.snap-home-hero {
  position: relative;
  overflow: hidden;
  min-height: 360px;
}

.snap-home-hero:after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -80px;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: rgba(45, 212, 191, 0.12);
  pointer-events: none;
}

.snap-home-hero .market-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 760px;
}

.snap-home-hero h1 {
  max-width: 780px;
  font-size: clamp(40px, 7vw, 78px);
  line-height: .94;
  margin-bottom: 18px;
  letter-spacing: -0.06em;
}

.snap-home-hero p:not(.market-kicker) {
  max-width: 760px;
  font-size: 18px;
  line-height: 1.65;
}

.home-hero-actions {
  margin: 22px 0 18px;
  align-items: center;
}

.snap-hero-panel {
  position: relative;
  z-index: 2;
  width: min(310px, 100%);
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(45, 212, 191, .22);
  background: rgba(2, 20, 18, .44);
  display: grid;
  gap: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.snap-hero-panel strong {
  color: #f8fffd;
  font-size: 15px;
}

.snap-hero-panel span {
  display: block;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(45, 212, 191, .10);
  border: 1px solid rgba(45, 212, 191, .16);
  color: #bffcf2;
  font-weight: 800;
  font-size: 13px;
}

.home-flow-grid,
.snap-level-grid,
.homepage-usecase-tiles {
  max-width: 1120px;
  margin: 0 auto 32px;
  display: grid;
  gap: 16px;
}

.home-flow-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home-flow-card,
.snap-level-card,
.usecase-tile,
.whitelabel-teaser {
  border: 1px solid rgba(45, 212, 191, .18);
  background: linear-gradient(180deg, rgba(6,35,31,.88), rgba(4,23,20,.92));
  color: #f8fffd;
  border-radius: 22px;
  padding: 20px;
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}

.home-flow-card span,
.level-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(45, 212, 191, .13);
  border: 1px solid rgba(45, 212, 191, .28);
  color: #5eead4;
  font-weight: 900;
  letter-spacing: .04em;
  margin-bottom: 14px;
}

.home-flow-card h3,
.snap-level-card h3,
.whitelabel-teaser h3 {
  margin: 0 0 10px;
  color: #f8fffd;
  font-size: 22px;
  letter-spacing: -0.03em;
}

.home-flow-card p,
.snap-level-card p,
.whitelabel-teaser p,
.usecase-tile span {
  margin: 0;
  color: #a7f3d0;
  line-height: 1.55;
}

.homepage-usecase-tiles {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 20px 0 14px;
}

.usecase-tile {
  text-decoration: none;
  padding: 14px;
  border-radius: 18px;
  min-height: 96px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.usecase-tile strong {
  color: #f8fffd;
  font-size: 15px;
}

.usecase-tile span {
  font-size: 12px;
}

.usecase-tile.active-usecase,
.usecase-tile:hover {
  border-color: rgba(45, 212, 191, .55);
  background: linear-gradient(180deg, rgba(20,184,166,.24), rgba(6,35,31,.94));
}

.home-market-search {
  margin-top: 18px;
}


.home-market-controls {
  margin-top: 20px;
  display: grid;
  gap: 14px;
}

.loit-mode-tabs {
  width: min(100%, 1180px);
  max-width: 100%;
  box-sizing: border-box;
  margin: 18px auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid color-mix(in srgb, var(--creator-accent, #2dd4bf) 22%, rgba(153,246,228,.18));
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 88%, var(--creator-accent, #2dd4bf) 12%);
  box-shadow: 0 18px 42px rgba(0,0,0,.16);
}

.loit-mode-tabs a {
  display: grid;
  gap: 3px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 64px;
  align-content: center;
  padding: 12px 16px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--offer-border, rgba(153,246,228,.18)) 78%, var(--creator-accent, #2dd4bf) 22%);
  background: color-mix(in srgb, var(--offer-panel-bg, #0b2d27) 88%, transparent);
  color: var(--offer-text, #f8fffd);
  text-decoration: none;
}

.loit-mode-tabs a:hover {
  text-decoration: none;
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 44%, var(--offer-border, rgba(153,246,228,.18)));
}

.loit-mode-tabs a.active-mode {
  background: color-mix(in srgb, var(--creator-accent, #2dd4bf) 88%, var(--offer-text, #f8fffd) 12%);
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 72%, var(--offer-border, rgba(153,246,228,.18)) 28%);
  color: var(--offer-button-text, #031613);
}

.loit-mode-tabs strong {
  font-size: 18px;
  line-height: 1.1;
  color: inherit;
  min-width: 0;
  overflow-wrap: anywhere;
}

.loit-mode-tabs span {
  color: inherit;
  opacity: .78;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  min-width: 0;
  overflow-wrap: anywhere;
}

.home-market-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

.home-market-search-input,
.home-market-select {
  width: 100%;
  min-width: 0;
  min-height: 58px;
  border-radius: 18px;
  border: 1px solid rgba(45, 212, 191, .18);
  background: rgba(3, 22, 19, .72);
  color: #f8fffd;
  font-size: 16px;
  font-weight: 800;
  padding: 0 18px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.home-market-search-input::placeholder {
  color: rgba(191, 252, 242, .56);
  font-weight: 700;
}

.home-market-search-btn {
  min-height: 58px;
  border-radius: 18px;
  white-space: nowrap;
}

.home-market-select-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .75fr);
  gap: 10px;
}

.home-market-select-label {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.home-market-select-label span {
  color: #5eead4;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.home-market-select {
  appearance: auto;
  cursor: pointer;
}

.home-category-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.home-category-chip-row a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(45, 212, 191, .20);
  background: rgba(255,255,255,.06);
  color: #f8fffd;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.home-category-chip-row a.active-filter,
.home-category-chip-row a:hover {
  background: rgba(20, 184, 166, .26);
  border-color: rgba(45, 212, 191, .55);
  color: #5eead4;
}

.home-category-chip-row small {
  min-width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.08);
  color: #a7f3d0;
  font-size: 12px;
}

.home-more-filters {
  border: 1px solid rgba(45, 212, 191, .14);
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  padding: 12px 14px;
}

.home-more-filters summary {
  cursor: pointer;
  color: #f8fffd;
  font-weight: 900;
}

.compact-facets {
  margin-top: 12px;
}

.market-result-count {
  margin: 18px 0 16px;
  color: #9bd5ca;
  font-weight: 900;
}

.level-note {
  display: block;
  margin-top: 16px;
  color: #5eead4;
  font-weight: 900;
  line-height: 1.45;
}

.snap-levels-shell .section-head,
.split-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 22px;
}

.split-head h2 {
  color: #f8fffd;
  font-size: clamp(30px, 4vw, 48px);
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0 0 14px;
}

.split-head p:not(.market-kicker) {
  color: #a7f3d0;
  max-width: 680px;
  line-height: 1.65;
}


.snap-ecosystem-section .split-head > div:first-child {
  max-width: 880px;
}

.snap-ecosystem-section .creator-strip-actions {
  min-width: 170px;
}

.snap-ecosystem-section .snap-tool-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  margin-top: 26px;
}

.snap-ecosystem-section .snap-tool-grid .refined-level-card {
  min-height: 260px;
}

.snap-level-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
}

.snap-level-card {
  min-height: 300px;
}

.refined-level-grid {
  gap: 14px;
}

.refined-level-card {
  min-height: 0;
  padding: 18px;
  display: flex;
  flex-direction: column;
}

.refined-level-card .level-badge {
  min-height: 30px;
  height: auto;
  padding: 7px 13px;
  margin-bottom: 22px;
  font-size: 12px;
  letter-spacing: .08em;
  white-space: normal;
  text-align: center;
  line-height: 1.15;
}

.refined-level-card h3 {
  font-size: 22px;
  line-height: 1.15;
  margin-bottom: 12px;
  letter-spacing: -0.025em;
}

.refined-level-card p {
  color: #a7f3d0;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 14px;
}

.level-limit {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 14px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(45, 212, 191, .10);
  border: 1px solid rgba(45, 212, 191, .18);
  color: #5eead4;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
}

.snap-level-card.featured-level {
  border-color: rgba(45, 212, 191, .55);
  box-shadow: 0 24px 70px rgba(20, 184, 166, .16);
  background: linear-gradient(180deg, rgba(20,184,166,.20), rgba(4,23,20,.92));
}

.snap-level-card ul {
  margin: 18px 0 0;
  padding-left: 20px;
  color: #f8fffd;
  line-height: 1.65;
  font-weight: 700;
}

.refined-level-card ul {
  margin: 0;
  padding-left: 18px;
  color: #f8fffd;
  line-height: 1.55;
  font-size: 14px;
  font-weight: 650;
}

.refined-level-card li {
  margin: 0 0 7px;
  padding-left: 2px;
}

.access-works-strip {
  margin: 18px 0 0;
  padding: 20px 22px;
  border-radius: 22px;
  border: 1px solid rgba(45, 212, 191, .18);
  background: linear-gradient(180deg, rgba(6,35,31,.92), rgba(4,23,20,.94));
  color: #a7f3d0;
}

.access-works-strip p {
  margin: 0;
  line-height: 1.6;
  font-size: 16px;
}

.access-works-strip strong {
  color: #f8fffd;
}

.whitelabel-teaser {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: linear-gradient(135deg, rgba(20,184,166,.18), rgba(4,23,20,.96));
}

.whitelabel-teaser > div {
  max-width: 760px;
}

.market-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.market-stats span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(153, 246, 228, 0.14);
  color: #d9fffa;
  font-size: 12px;
  font-weight: 900;
}

.stacked-toolbar {
  align-items: center;
}

.view-toggle {
  display: inline-flex;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(153, 246, 228, 0.16);
  background: rgba(255, 255, 255, 0.05);
  gap: 4px;
  white-space: nowrap;
}

.view-toggle a {
  padding: 8px 12px;
  border-radius: 999px;
  color: #a7f3d0;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.view-toggle a.active-view,
.view-toggle a:hover {
  background: #2dd4bf;
  color: #03201c;
  text-decoration: none;
}

.dynamic-filter-pills {
  justify-content: flex-start;
  max-width: none;
  margin: 0 0 18px;
}

.dynamic-filter-pills a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.dynamic-filter-pills small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: inherit;
  font-size: 11px;
}

.market-list {
  grid-template-columns: 1fr;
}

.list-card {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  min-height: 230px;
  height: auto;
}

.list-card .thumb {
  height: 100%;
  min-height: 230px;
  max-height: none;
  aspect-ratio: auto;
  border-bottom: 0;
  border-right: 1px solid rgba(153, 246, 228, 0.12);
}

.list-card .offer-card-body h3 {
  min-height: auto;
  -webkit-line-clamp: 2;
}

.list-card .card-description {
  min-height: 42px;
  -webkit-line-clamp: 2;
}

.card-meta-row {
  min-height: 20px;
  margin-bottom: 10px;
  color: #9bd5ca;
  font-size: 12px;
  font-weight: 800;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-price {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 26px;
  margin-bottom: 12px;
}

.card-detail-price span {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(153, 246, 228, 0.14);
  color: #a7f3d0;
  font-size: 12px;
  font-weight: 900;
}

.card-price small {
  display: inline-flex;
  align-items: center;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(45, 212, 191, 0.12);
  border: 1px solid rgba(45, 212, 191, 0.22);
  color: #a7f3d0;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.card-actions-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 10px;
}

.card-actions-row .btn.small-btn {
  flex: 1;
  width: 100%;
  min-width: 130px;
  margin: 0;
}

.offer-card {
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.offer-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.20);
  border-color: rgba(153, 246, 228, 0.26);
}

.creator-card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 999px;
  color: #a7f3d0;
  border: 1px solid rgba(153, 246, 228, 0.20);
  background: rgba(255, 255, 255, 0.045);
  text-decoration: none;
  font-weight: 900;
  font-size: 12px;
  white-space: nowrap;
  transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.creator-card-link:hover {
  transform: translateY(-1px);
  background: rgba(45, 212, 191, 0.12);
  border-color: rgba(45, 212, 191, 0.34);
  text-decoration: none;
}

.coherent-card-actions .btn.small-btn {
  flex: 1 1 160px;
  width: auto;
}


.facet-filter-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 12px 0 20px;
}

.facet-group {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(153, 246, 228, 0.12);
  border-radius: 16px;
  padding: 12px;
}

.facet-title {
  display: block;
  color: #d9fffa;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.facet-pills {
  justify-content: flex-start;
  max-width: none;
}

.active-filter-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 18px;
  color: #9bd5ca;
  font-size: 13px;
  font-weight: 800;
}

.active-filter-row strong,
.card-badge-row span,
.offer-detail-meta span {
  display: inline-flex;
  align-items: center;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(45, 212, 191, 0.11);
  border: 1px solid rgba(45, 212, 191, 0.2);
  color: #5eead4;
  font-size: 12px;
  font-weight: 900;
}

.active-filter-row a {
  color: #5eead4;
  font-weight: 900;
}

.card-badge-row,
.offer-detail-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 8px 0 10px;
  min-height: 26px;
}

.offer-detail-meta {
  margin-bottom: 16px;
}

/* Step 31: detail badges on themed offer pages must follow the selected theme, not LOIT Social teal. */
.offer-detail-card .offer-detail-meta span {
  background: color-mix(in srgb, var(--creator-accent) 14%, var(--offer-panel-bg));
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border));
  color: var(--offer-text);
}

.offer-detail-card .price,
.offer-detail-card .offer-brand-line,
.offer-detail-card .offer-brand-line a {
  color: var(--offer-text);
}

body.offer-theme-page {
  background: var(--offer-page-bg, var(--bg)) !important;
  background-image: none !important;
  color: var(--offer-text, var(--text)) !important;
}

body.offer-theme-page::before,
body.offer-theme-page::after {
  display: none !important;
  content: none !important;
}

.field-grid.two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
}

.helper-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0;
}

.helper-box {
  background: #f9fafb;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 14px;
}

.helper-box strong {
  display: block;
  color: var(--text);
  margin-bottom: 6px;
  font-weight: 900;
}

.helper-box p {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.helper-box.compact-helper {
  background: #f0fdfa;
  border: 1px solid #ccfbf1;
  border-radius: 14px;
  padding: 12px;
  margin: 4px 0 16px;
}

.helper-box.compact-helper p {
  margin: 4px 0 0;
  font-size: 13px;
}



.creator-market-hero {
  border-color: color-mix(in srgb, var(--creator-accent, #14b8a6) 34%, rgba(45, 212, 191, 0.16));
}

.creator-brand-pill {
  background: rgba(45, 212, 191, 0.16);
}

.creator-meta a,
.offer-brand-line a {
  color: inherit;
  text-decoration: none;
  font-weight: 900;
}

.creator-meta a:hover,
.offer-brand-line a:hover {
  text-decoration: underline;
}

.owner-search-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, .55fr) auto auto;
  gap: 10px;
  align-items: center;
  margin: 18px 0;
}

.owner-search-form .input,
.owner-search-form .btn {
  margin: 0;
}



.creator-marketplace-themed {
  background: var(--offer-page-bg) !important;
  background-image: none !important;
  color: var(--offer-text);
}

.creator-marketplace-themed .market-hero,
.creator-marketplace-themed .market-shell,
.creator-marketplace-themed .market-creator-strip {
  background: var(--offer-card-bg) !important;
  color: var(--offer-text);
  border-color: var(--offer-border);
}

.creator-marketplace-themed .market-hero h1,
.creator-marketplace-themed .market-shell h2,
.creator-marketplace-themed .market-creator-strip h2 { color: var(--offer-text); }
.creator-marketplace-themed .market-hero p,
.creator-marketplace-themed .market-shell p,
.creator-marketplace-themed .market-creator-strip p { color: var(--offer-muted); }
.creator-marketplace-themed .market-kicker,
.creator-marketplace-themed .brand-line,
.creator-marketplace-themed .mini-badge { color: var(--creator-accent) !important; }
.creator-marketplace-themed .btn,
.creator-marketplace-themed .market-search button { background: var(--creator-accent) !important; color: var(--offer-button-text) !important; }

.creator-marketplace-themed .offer-card,
.creator-marketplace-themed .creator-socialfeed-card,
.creator-marketplace-themed .creator-blog-card,
.creator-marketplace-themed .creator-biolink-card,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-card {
  background: var(--offer-panel-bg) !important;
  border-color: var(--offer-border) !important;
  color: var(--offer-text);
}

.creator-marketplace-themed .offer-card h3,
.creator-marketplace-themed .creator-socialfeed-card h3,
.creator-marketplace-themed .creator-blog-card h3,
.creator-marketplace-themed .creator-blog-card h3 a,
.creator-marketplace-themed .creator-biolink-card strong,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-card h3 { color: var(--offer-text) !important; }
.creator-marketplace-themed .offer-card p,
.creator-marketplace-themed .creator-socialfeed-card p,
.creator-marketplace-themed .creator-blog-card p,
.creator-marketplace-themed .creator-biolink-card em,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-card p { color: var(--offer-muted) !important; }

.creator-marketplace-themed .card-badge-row span,
.creator-marketplace-themed .mini-badge,
.creator-marketplace-themed .creator-blog-meta span,
.creator-marketplace-themed .perk-pill,
.creator-marketplace-themed .layout-pill,
.creator-marketplace-themed .view-toggle a.active-view {
  background: var(--offer-panel-bg) !important;
  border-color: var(--offer-border) !important;
  color: var(--creator-accent) !important;
}

.creator-marketplace-themed .btn.secondary,
.creator-marketplace-themed .btn.ghost,
.creator-marketplace-themed .dark-outline {
  background: var(--offer-panel-bg) !important;
  border-color: var(--offer-border) !important;
  color: var(--offer-text) !important;
}

.creator-social-links {
  display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 16px;
}
.creator-social-links a,
.layout-pill {
  display:inline-flex; align-items:center; min-height:32px; padding:7px 11px; border-radius:999px;
  background: color-mix(in srgb, var(--creator-accent) 14%, transparent);
  border:1px solid var(--offer-border);
  color: var(--creator-accent) !important;
  font-size:12px; font-weight:900; text-decoration:none;
}
.creator-social-links a:hover { text-decoration:none; filter:brightness(1.06); }

.creator-layout-grid-biolink { display:flex; flex-direction:column; gap:12px; }
.creator-biolink-card {
  display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:14px;
  min-height:84px; padding:12px; border-radius:20px; text-decoration:none;
}
.creator-biolink-card:hover { text-decoration:none; transform:translateY(-1px); }
.creator-biolink-card img, .biolink-icon { width:64px; height:64px; border-radius:16px; object-fit:cover; background:color-mix(in srgb, var(--offer-panel-bg) 82%, var(--offer-card-bg) 18%); display:flex; align-items:center; justify-content:center; font-weight:900; }
.creator-biolink-card span { min-width:0; }
.creator-biolink-card strong, .creator-biolink-card em { display:block; overflow:hidden; text-overflow:ellipsis; }
.creator-biolink-card em { font-style:normal; font-size:13px; margin-top:4px; }
.creator-biolink-card small { color:var(--creator-accent); font-weight:900; white-space:nowrap; }

.creator-layout-grid-socialfeed { display:grid; grid-template-columns:minmax(0, 720px); justify-content:center; gap:22px; }
.creator-socialfeed-card { border-radius:24px; overflow:hidden; }
.socialfeed-media { display:block; background:rgba(0,0,0,.1); }
.socialfeed-media img, .socialfeed-placeholder { width:100%; aspect-ratio:4 / 5; max-height:760px; object-fit:cover; display:flex; align-items:center; justify-content:center; color:var(--creator-accent); font-weight:900; font-size:28px; }
.socialfeed-media .content-visual-placeholder {
  width:100%;
  aspect-ratio:4 / 5;
  min-height:360px;
  max-height:760px;
  border-radius:0;
}
.socialfeed-visual-placeholder strong { font-size:42px; line-height:1.02; max-height:4.1em; }
.socialfeed-visual-placeholder.title-long strong { font-size:36px; line-height:1.04; }
.socialfeed-visual-placeholder.title-xl strong { font-size:31px; line-height:1.06; }
.content-visual-placeholder {
  position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; gap:8px;
  width:100%; min-height:220px; padding:22px; border:1px solid color-mix(in srgb, var(--creator-accent, #14b8a6) 42%, transparent);
  background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--creator-accent, #14b8a6) 30%, transparent), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(135deg, #071d1a 0%, #12243a 54%, #2a1630 100%);
  color:#fff; text-align:left;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.content-visual-placeholder:before {
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(0deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:28px 28px; opacity:.16;
}
.content-visual-placeholder:after {
  content:""; position:absolute; inset:auto 0 0 0; height:58%;
  background:linear-gradient(0deg, rgba(0,0,0,.42), transparent);
  pointer-events:none;
}
.content-visual-placeholder i {
  position:absolute; inset:auto 24px 24px auto; width:120px; height:120px; opacity:.34;
  border:1px solid rgba(255,255,255,.28); border-radius:28px; transform:rotate(10deg);
}
.content-visual-placeholder > * { position:relative; z-index:1; }
.content-visual-placeholder > span {
  width:max-content; max-width:100%; border-radius:999px; border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.22); padding:6px 10px; font-size:11px; line-height:1; font-weight:900; letter-spacing:0; text-transform:uppercase;
}
.content-visual-placeholder strong {
  display:-webkit-box; max-width:100%; max-height:3.05em; overflow:hidden;
  -webkit-line-clamp:3; -webkit-box-orient:vertical;
  font-size:40px; line-height:1.02; letter-spacing:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.content-visual-placeholder.title-long strong { font-size:34px; line-height:1.04; }
.content-visual-placeholder.title-xl strong { font-size:30px; line-height:1.06; }
.snapoffer-visual-summary {
  margin:0;
  max-width:100%;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.88);
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.snapoffer-visual-price {
  margin:0;
  max-width:100%;
  font-size:18px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-0.02em;
  color:#fff;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.snapoffer-visual-meta {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  max-width:100%;
}
.snapoffer-visual-meta b,
.content-visual-placeholder em {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.22);
  padding:6px 10px;
  font-size:11px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:0;
  text-transform:none;
  font-style:normal;
  color:rgba(255,255,255,.86);
  overflow-wrap:anywhere;
  word-break:break-word;
}
.content-visual-placeholder em { color:rgba(255,255,255,.82); }
.content-visual-placeholder.tone-money { background:radial-gradient(circle at 18% 18%, rgba(20,184,166,.28), transparent 34%), linear-gradient(135deg,#042f2e 0%,#113f38 52%,#33240b 100%); }
.content-visual-placeholder.tone-video { background:radial-gradient(circle at 18% 18%, rgba(244,114,182,.30), transparent 34%), linear-gradient(135deg,#16091f 0%,#31204a 52%,#0f2f35 100%); }
.content-visual-placeholder.tone-travel { background:radial-gradient(circle at 18% 18%, rgba(125,211,252,.30), transparent 34%), linear-gradient(135deg,#073642 0%,#123f3c 52%,#2d2544 100%); }
.content-visual-placeholder.tone-food { background:radial-gradient(circle at 18% 18%, rgba(251,191,36,.24), transparent 34%), linear-gradient(135deg,#2b1608 0%,#3a2b12 52%,#0f3130 100%); }
.content-visual-placeholder.tone-health { background:radial-gradient(circle at 18% 18%, rgba(74,222,128,.25), transparent 34%), linear-gradient(135deg,#062e24 0%,#123f2a 52%,#15233d 100%); }
.content-visual-placeholder.tone-tools { background:radial-gradient(circle at 18% 18%, rgba(45,212,191,.25), transparent 34%), linear-gradient(135deg,#071d2e 0%,#182645 52%,#063b37 100%); }
.content-visual-placeholder.tone-creator { background:radial-gradient(circle at 18% 18%, rgba(236,72,153,.20), transparent 34%), linear-gradient(135deg,#082f2a 0%,#17213a 54%,#321534 100%); }
.content-visual-placeholder.pattern-diagonal:before {
  background:repeating-linear-gradient(135deg, rgba(255,255,255,.13) 0 1px, transparent 1px 18px);
  opacity:.22;
}
.content-visual-placeholder.pattern-spotlight:before {
  background:radial-gradient(circle at 72% 28%, rgba(255,255,255,.20), transparent 0 15%, transparent 30%),
    radial-gradient(circle at 28% 74%, rgba(255,255,255,.12), transparent 0 12%, transparent 28%);
  opacity:.75;
}
.content-visual-placeholder.pattern-panels:before {
  background:linear-gradient(90deg, rgba(255,255,255,.11) 0 1px, transparent 1px 100%),
    linear-gradient(0deg, rgba(255,255,255,.10) 0 1px, transparent 1px 100%),
    linear-gradient(135deg, transparent 0 22%, rgba(255,255,255,.09) 22% 38%, transparent 38% 100%);
  background-size:34px 34px, 34px 34px, 100% 100%;
  opacity:.25;
}
.content-visual-placeholder.pattern-signal:before {
  background:repeating-radial-gradient(circle at 76% 28%, rgba(255,255,255,.18) 0 1px, transparent 1px 22px);
  opacity:.28;
}
.content-visual-placeholder.pattern-ribbon:before {
  background:linear-gradient(118deg, transparent 0 43%, rgba(255,255,255,.14) 43% 51%, transparent 51% 100%),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:100% 100%, 26px 26px;
  opacity:.36;
}
.content-visual-placeholder.pattern-grid i { box-shadow:-34px -22px 0 rgba(255,255,255,.06), 28px 34px 0 rgba(255,255,255,.05); }
.content-visual-placeholder.pattern-diagonal i { border-radius:999px; transform:rotate(-18deg); }
.content-visual-placeholder.pattern-spotlight i { width:150px; height:150px; border-radius:999px; background:rgba(255,255,255,.06); }
.content-visual-placeholder.pattern-panels i { width:164px; height:92px; border-radius:18px; box-shadow:-190px -70px 0 rgba(255,255,255,.05), -86px 42px 0 rgba(255,255,255,.04); transform:none; }
.content-visual-placeholder.pattern-signal i { border-radius:999px; box-shadow:0 0 0 24px rgba(255,255,255,.04), 0 0 0 52px rgba(255,255,255,.025); }
.content-visual-placeholder.pattern-ribbon i { width:88px; height:180px; border-radius:999px; transform:rotate(32deg); background:rgba(255,255,255,.055); }
.feed-visual-placeholder { aspect-ratio:1.91 / 1; min-height:260px; max-height:360px; border-radius:18px; }
.offer-visual-placeholder { aspect-ratio:16 / 10; min-height:190px; max-height:230px; border-radius:0; padding:22px 24px 20px; }
.offer-visual-placeholder strong { font-size:32px; line-height:1.05; max-height:3.16em; }
.offer-visual-placeholder.title-long strong { font-size:27px; line-height:1.06; }
.offer-visual-placeholder.title-xl strong { font-size:24px; line-height:1.08; }
.offer-visual-placeholder .snapoffer-visual-summary {
  font-size:12px;
  line-height:1.4;
  -webkit-line-clamp:2;
}
.offer-visual-placeholder .snapoffer-visual-meta b,
.offer-visual-placeholder em { font-size:10px; padding:5px 8px; }
.page-visual-placeholder .snapoffer-visual-summary {
  font-size:15px;
  line-height:1.5;
  -webkit-line-clamp:3;
}
.page-visual-placeholder .snapoffer-visual-price {
  font-size:22px;
  line-height:1.1;
}
.offer-visual-placeholder .snapoffer-visual-price {
  font-size:16px;
  line-height:1.1;
}
.snapoffer-visual-title-only {
  justify-content:flex-end;
  gap:10px;
}
.snapoffer-visual-title-only strong {
  max-height:4.2em;
  -webkit-line-clamp:4;
}
.page-visual-placeholder.snapoffer-visual-title-only {
  min-height:280px;
}
.page-visual-placeholder.snapoffer-visual-title-only strong {
  max-height:4.8em;
  -webkit-line-clamp:4;
  font-size:38px;
  line-height:1.06;
}
.page-visual-placeholder.snapoffer-visual-title-only.title-long strong {
  font-size:34px;
  line-height:1.07;
}
.page-visual-placeholder.snapoffer-visual-title-only.title-xl strong {
  font-size:30px;
  line-height:1.08;
}
.offer-visual-placeholder.snapoffer-visual-title-only {
  min-height:170px;
  max-height:210px;
  padding:18px 20px 16px;
}
.offer-visual-placeholder.snapoffer-visual-title-only strong {
  max-height:3.6em;
  -webkit-line-clamp:3;
  font-size:28px;
  line-height:1.06;
}
.offer-visual-placeholder.snapoffer-visual-title-only.title-long strong {
  font-size:24px;
  line-height:1.07;
}
.offer-visual-placeholder.snapoffer-visual-title-only.title-xl strong {
  font-size:21px;
  line-height:1.08;
}
.offerwall-visual-placeholder.snapoffer-visual-title-only strong {
  max-height:3.8em;
  -webkit-line-clamp:3;
  font-size:26px;
  line-height:1.06;
}
.page-visual-placeholder strong { font-size:36px; line-height:1.04; max-height:3.2em; }
.page-visual-placeholder.title-long strong { font-size:31px; line-height:1.05; }
.page-visual-placeholder.title-xl strong { font-size:27px; line-height:1.06; }
.page-visual-placeholder { aspect-ratio:1.91 / 1; min-height:360px; max-height:460px; border-radius:20px; }
.placeholder-link { text-decoration:none; }
@media(max-width:760px){
  .content-visual-placeholder{min-height:190px;padding:16px}
  .content-visual-placeholder strong{font-size:26px;line-height:1.05}
  .content-visual-placeholder.title-long strong{font-size:23px}
  .content-visual-placeholder.title-xl strong{font-size:21px}
  .feed-visual-placeholder{min-height:210px}
  .offer-visual-placeholder{min-height:180px;max-height:210px;padding:16px}
  .offer-visual-placeholder strong{font-size:24px;line-height:1.06}
  .offer-visual-placeholder.title-long strong{font-size:21px}
  .offer-visual-placeholder.title-xl strong{font-size:19px}
  .page-visual-placeholder{min-height:240px}
  .page-visual-placeholder.snapoffer-visual-title-only{min-height:220px}
  .offer-visual-placeholder.snapoffer-visual-title-only{min-height:160px;max-height:200px;padding:14px}
}
.socialfeed-video-media,
.creator-blog-video-media {
  position:relative;
  overflow:hidden;
  aspect-ratio:16 / 9;
  background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-panel-bg));
}
.socialfeed-video-media iframe,
.socialfeed-video-media video,
.creator-blog-video-media iframe,
.creator-blog-video-media video {
  width:100%;
  height:100%;
  border:0;
  display:block;
  background:#06110f;
}
.socialfeed-info { padding:18px; }
.socialfeed-info h3 { font-size:28px; line-height:1.08; margin:10px 0; }

.creator-layout-grid-blogfunnel {
  display:grid;
  grid-template-columns:minmax(0, 820px);
  justify-content:center;
  gap:18px;
}
.creator-blog-card {
  display:grid;
  grid-template-columns:minmax(180px, 32%) minmax(0, 1fr);
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--offer-border);
  background:var(--offer-panel-bg);
  color:var(--offer-text);
}
.creator-blog-card:not(:has(.creator-blog-media)) { grid-template-columns:1fr; }
.creator-blog-media {
  display:block;
  min-height:100%;
  background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-panel-bg));
}
.creator-blog-media .content-visual-placeholder {
  height:100%;
  min-height:220px;
  border:0;
  border-radius:0;
  padding:18px;
}
.creator-blog-visual-placeholder strong { font-size:24px; line-height:1.06; max-height:4.24em; }
.creator-blog-visual-placeholder.title-long strong { font-size:22px; line-height:1.07; }
.creator-blog-visual-placeholder.title-xl strong { font-size:20px; line-height:1.08; }
.creator-blog-video-media { min-height:220px; }
.creator-blog-media img {
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  display:block;
}
.creator-blog-media img.fit-smart,
.creator-blog-media img.fit-contain {
  object-fit:contain;
  background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-panel-bg));
}
.creator-blog-media img.fit-top { object-fit:cover; object-position:center top; }
.creator-blog-body { padding:20px; display:flex; flex-direction:column; gap:12px; }
.creator-blog-meta { display:flex; flex-wrap:wrap; gap:8px; }
.creator-blog-meta span {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--creator-accent) 10%, var(--offer-card-bg));
  border:1px solid color-mix(in srgb, var(--creator-accent) 18%, var(--offer-border));
  color:var(--offer-muted);
  font-size:12px;
  font-weight:800;
}
.creator-blog-card h3 { margin:0; font-size:28px; line-height:1.08; }
.creator-blog-card h3 a { color:var(--offer-text); text-decoration:none; }
.creator-blog-card h3 a:hover { text-decoration:underline; }
.creator-blog-card p { margin:0; color:var(--offer-muted); }
.creator-blog-actions { margin-top:auto; }

.creator-layout-grid-socialtimeline {
  display:block;
  max-width:760px;
  margin:0 auto;
}
.creator-social-timeline-intro {
  background:var(--offer-panel-bg);
  border:1px solid var(--offer-border);
  border-radius:24px;
  padding:18px;
  margin:0 0 18px;
  color:var(--offer-text);
}
.creator-social-timeline-intro h3 { margin:8px 0 6px; font-size:24px; color:var(--offer-text); }
.creator-social-timeline-intro p { margin:0; color:var(--offer-muted); }
.creator-social-timeline-list {
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:18px;
}
.creator-social-timeline-list .loit-feed-card {
  background:var(--offer-panel-bg);
  border:1px solid var(--offer-border);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(0,0,0,.16);
}
.creator-social-timeline-list .loit-feed-image img {
  max-height:620px;
  object-fit:cover;
}

.creator-layout-shell.creator-layout-listings .offer-card { min-height:230px; }


.creator-layout-grid-offerwall {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:18px;
  align-items:start;
}
.creator-offerwall-card {
  background:var(--offer-panel-bg);
  border:1px solid var(--offer-border);
  color:var(--offer-text);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(15,23,42,.12);
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.offerwall-media {
  position:relative;
  display:block;
  aspect-ratio:1 / 1;
  background:color-mix(in srgb, var(--offer-panel-bg) 80%, var(--offer-page-bg));
  overflow:hidden;
  text-decoration:none;
}
.offerwall-media img,
.offerwall-placeholder {
  width:100%;
  height:100%;
  object-fit:cover;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--creator-accent);
  font-weight:900;
}
.offerwall-media .content-visual-placeholder {
  width:100%;
  height:100%;
  min-height:0;
  border:0;
  border-radius:0;
  padding:18px;
}
.offerwall-visual-placeholder strong { font-size:27px; line-height:1.05; max-height:4.2em; }
.offerwall-visual-placeholder.title-long strong { font-size:24px; line-height:1.06; }
.offerwall-visual-placeholder.title-xl strong { font-size:21px; line-height:1.08; }
.offerwall-visual-placeholder .snapoffer-visual-summary {
  font-size:12px;
  line-height:1.4;
  -webkit-line-clamp:2;
}
.offerwall-visual-placeholder em { display:none; }
.offerwall-category {
  position:absolute;
  left:12px;
  top:12px;
  max-width:calc(100% - 24px);
  padding:7px 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--offer-card-bg) 88%, transparent);
  border:1px solid color-mix(in srgb, var(--creator-accent) 30%, var(--offer-border));
  color:var(--offer-text);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.offerwall-body {
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1;
}
.offerwall-body h3 {
  margin:0;
  color:var(--offer-text);
  font-size:20px;
  line-height:1.12;
}
.offerwall-body p {
  margin:0;
  color:var(--offer-muted);
  font-size:14px;
  line-height:1.45;
}
.offerwall-footer {
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:8px;
}
.offerwall-footer strong {
  color:var(--offer-text);
  font-size:15px;
}
.offerwall-footer a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--creator-accent);
  color:var(--offer-button-text);
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.offerwall-footer a:hover { text-decoration:none; filter:brightness(1.04); }



/* Step 33D: creator page theme contrast and accent cleanup.
   Keep the selected theme visible, but avoid pale accent text on light cards. */
.creator-marketplace-themed .creator-brand-pill {
  background: color-mix(in srgb, var(--creator-accent) 14%, var(--offer-card-bg)) !important;
  border: 1px solid color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .creator-brand-pill span,
.creator-marketplace-themed .brand-line span {
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .market-kicker {
  color: var(--offer-text) !important;
  opacity: .92;
}

.creator-marketplace-themed .market-stats span {
  background: color-mix(in srgb, var(--creator-accent) 10%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 24%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .market-search input {
  background: color-mix(in srgb, var(--offer-card-bg) 88%, var(--offer-page-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
  box-shadow: none !important;
}

.creator-marketplace-themed .market-search input::placeholder {
  color: var(--offer-muted) !important;
  opacity: .72;
}

.creator-marketplace-themed .mini-badge,
.creator-marketplace-themed .perk-pill,
.creator-marketplace-themed .card-badge-row span,
.creator-marketplace-themed .card-detail-price span,
.creator-marketplace-themed .card-price small,
.creator-marketplace-themed .layout-pill,
.creator-marketplace-themed .view-toggle a,
.creator-marketplace-themed .view-toggle a.active-view {
  background: color-mix(in srgb, var(--creator-accent) 11%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

/* Step 33E: creator/brand card meta should follow theme text, not fixed green. */
.creator-marketplace-themed .card-meta-row,
.creator-marketplace-themed .card-meta-row span,
.creator-marketplace-themed .card-meta-row a {
  color: var(--offer-text) !important;
  opacity: .9;
}

.creator-marketplace-themed .card-price {
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .card-price > span {
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .offer-card .btn.small-btn,
.creator-marketplace-themed .market-search button,
.creator-marketplace-themed .btn.glow {
  background: var(--creator-accent) !important;
  color: var(--offer-button-text) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 72%, var(--offer-border)) !important;
}

.creator-marketplace-themed .btn.secondary,
.creator-marketplace-themed .btn.ghost,
.creator-marketplace-themed .dark-outline {
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 24%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .creator-social-links a {
  background: color-mix(in srgb, var(--creator-accent) 11%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .offer-detail-card .mini-badge,
body.offer-theme-page .offer-detail-card .perk-pill,
body.offer-theme-page .offer-detail-card .offer-detail-meta span,
body.offer-theme-page .offer-detail-card .card-badge-row span,
body.offer-theme-page .offer-detail-card .card-price small {
  background: color-mix(in srgb, var(--creator-accent) 11%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}



/* Step 35T: social timeline creator-page theme cleanup.
   Avoid fixed global teal/green on themed creator pages. */
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-post-head,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-social-row,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-footer,
.creator-marketplace-themed .creator-social-timeline-list .feed-action-bar {
  border-color: color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
}

.creator-marketplace-themed .creator-social-timeline-list .loit-feed-author-meta strong,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-author-meta strong a,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-card h3,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-card h3 a {
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .creator-social-timeline-list .loit-feed-author-meta small,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-target,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-social-row,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-social-row span,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-footer,
.creator-marketplace-themed .creator-social-timeline-list .loit-feed-footer span,
.creator-marketplace-themed .creator-social-timeline-list .feed-action-link {
  color: var(--offer-muted) !important;
}

.creator-marketplace-themed .creator-social-timeline-list .loit-feed-social-row a,
.creator-marketplace-themed .creator-social-timeline-list .feed-action-link:hover,
.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-btn.active-reaction,
.creator-marketplace-themed .creator-social-timeline-list .reaction-pill.active-reaction {
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-btn,
.creator-marketplace-themed .creator-social-timeline-list .reaction-pill,
.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more-summary,
.creator-marketplace-themed .creator-social-timeline-list .feed-action-link.strong-action {
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 24%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-btn:hover,
.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-btn:focus-visible,
.creator-marketplace-themed .creator-social-timeline-list .reaction-pill:hover,
.creator-marketplace-themed .creator-social-timeline-list .reaction-pill:focus-visible,
.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-btn.active-reaction,
.creator-marketplace-themed .creator-social-timeline-list .reaction-pill.active-reaction {
  background: color-mix(in srgb, var(--creator-accent) 18%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 48%, var(--offer-border)) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--creator-accent) 14%, transparent) !important;
}

.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-menu {
  background: var(--offer-card-bg) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
}

.creator-marketplace-themed .creator-follow-box {
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 26%, var(--offer-border)) !important;
  box-shadow: 0 14px 32px color-mix(in srgb, var(--creator-accent) 8%, transparent) !important;
}

.creator-marketplace-themed .creator-follow-box strong,
.creator-marketplace-themed .creator-follow-box span {
  color: var(--offer-text) !important;
  opacity: .94;
}

.creator-marketplace-themed .creator-follow-box .btn {
  background: color-mix(in srgb, var(--creator-accent) 12%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 30%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}


/* Step 33F: cleaner creator page hero and calmer mobile view. */
.creator-marketplace-themed .creator-market-hero {
  padding: clamp(24px, 4vw, 44px);
}

.creator-marketplace-themed .creator-market-hero .market-hero-copy {
  max-width: 760px;
}

.creator-marketplace-themed .creator-market-hero h1 {
  max-width: 780px;
  line-height: 1.04;
  margin-bottom: 12px;
}

.creator-marketplace-themed .creator-market-hero p:not(.market-kicker) {
  max-width: 680px;
  font-size: clamp(16px, 1.6vw, 20px);
}

.creator-marketplace-themed .creator-market-shell {
  padding: clamp(22px, 3vw, 34px);
}

.creator-marketplace-themed .market-toolbar.stacked-toolbar {
  margin-bottom: 18px;
}

.creator-marketplace-themed .market-search {
  gap: 12px;
}

.creator-marketplace-themed .market-search input {
  min-width: min(100%, 260px);
}

/* Creator profile hero v2: compact marketplace header with decorative theme background */
.creator-marketplace-themed .creator-market-hero.creator-profile-hero {
  position: relative;
  padding: clamp(16px, 2.4vw, 24px) clamp(16px, 2.8vw, 28px);
  overflow: hidden;
  display: block;
}

.creator-profile-hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--creator-accent) 18%, transparent), transparent 42%),
    radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--offer-card-bg) 24%, transparent), transparent 38%),
    linear-gradient(135deg, color-mix(in srgb, var(--creator-accent) 10%, var(--offer-panel-bg)), color-mix(in srgb, var(--offer-card-bg) 96%, var(--offer-page-bg)));
}

.creator-profile-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .32;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(to bottom right, rgba(0,0,0,.72), transparent 88%);
}

.creator-profile-hero-stripe {
  position: absolute;
  top: 0;
  right: 0;
  width: min(42%, 280px);
  height: 4px;
  border-bottom-left-radius: 6px;
  background: linear-gradient(90deg, transparent, var(--creator-accent));
  opacity: .58;
}

.creator-profile-hero-shell {
  position: relative;
  z-index: 1;
}

.creator-profile-hero-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  grid-template-rows: auto auto;
  gap: clamp(12px, 2vw, 20px) clamp(16px, 2.8vw, 28px);
  align-items: start;
}

.creator-profile-hero-identity {
  grid-column: 1;
  grid-row: 1;
  max-width: none;
}

.creator-profile-hero-social {
  grid-column: 1;
  grid-row: 2;
}

.creator-profile-hero-actions {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: start;
}

.creator-profile-hero-headrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

.creator-profile-hero-avatar {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 18px;
  overflow: hidden;
  border: 2px solid color-mix(in srgb, var(--creator-accent) 32%, var(--offer-border));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--creator-accent) 12%, transparent);
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg));
}

.creator-profile-hero-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.creator-profile-name-pill {
  margin-bottom: 6px;
}

.creator-profile-kicker {
  margin: 0;
}

.creator-profile-hero h1 {
  font-size: clamp(24px, 3.2vw, 36px);
  line-height: 1.06;
  margin-bottom: 8px;
  max-width: 720px;
}

.creator-profile-hero-tagline {
  margin: 0 0 4px;
  max-width: 640px;
  font-size: clamp(14px, 1.4vw, 17px);
  line-height: 1.5;
}

.creator-profile-hero .creator-welcome-stack {
  margin: 10px 0 0;
  max-width: 640px;
}

.creator-profile-hero .creator-welcome-message,
.creator-profile-hero .creator-alert-message {
  padding: 10px 12px;
}

.creator-profile-hero-social .creator-social-links {
  margin: 0;
  gap: 6px;
}

.creator-profile-hero-social .creator-social-links a {
  min-height: 30px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 850;
}

.creator-profile-action-panel {
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border));
  background: color-mix(in srgb, var(--offer-card-bg) 92%, var(--creator-accent) 8%);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--creator-accent) 8%, transparent);
}

.creator-profile-action-primary {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.creator-profile-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--offer-border);
  background: color-mix(in srgb, var(--offer-card-bg) 92%, var(--offer-page-bg));
  color: var(--offer-text) !important;
  text-decoration: none !important;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  width: 100%;
}

.creator-profile-share-btn {
  background: color-mix(in srgb, var(--offer-card-bg) 94%, var(--creator-accent) 6%) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
}

.creator-profile-cta.primary-connect {
  background: var(--creator-accent) !important;
  color: var(--offer-button-text) !important;
  border-color: var(--creator-accent) !important;
}

.creator-hero-connect-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.creator-hero-connect-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--creator-accent) 20%, var(--offer-border));
  background: color-mix(in srgb, var(--offer-card-bg) 90%, var(--creator-accent) 10%);
  color: var(--offer-text) !important;
  text-decoration: none !important;
  font-weight: 850;
  font-size: 11px;
}

.creator-profile-follow-wrap {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--creator-accent) 14%, var(--offer-border));
}

.creator-profile-hero .creator-follow-box {
  margin: 0;
  padding: 10px 12px;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  box-shadow: none;
}

.creator-profile-hero .creator-follow-box strong {
  font-size: 14px;
}

.creator-profile-hero .creator-follow-box span {
  min-width: 0;
  font-size: 12px;
  flex: none;
}

.creator-profile-hero .creator-follow-box .btn {
  margin-left: 0;
  width: 100%;
}

.creator-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.creator-category-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  text-decoration: none;
  color: var(--offer-text);
  background: color-mix(in srgb, var(--offer-panel) 78%, transparent);
  border: 1px solid var(--offer-border);
  font-size: 12px;
  font-weight: 850;
}

.creator-category-tab em {
  font-style: normal;
  color: var(--offer-muted);
  font-weight: 800;
  font-size: 11px;
}

.creator-category-tab.active-category {
  background: var(--offer-accent);
  color: var(--offer-button-text);
  border-color: var(--offer-accent);
}

.creator-category-tab.active-category em {
  color: inherit;
  opacity: .78;
}

.creator-welcome-stack {
  display: grid;
  gap: 10px;
  margin: 16px 0;
  max-width: 720px;
}

.creator-welcome-message, .creator-alert-message {
  display: grid;
  gap: 5px;
  padding: 13px 15px;
  border-radius: 18px;
  border: 1px solid var(--offer-border);
  background: color-mix(in srgb, var(--offer-panel) 82%, transparent);
  color: var(--offer-text);
}

.creator-alert-message {
  border-color: var(--offer-accent);
  background: color-mix(in srgb, var(--offer-accent) 15%, var(--offer-panel));
}

.creator-welcome-message strong, .creator-alert-message strong {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--offer-muted);
}

.creator-alert-message a {
  width: fit-content;
  margin-top: 4px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--offer-accent);
  color: var(--offer-button-text);
  text-decoration: none;
  font-weight: 900;
  font-size: 12px;
}

.creator-hero-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0;
}

.creator-hero-action-row a, .creator-hero-action-row button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 999px;
  border: 1px solid var(--offer-border);
  background: color-mix(in srgb, var(--offer-card-bg) 92%, var(--offer-page-bg));
  color: var(--offer-text) !important;
  text-decoration: none !important;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

.creator-hero-action-row a.primary-connect {
  background: var(--creator-accent) !important;
  color: var(--offer-button-text) !important;
  border-color: var(--creator-accent) !important;
}

.creator-connect-box {
  margin: 16px 0;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid var(--offer-border);
  background: color-mix(in srgb, var(--offer-card-bg) 88%, var(--offer-page-bg));
  max-width: 760px;
}

.creator-connect-box > span {
  display: block;
  font-weight: 900;
  margin-bottom: 9px;
  color: var(--offer-text);
}

.creator-connect-box div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.creator-connect-box a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid var(--offer-border);
  background: color-mix(in srgb, var(--offer-card-bg) 92%, var(--offer-page-bg));
  color: var(--offer-text) !important;
  text-decoration: none !important;
  font-weight: 900;
  font-size: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
}

.creator-connect-box a.primary-connect {
  background: var(--creator-accent) !important;
  color: var(--offer-button-text) !important;
  border-color: var(--creator-accent) !important;
}

.creator-connect-box small {
  display: block;
  margin-top: 8px;
  color: var(--offer-muted);
}

.advanced-options-box {
  margin: 16px 0;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.28);
  background: rgba(148,163,184,.08);
}

.advanced-options-box summary {
  cursor: pointer;
  font-weight: 900;
}

.advanced-options-box[open] summary {
  margin-bottom: 12px;
}

@media (max-width: 820px) {
  .owner-search-form { grid-template-columns: 1fr; }
}

.inline-open-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}

.inline-open-form .input {
  margin: 0;
}

.inline-open-form .btn {
  margin: 0;
  white-space: nowrap;
}

.creator-import-box {
  background: #ecfdf3;
  border-style: solid;
  border-color: #a6f4c5;
}

.preview-img {
  max-height: 240px;
  margin-top: 0;
}



.status-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.8fr);
  gap: 16px;
  align-items: stretch;
  background: #f8fffd;
  border: 1px solid #bff5eb;
  border-radius: 18px;
  padding: 18px;
  margin: 18px 0 22px;
}

.status-panel h3 { margin-bottom: 6px; }
.status-panel p { margin-bottom: 0; }

.status-kicker {
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--brand-dark);
  margin-bottom: 8px;
}

.status-grid-mini {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.status-grid-mini div {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 10px;
  min-width: 0;
}

.status-grid-mini strong,
.status-grid-mini span,
.status-grid-mini a {
  display: block;
  overflow-wrap: anywhere;
}

.status-grid-mini strong {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

.status-grid-mini span,
.status-grid-mini a {
  font-size: 13px;
  font-weight: 900;
  color: var(--text);
}

.status.global_approved,
.status.creator_approved {
  background: #ecfdf3;
  color: var(--success);
}

.status.under_review,
.status.private {
  background: #fffaeb;
  color: var(--warning);
}

.status.needs_changes,
.status.paused {
  background: #fffaeb;
  color: var(--warning);
}

.status.rejected,
.status.archived {
  background: #fef3f2;
  color: var(--danger);
}


.creator-dash-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.creator-access-card {
  min-width: 220px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid #bff5eb;
  background: #f0fdfa;
  color: var(--text);
}

.creator-access-card strong,
.creator-access-card span,
.creator-access-card small {
  display: block;
  overflow-wrap: anywhere;
}

.creator-access-card strong {
  color: var(--brand-dark);
  font-size: 15px;
  margin-bottom: 4px;
}

.creator-access-card span,
.creator-access-card small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

body.opportunity-public-page.offer-theme-page .opportunity-detail-card .creator-access-card {
  border-color: var(--offer-border, rgba(148, 163, 184, 0.32)) !important;
  background: color-mix(in srgb, var(--offer-card-bg, #ffffff) 96%, var(--offer-text, #111827) 4%) !important;
  color: var(--offer-text, var(--text)) !important;
  box-shadow: 0 16px 38px color-mix(in srgb, var(--offer-text, #111827) 7%, transparent) !important;
}

body.opportunity-public-page.offer-theme-page .opportunity-detail-card .creator-access-card strong {
  color: var(--offer-text, var(--text)) !important;
}

body.opportunity-public-page.offer-theme-page .opportunity-detail-card .creator-access-card span,
body.opportunity-public-page.offer-theme-page .opportunity-detail-card .creator-access-card small {
  color: var(--offer-muted, var(--muted)) !important;
}

body.opportunity-public-page.offer-theme-page .opportunity-detail-card .deal-box {
  background: color-mix(in srgb, var(--offer-panel-bg, #f8fafc) 94%, var(--creator-accent, #0f172a) 6%) !important;
  border-color: var(--offer-border, rgba(148, 163, 184, 0.32)) !important;
  border-style: solid !important;
  color: var(--offer-text, var(--text)) !important;
  box-shadow: 0 16px 38px color-mix(in srgb, var(--offer-text, #111827) 7%, transparent) !important;
}

body.opportunity-public-page.offer-theme-page .opportunity-detail-card .deal-box h3 {
  color: var(--creator-accent, var(--offer-text, var(--text))) !important;
}

body.opportunity-public-page.offer-theme-page .opportunity-detail-card .deal-box p,
body.opportunity-public-page.offer-theme-page .opportunity-detail-card .deal-box strong {
  color: var(--offer-text, var(--text)) !important;
}

.creator-quick-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  margin: 14px 0 18px;
  border: 1px solid var(--line);
  background: #f9fafb;
  border-radius: 20px;
}

.creator-quick-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid transparent;
  color: var(--text);
  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  background: #ffffff;
}

.creator-quick-link:hover {
  text-decoration: none;
  border-color: #99f6e4;
  background: #f0fdfa;
}

.creator-quick-link.active {
  background: var(--dark);
  color: #ffffff;
  border-color: var(--dark);
}

.creator-public-nav-wrap {
  width: min(1180px, calc(100% - 32px));
  margin: 14px auto 0;
  position: sticky;
  top: 10px;
  z-index: 90;
}

.creator-public-nav {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(45, 212, 191, 0.22);
  background: rgba(7, 31, 27, 0.92);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.creator-public-nav-id {
  min-width: 150px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(45, 212, 191, 0.14);
}

.creator-public-nav-id span {
  color: #9bd5ca;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.creator-public-nav-id strong {
  color: #f8fffd;
  font-size: 13px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.creator-public-nav-links {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.creator-public-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(45, 212, 191, 0.18);
  background: rgba(255, 255, 255, 0.055);
  color: #ccfbf1;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: none;
}

.creator-public-nav-link:hover {
  text-decoration: none;
  background: rgba(20, 184, 166, 0.16);
  border-color: rgba(45, 212, 191, 0.38);
  color: #f8fffd;
}

.creator-public-nav-link.primary {
  background: #14b8a6;
  border-color: #2dd4bf;
  color: #03201c;
}

.creator-public-nav-link.active {
  background: rgba(45, 212, 191, 0.22);
  border-color: rgba(45, 212, 191, 0.52);
  color: #f8fffd;
}


.creator-ref-card {
  background: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.04);
}

.creator-ref-card .mini-badge,
.loit-ref-helper .mini-badge {
  background: #111827;
  color: #ffffff;
  border-color: #111827;
  letter-spacing: 0.04em;
}

.creator-ref-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.creator-ref-head h3,
.loit-ref-helper h3 {
  margin-bottom: 6px;
}

.creator-ref-head p,
.loit-ref-helper p {
  margin: 0;
  line-height: 1.55;
}

.creator-ref-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.creator-ref-grid div {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #ffffff;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.creator-ref-grid div:hover {
  transform: translateY(-2px);
  border-color: #d0d5dd;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.creator-ref-grid strong {
  display: block;
  color: var(--text);
  font-size: 13px;
  margin-bottom: 5px;
}

.creator-ref-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 750;
}

.copy-inline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.ai-assist-panel {
  border-color: rgba(91, 131, 246, 0.20);
  background: linear-gradient(135deg, rgba(91, 131, 246, 0.08), rgba(20, 184, 166, 0.06));
}

.compact-ai-panel {
  margin: 10px 0 14px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(91, 131, 246, 0.16);
}

.ai-assist-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.ai-assist-head h3 {
  margin-bottom: 4px;
}

.ai-assist-head p {
  margin: 0;
  color: var(--muted);
}

.ai-assist-head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #111827;
  color: #ffffff;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.25;
  max-width: 220px;
  text-align: center;
  white-space: normal;
}

.ai-context-field {
  min-height: 106px;
}

.ai-assist-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.ai-assist-status {
  margin: 10px 0 0;
  font-weight: 800;
}

.ai-assist-status.success {
  color: #047857;
}

.ai-assist-status.error {
  color: #b42318;
}

.loit-ref-helper {
  margin: 12px 0 18px;
  border-color: #e5e7eb;
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.04);
}

.loit-link-detected {
  background: linear-gradient(180deg, #ecfdf5, #ffffff);
}

.creator-flow-box {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 18px;
}

.creator-flow-box div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 10px;
  align-items: start;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #ffffff;
}

.creator-flow-box span {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f0fdfa;
  color: var(--brand-dark);
  font-weight: 950;
  grid-row: span 2;
}

.creator-flow-box strong {
  color: var(--text);
  font-size: 14px;
}

.creator-flow-box small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.creator-tool-grid,
.my-apps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.creator-tool-card,
.my-app-card {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-height: 118px;
  padding: 16px;
  border-radius: 18px;
  background: #f9fafb;
  border: 1px solid var(--line);
  color: var(--text);
  text-decoration: none;
}

.creator-tool-card:hover,
.my-app-card:hover {
  text-decoration: none;
  border-color: #99f6e4;
  background: #f0fdfa;
}

.creator-tool-card.primary,
.my-app-card.current {
  background: linear-gradient(135deg, rgba(20,184,166,0.18), rgba(240,253,250,0.95));
  border-color: #99f6e4;
}

.creator-tool-card span,
.my-app-card span {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(20,184,166,0.12);
  color: var(--brand-dark);
  font-weight: 950;
}

.creator-tool-card strong,
.my-app-card strong {
  color: var(--text);
  font-size: 16px;
  line-height: 1.2;
}

.creator-tool-card small,
.my-app-card small {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
}

.my-apps-section {
  margin: 26px 0;
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, #071f1b, #041714);
  border: 1px solid rgba(153,246,228,0.16);
  color: #f8fffd;
}

.my-apps-section h2 {
  color: #f8fffd;
  margin-bottom: 6px;
}

.my-apps-section p:not(.market-kicker) {
  color: #9bd5ca;
  margin-bottom: 0;
}

.my-app-card {
  background: rgba(255,255,255,0.055);
  border-color: rgba(153,246,228,0.12);
  color: #f8fffd;
}

.my-app-card:hover,
.my-app-card.current {
  background: rgba(20,184,166,0.16);
  border-color: rgba(153,246,228,0.28);
}

.my-app-card strong { color: #f8fffd; }
.my-app-card small { color: #9bd5ca; }



.apps {
  position: fixed;
  left: 16px;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  z-index: 99998;
  user-select: none;
}

.apps-panel {
  position: absolute;
  left: 0;
  bottom: 60px;
  width: min(628px, calc(100vw - 32px));
  max-height: 72vh;
  overflow: auto;
  padding: 20px;
  border-radius: 24px;
  background: rgba(4, 16, 14, 0.94);
  border: 1px solid rgba(35, 240, 205, 0.20);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.54);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  opacity: 0;
  transform: translateY(12px) scale(0.98);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.apps.open .apps-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.apps-title-pill {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(0, 227, 190, 0.13);
  border: 1px solid rgba(35, 240, 205, 0.20);
  color: #b9fff0;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  user-select: none;
}

.apps-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.app-card {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 15px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(35, 240, 205, 0.12);
  color: #f2fffb;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.app-card:hover {
  text-decoration: none !important;
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(35, 240, 205, 0.24);
}

.app-card.current { background: rgba(0, 227, 190, 0.14); }
.app-card-launch { font: inherit; cursor: pointer; width: 100%; text-align: left; }
.app-card-launch:disabled { opacity: 0.6; cursor: wait; }
.apps-footnote { display: block; margin-top: 12px; color: rgba(166, 200, 190, 0.85); font-size: 12px; }
.app-card .app-icon { min-width: 42px; text-align: center; font-size: 11px; line-height: 1; font-weight: 950; }
.app-card .app-name { color: #f2fffb; text-decoration: none !important; }

.apps-toggle-btn {
  min-height: 46px;
  border-radius: 999px;
  background: #2dd4bf;
  color: #03201c;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(3, 32, 28, 0.25);
  text-decoration: none !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.apps-toggle-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.30);
}


.logout-btn {
  background: #111827 !important;
  color: #ffffff !important;
  border: 1px solid rgba(17, 24, 39, 0.28) !important;
}

.logout-btn:hover {
  background: #0b1220 !important;
  text-decoration: none !important;
}

.support-btn {
  white-space: nowrap;
}

.creator-profile-form .btn[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  .home-flow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .homepage-usecase-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .snap-level-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .snap-hero-panel { width: 100%; }
}

@media (max-width: 820px) {
  .market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .status-panel { grid-template-columns: 1fr; }
  .facet-filter-wrap,
  .field-grid.two-col,
  .helper-grid,
  .creator-ref-grid,
  .creator-tool-grid,
  .creator-flow-box,
  .my-apps-grid { grid-template-columns: 1fr; }
  .creator-dash-head { flex-direction: column; }
  .creator-access-card { width: 100%; }

  .market-hero,
  .market-toolbar,
  .market-creator-strip {
    flex-direction: column;
    align-items: flex-start;
  }

  .market-actions,
  .filter-pills {
    justify-content: flex-start;
  }

  .list-card {
    grid-template-columns: 1fr;
  }

  .list-card .thumb {
    height: auto;
    min-height: 190px;
    max-height: 220px;
    aspect-ratio: 16 / 10;
    border-right: 0;
    border-bottom: 1px solid rgba(153, 246, 228, 0.12);
  }
}

@media (max-width: 560px) {
  .creator-quick-menu {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 8px;
    margin: 12px 0 16px;
    -webkit-overflow-scrolling: touch;
  }

  .creator-quick-link {
    flex: 0 0 auto;
    min-height: 38px;
    font-size: 12px;
  }

  .creator-public-nav-wrap {
    width: calc(100% - 18px);
    top: 8px;
    margin-top: 8px;
  }

  .creator-public-nav {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .creator-public-nav-id {
    width: 100%;
    min-width: 0;
  }

  .creator-public-nav-links {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
  }

  .creator-public-nav-link {
    flex: 0 0 auto;
    min-height: 38px;
    padding-inline: 12px;
  }

  body { padding: 14px; }

  .creator-marketplace-themed {
    padding: 10px !important;
  }

  .creator-marketplace-themed .market-hero,
  .creator-marketplace-themed .market-shell {
    margin: 12px auto !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .creator-marketplace-themed .creator-market-hero.creator-profile-hero {
    padding: 14px 14px 16px !important;
    margin: 0 auto 12px !important;
    border-radius: 18px !important;
  }

  .creator-profile-hero-main {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 12px;
  }

  .creator-profile-hero-identity,
  .creator-profile-hero-social,
  .creator-profile-hero-actions {
    grid-column: 1;
    grid-row: auto;
  }

  .creator-profile-hero-headrow {
    gap: 12px;
  }

  .creator-profile-hero-avatar {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }

  .creator-profile-action-panel {
    padding: 12px 14px;
  }

  .creator-profile-action-primary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .creator-profile-action-primary .creator-profile-cta:only-child {
    grid-column: 1 / -1;
  }

  .creator-hero-connect-row a {
    flex: 1 1 calc(50% - 4px);
    justify-content: center;
  }

  .creator-profile-hero .creator-follow-box {
    padding: 10px 12px;
  }

  .creator-marketplace-themed .creator-market-hero h1 {
    font-size: clamp(30px, 9vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em;
  }

  .creator-marketplace-themed .creator-market-hero p:not(.market-kicker),
  .creator-marketplace-themed .market-shell p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .creator-marketplace-themed .brand-line {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .creator-marketplace-themed .market-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: stretch;
  }

  .creator-marketplace-themed .market-search input {
    min-width: 0 !important;
    width: 100%;
  }

  .creator-marketplace-themed .market-search button {
    width: auto !important;
    max-width: none;
    padding-left: 16px !important;
    padding-right: 16px !important;
    white-space: nowrap;
  }

  .creator-marketplace-themed .market-search a {
    grid-column: 1 / -1;
    width: fit-content;
  }

  .card,
  .market-hero,
  .market-shell,
  .market-creator-strip {
    margin: 18px auto;
    padding: 20px;
    border-radius: 22px;
  }

  .customer-first-hero { min-height: auto; }
  .market-grid { grid-template-columns: 1fr; }
  .creator-blog-card { grid-template-columns: 1fr; }
  .creator-blog-media img { min-height: 190px; max-height: 320px; }
  .image-fit-chooser { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .image-fit-option { padding: 8px; }
  .image-fit-option strong { font-size: 12px; }
  .image-fit-option em { font-size: 10px; }


  .snap-home-hero {
    padding: 22px !important;
    min-height: auto !important;
  }

  .snap-home-hero h1 {
    font-size: clamp(34px, 12vw, 46px) !important;
    line-height: .98 !important;
    letter-spacing: -0.055em !important;
  }

  .snap-home-hero p:not(.market-kicker) {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .snap-hero-panel {
    display: none;
  }

  .home-hero-actions,
  .market-stats {
    width: 100%;
  }

  .home-market-form,
  .home-market-select-grid {
    grid-template-columns: 1fr;
  }

  .loit-mode-tabs {
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    margin: 12px auto;
    padding: 8px;
    gap: 6px;
    border-radius: 20px;
  }

  .loit-mode-tabs a {
    width: 100%;
    min-height: 54px;
    padding: 10px 13px;
    border-radius: 16px;
  }

  .loit-mode-tabs strong {
    font-size: 16px;
  }

  .loit-mode-tabs span {
    font-size: 12px;
    line-height: 1.2;
  }

  .home-market-search-btn {
    width: 100%;
  }

  .home-category-chip-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-left: -2px;
    padding: 2px 0 8px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .home-category-chip-row::-webkit-scrollbar {
    display: none;
  }

  .home-category-chip-row a {
    flex: 0 0 auto;
  }

  .home-flow-grid,
  .snap-level-grid,
  .homepage-usecase-tiles {
    grid-template-columns: 1fr !important;
  }

  .snap-level-card {
    min-height: auto;
  }

  .refined-level-card {
    padding: 18px;
  }

  .refined-level-card .level-badge {
    margin-bottom: 16px;
  }

  .access-works-strip {
    padding: 18px;
  }

  .split-head,
  .whitelabel-teaser {
    flex-direction: column;
    align-items: stretch;
  }


  .snap-ecosystem-section .creator-strip-actions {
    min-width: 0;
  }

  .snap-ecosystem-section .snap-tool-grid {
    grid-template-columns: 1fr !important;
  }

  .snap-marketplace-shell {
    overflow: hidden;
  }

  .coherent-card-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
  }

  .coherent-card-actions .btn.small-btn,
  .coherent-card-actions .creator-card-link {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    justify-content: center;
    box-sizing: border-box;
  }

  .coherent-card-actions .creator-card-link {
    border-radius: 16px;
    background: rgba(255,255,255,.07);
  }

  .btn,
  .actions .btn,
  .market-actions .btn {
    width: 100%;
    margin-right: 0;
  }

  .offer-card { min-height: auto; }
  .thumb { min-height: 190px; max-height: 230px; }

  .apps-grid { grid-template-columns: 1fr; }

  .list-card {
    display: block;
  }

  .list-card .thumb {
    height: 190px;
    border-right: 0;
    border-bottom: 1px solid rgba(153, 246, 228, 0.12);
  }
}

@media (max-width: 380px) {
  .image-fit-chooser { grid-template-columns: 1fr; }
}

.owner-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 18px 0 22px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 16px 38px rgba(15, 23, 42, .06);
}

.owner-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 13px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, .10);
  background: rgba(255, 255, 255, .82);
  color: #0f172a;
  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}

.owner-nav-link:hover,
.owner-nav-link.active-owner-nav {
  border-color: rgba(20, 184, 166, .42);
  background: linear-gradient(135deg, #14b8a6, #2dd4bf);
  color: #042f2e;
  box-shadow: 0 10px 28px rgba(20, 184, 166, .18);
}

.owner-internal-page .card.wide,
.owner-internal-page .card {
  max-width: 1120px;
}

.owner-filter-form {
  grid-template-columns: minmax(220px, 1.6fr) minmax(140px, .8fr) minmax(140px, .8fr) minmax(160px, .9fr) auto auto;
  align-items: stretch;
}

.creator-manage-search {
  margin: 22px 0 18px;
  grid-template-columns: minmax(220px, 1fr) minmax(150px, 220px) auto auto;
}

.creator-manage-actions {
  margin-bottom: 18px;
}

.creator-item-analytics {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  line-height: 1.35;
  min-width: 92px;
}

.creator-item-analytics span {
  white-space: nowrap;
}

.creator-item-analytics strong {
  font-weight: 800;
  color: #0f172a;
}

.creator-item-analytics-empty {
  font-size: 12px;
}

.creator-analytics-summary {
  margin: 18px 0 0;
}

.creator-analytics-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.creator-analytics-stat {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(15, 23, 42, .04);
  border: 1px solid rgba(15, 23, 42, .06);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.creator-analytics-stat strong {
  font-size: 20px;
  line-height: 1;
  color: #0f172a;
}

.creator-analytics-stat span {
  font-size: 12px;
  color: #64748b;
}

@media (max-width: 720px) {
  .creator-analytics-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owner-filter-form,
  .creator-manage-search {
    grid-template-columns: 1fr;
  }

  .creator-manage-search .btn,
  .owner-filter-form .btn {
    width: 100%;
  }

  .owner-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .owner-nav::-webkit-scrollbar {
    display: none;
  }

  .owner-nav-link {
    flex: 0 0 auto;
  }
}

  

@media (max-width: 640px) {
  .offer-design-panel { padding: 14px; border-radius: 16px; }
  .design-panel-head { display: block; }
  .design-panel-head span { display: inline-flex; margin-top: 10px; }
  .offer-layout-socialstory.offer-detail-card,
  .offer-layout-recommendation.offer-detail-card,
  .offer-layout-product.offer-detail-card { border-radius: 24px; }
  .offer-layout-socialstory .offer-img { width: calc(100% + 32px); margin: -8px -16px 18px; border-radius: 22px; }
  .offer-layout-socialstory .content-visual-placeholder.offer-img,
  .offer-layout-socialstory .page-visual-placeholder { width: 100%; max-width: 100%; margin: 0 0 18px; border-radius: 20px; }
  .offer-layout-socialstory .actions,
  .offer-layout-product .actions { display: grid; grid-template-columns: 1fr; }
  .offer-layout-socialstory .actions .btn,
  .offer-layout-product .actions .btn { width: 100%; justify-content: center; }
}

.offer-usage-panel{margin:18px 0;padding:18px;border-radius:20px;border:1px solid rgba(45,212,191,.20);background:linear-gradient(180deg,rgba(20,184,166,.10),rgba(255,255,255,.035));box-shadow:0 18px 48px rgba(0,0,0,.16)}
.offer-usage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.offer-usage-head h3{margin:4px 0 6px;font-size:22px;letter-spacing:-.03em}.offer-usage-head p{margin:0;color:var(--muted);line-height:1.5}.offer-usage-count{display:flex;align-items:baseline;gap:8px;padding:10px 13px;border-radius:16px;background:rgba(20,184,166,.12);border:1px solid rgba(45,212,191,.18);white-space:nowrap}.offer-usage-count strong{font-size:28px;line-height:1}.offer-usage-count span{color:var(--muted);font-weight:850}.offer-usage-meter{height:10px;margin:14px 0 10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.offer-usage-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent,#14b8a6),#8ef5df)}
@media(max-width:700px){.offer-usage-count{width:100%;justify-content:center}.offer-usage-head h3{font-size:20px}}


.network-webhook-box { border-style: dashed; }

.creator-network-box {
  margin-top: 24px;
  padding: 18px;
  border: 1px solid rgba(20,184,166,.22);
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  color: inherit;
}

.creator-network-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

.creator-network-head h3 { margin: 4px 0 0; }
.creator-network-list { display: grid; gap: 10px; margin-bottom: 14px; }

.network-comment-card,
.network-empty,
.network-login-prompt {
  padding: 13px;
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,23,42,.08);
  color: #162033;
}

.offer-theme-page .network-comment-card,
.offer-theme-page .network-empty,
.offer-theme-page .network-login-prompt,
.creator-marketplace-themed .network-comment-card,
.creator-marketplace-themed .network-empty,
.creator-marketplace-themed .network-login-prompt {
  background: rgba(255,255,255,.08);
  border-color: var(--offer-border, rgba(255,255,255,.16));
  color: var(--offer-text, inherit);
}

.network-comment-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 6px;
  font-size: 13px;
}

.network-comment-meta span {
  color: var(--muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 11px;
}

.creator-comment-form {
  display: grid;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(15,23,42,.10);
}

.comment-action-form { display: grid; gap: 8px; min-width: 190px; }

.reaction-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 12px 0 14px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid color-mix(in srgb, var(--creator-accent, var(--accent)) 20%, var(--offer-border, var(--border)));
  background: color-mix(in srgb, var(--creator-accent, var(--accent)) 8%, var(--offer-card-bg, transparent));
}

.reaction-summary strong {
  color: var(--offer-text, var(--text));
  font-size: 15px;
  font-weight: 950;
}

.reaction-summary-breakdown {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.reaction-summary-breakdown span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 9px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--creator-accent, var(--accent)) 20%, var(--offer-border, var(--border)));
  background: color-mix(in srgb, var(--creator-accent, var(--accent)) 10%, var(--offer-card-bg, rgba(255,255,255,.12)));
  color: var(--offer-text, var(--text));
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.feed-reaction-breakdown {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: -2px 0 4px;
}

.feed-reaction-breakdown span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid rgba(45,212,191,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  color: #ccfbf1;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}



  .loit-feed-hero .market-hero-copy{max-width:760px}
  .loit-feed-shell{max-width:980px}
  .loit-feed-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px;max-width:820px;margin-left:auto;margin-right:auto}
  .universal-feed-head{align-items:flex-end}
  .loit-feed-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px auto 12px;max-width:920px}
  .loit-feed-tab{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 5%, var(--offer-card-bg, rgba(255,255,255,.055)));text-decoration:none;color:var(--offer-text, var(--text));box-shadow:0 12px 28px rgba(0,0,0,.12)}
  .loit-feed-tab strong{font-size:14px;color:var(--offer-text, var(--text))}
  .loit-feed-tab span{font-size:11px;color:var(--offer-muted, var(--muted));font-weight:850}
  .loit-feed-tab.active-feed-tab{border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 55%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 16%, var(--offer-card-bg, rgba(255,255,255,.055)));box-shadow:0 16px 36px color-mix(in srgb,var(--creator-accent, var(--accent)) 14%, transparent)}
  .loit-feed-tab.locked-feed-tab{opacity:.75}
  .loit-feed-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;max-width:920px;margin:0 auto 8px}
  .loit-feed-search .input{background:color-mix(in srgb,var(--creator-accent, var(--accent)) 6%, var(--offer-card-bg, rgba(255,255,255,.08)));border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));color:var(--offer-text, var(--text))}
  .loit-feed-search .input::placeholder{color:color-mix(in srgb,var(--offer-muted, var(--muted)) 78%, transparent)}
  .compact-feed-hero{min-height:auto;padding-top:56px;padding-bottom:34px}
  .compact-feed-hero h1{font-size:clamp(52px,10vw,92px);line-height:.86;margin-bottom:12px}
  .loit-feed-home-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:920px;margin:14px auto 22px;padding:16px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 20%, var(--offer-border, var(--border)));border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--creator-accent, var(--accent)) 12%, var(--offer-card-bg, rgba(255,255,255,.055))),var(--offer-card-bg, rgba(255,255,255,.055)));box-shadow:0 16px 40px rgba(0,0,0,.16)}
  .loit-feed-home-actions strong{display:block;color:var(--offer-text, var(--text));font-size:17px;font-weight:950}
  .loit-feed-home-actions span{display:block;margin-top:3px;color:var(--offer-muted, var(--muted));font-size:13px;line-height:1.4;font-weight:750}
  .loit-feed-home-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .loit-feed-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));border-radius:24px;background:var(--offer-card-bg, rgba(255,255,255,.06));box-shadow:0 16px 42px rgba(0,0,0,.18)}
  .loit-feed-post-head{display:flex;align-items:center;gap:12px}
  .loit-feed-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 16%, var(--offer-card-bg, transparent));border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 28%, var(--offer-border, var(--border)));text-decoration:none;flex:0 0 auto;color:var(--offer-text, var(--text));font-weight:950}
  .loit-feed-avatar img{width:100%;height:100%;object-fit:cover;display:block}
  .loit-feed-author-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
  .loit-feed-author-meta strong,.loit-feed-author-meta strong a{color:var(--offer-text, var(--text));text-decoration:none;font-size:15px}
  .loit-feed-author-meta small,.loit-feed-target{color:var(--offer-muted, var(--muted));font-size:12px;font-weight:750}
  .feed-follow-form{margin:0;display:inline-flex;align-self:center;flex:0 0 auto}
  .feed-follow-btn{min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 26%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 14%, var(--offer-card-bg, transparent));color:var(--offer-text, var(--text));font-size:12px;font-weight:950;cursor:pointer;white-space:nowrap}
  .feed-follow-btn.following{background:color-mix(in srgb,var(--creator-accent, var(--accent)) 7%, var(--offer-card-bg, transparent));border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 20%, var(--offer-border, var(--border)));color:var(--offer-text, var(--text))}
  .feed-follow-btn:hover,.feed-follow-btn:focus-visible{outline:none;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 20%, var(--offer-card-bg, transparent));border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 52%, var(--offer-border, var(--border)))}
  .loit-feed-post-badge{white-space:nowrap}
  .loit-feed-image{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 10%, var(--offer-card-bg, transparent));border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));min-height:260px;color:var(--offer-text, var(--text));font-weight:950;text-decoration:none;letter-spacing:.08em}
  .loit-feed-image img{width:100%;height:100%;min-height:260px;max-height:420px;object-fit:cover;display:block}
  .loit-feed-video{position:relative;overflow:hidden;border-radius:20px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 8%, var(--offer-card-bg, transparent));aspect-ratio:16 / 9;min-height:260px}
  .loit-feed-video iframe,
  .loit-feed-video video{width:100%;height:100%;border:0;display:block;background:#06110f}
  a.loit-feed-video-preview{display:block;position:relative;overflow:hidden;border-radius:20px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));background:#06110f;aspect-ratio:16 / 9;min-height:260px;text-decoration:none;color:#fff}
  .loit-feed-video-preview img{width:100%;height:100%;min-height:260px;max-height:420px;object-fit:cover;display:block}
  .loit-feed-video-preview .loit-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42));pointer-events:none}
  .loit-feed-video-preview .loit-video-play i{width:68px;height:68px;border-radius:50%;background:rgba(0,0,0,.58);border:2px solid rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(0,0,0,.35);position:relative}
  .loit-feed-video-preview .loit-video-play i::before{content:"";position:absolute;left:28px;top:21px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent rgba(255,255,255,.95)}
  .loit-feed-video-preview-fallback .loit-video-play-fallback{background:linear-gradient(135deg,rgba(4,17,15,.92),rgba(15,118,110,.42))}
  .loit-feed-video-preview-fallback .loit-video-play em{position:absolute;bottom:18px;left:18px;font-style:normal;font-size:13px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
  .loit-feed-body{display:flex;flex-direction:column;gap:8px;min-width:0}
  .loit-feed-card h3{margin:0;font-size:22px;line-height:1.2;color:var(--offer-text, var(--text))}
  .loit-feed-card h3 a{color:inherit;text-decoration:none}
  .loit-feed-card p{margin:0;color:var(--offer-muted, var(--muted));line-height:1.55;font-size:15px}
  .loit-feed-social-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--offer-border, var(--border)) 72%, transparent);color:var(--offer-muted, var(--muted));font-size:13px;font-weight:800}
  .loit-feed-social-row a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 16%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 4%, var(--offer-card-bg, transparent));color:var(--offer-text, var(--text));text-decoration:none;font-weight:950}
  .loit-feed-social-row a:hover{background:color-mix(in srgb,var(--creator-accent, var(--accent)) 14%, var(--offer-card-bg, transparent));border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 38%, var(--offer-border, var(--border)))}
  .feed-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0 2px}
  .feed-quick-reactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative}
  .feed-reaction-form{margin:0;display:inline-flex}
  .feed-reaction-btn{border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 6%, var(--offer-card-bg, transparent));color:var(--offer-text, var(--text));border-radius:999px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:950;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
  .feed-reaction-btn:hover,.feed-reaction-btn:focus-visible{transform:translateY(-1px);background:color-mix(in srgb,var(--creator-accent, var(--accent)) 16%, var(--offer-card-bg, transparent));border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 46%, var(--offer-border, var(--border)));outline:none}
  .feed-reaction-btn span{font-size:16px;line-height:1}
  .feed-reaction-btn strong{font-size:12px}
  .feed-reaction-btn em{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 14%, var(--offer-card-bg, transparent));font-style:normal;color:var(--offer-text, var(--text));font-size:11px;font-weight:950}
  .feed-reaction-btn em:empty{display:none}
  .feed-reaction-btn.active-reaction{background:color-mix(in srgb,var(--creator-accent, var(--accent)) 22%, var(--offer-card-bg, transparent));border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 62%, var(--offer-border, var(--border)));box-shadow:0 10px 24px color-mix(in srgb,var(--creator-accent, var(--accent)) 12%, transparent)}
  .feed-reaction-btn.just-reacted{animation:feedReactPop .38s ease}
  @keyframes feedReactPop{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
  .feed-secondary-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 12%, var(--offer-border, var(--border)));border-radius:999px;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 3%, var(--offer-card-bg, transparent))}
  .feed-action-link{color:var(--offer-text, var(--text));text-decoration:none;font-size:13px;font-weight:950}
  .feed-action-link:hover{text-decoration:underline}
  .strong-action,.feed-secondary-actions .feed-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 10%, var(--offer-card-bg, transparent));border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 22%, var(--offer-border, var(--border)))}
  .feed-secondary-actions .feed-action-link:hover{background:color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-card-bg, transparent));border-color:color-mix(in srgb,var(--creator-accent, var(--accent)) 45%, var(--offer-border, var(--border)));text-decoration:none}
  .feed-reaction-more{position:relative}
  .feed-reaction-more-summary{list-style:none;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 4%, var(--offer-card-bg, transparent));color:var(--offer-text, var(--text));border-radius:999px;padding:9px 12px;font-size:12px;font-weight:950;cursor:pointer}
  .feed-reaction-more-summary::-webkit-details-marker{display:none}
  .feed-reaction-menu{position:absolute;left:0;bottom:calc(100% + 8px);display:flex;gap:7px;padding:9px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 22%, var(--offer-border, var(--border)));border-radius:18px;background:var(--offer-panel-bg, #071f1b);box-shadow:0 20px 44px rgba(0,0,0,.32);z-index:20;min-width:max-content}
  .feed-reaction-more:not([open]) .feed-reaction-menu{display:none}
  @media(hover:hover){.feed-reaction-more:hover .feed-reaction-menu,.feed-reaction-more:focus-within .feed-reaction-menu{display:flex}.feed-reaction-more:hover:not([open]) .feed-reaction-menu{display:flex}}
  .loit-feed-footer{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;color:var(--offer-muted, var(--muted));font-weight:850}
  .loit-feed-footer span{font-size:13px;color:var(--offer-muted, var(--muted))}
  .loit-feed-empty{grid-column:1/-1}
  body.loit-social-feed-page:not(.personalized-feed-page){
    --creator-accent:#2dd4bf;
    --offer-text:#f8fffd;
    --offer-muted:#b8e7df;
    --offer-card-bg:rgba(7,31,27,.82);
    --offer-panel-bg:rgba(7,31,27,.74);
    --offer-border:rgba(45,212,191,.20);
    --feed-action-bg:#111827;
    --feed-action-hover-bg:#1f2937;
    --feed-action-border:rgba(15,23,42,.26);
    --feed-action-text:#fff;
  }
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-tab,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-home-actions,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-search .input{
    color:var(--offer-text) !important;
  }
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card h3,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card h3 a,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-author-meta strong,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-author-meta strong a,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-tab strong,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-home-actions strong{
    color:var(--offer-text) !important;
  }
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card p,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-author-meta small,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-target,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-tab span,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-home-actions span,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-social-row{
    color:var(--offer-muted) !important;
  }
  body.personalized-feed-page{
    --feed-readable-muted:color-mix(in srgb, var(--offer-muted) 78%, var(--offer-text) 22%);
    --feed-readable-accent:color-mix(in srgb, var(--creator-accent) 78%, var(--offer-text) 22%);
    --feed-soft-accent:color-mix(in srgb, var(--creator-accent) 12%, transparent);
    background:
      radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--creator-accent) 20%, transparent), transparent 30%),
      radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--creator-accent) 10%, transparent), transparent 26%),
      var(--offer-page-bg) !important;
    color:var(--offer-text);
  }
  body.personalized-feed-page .creator-public-nav,
  body.personalized-feed-page .market-hero,
  body.personalized-feed-page .market-shell,
  body.personalized-feed-page .market-creator-strip,
  body.personalized-feed-page .loit-feed-home-actions {
    background:color-mix(in srgb, var(--creator-accent) 7%, var(--offer-panel-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .loit-feed-tab,
  body.personalized-feed-page .loit-feed-card,
  body.personalized-feed-page .feed-reaction-btn,
  body.personalized-feed-page .feed-reaction-more-summary,
  body.personalized-feed-page .feed-action-link,
  body.personalized-feed-page .loit-feed-search .input {
    background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 20%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .loit-feed-tab.active-feed-tab,
  body.personalized-feed-page .feed-reaction-btn.active-reaction {
    background:color-mix(in srgb, var(--creator-accent) 20%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 48%, var(--offer-border)) !important;
  }
  body.personalized-feed-page .market-kicker,
  body.personalized-feed-page .status-kicker,
  body.personalized-feed-page .loit-feed-tab span,
  body.personalized-feed-page .loit-feed-author-meta small,
  body.personalized-feed-page .loit-feed-target,
  body.personalized-feed-page .loit-feed-card p,
  body.personalized-feed-page .loit-feed-social-row,
  body.personalized-feed-page .loit-feed-home-actions span {
    color:var(--offer-muted) !important;
  }
  body.personalized-feed-page .loit-feed-card h3,
  body.personalized-feed-page .loit-feed-card h3 a,
  body.personalized-feed-page .loit-feed-author-meta strong,
  body.personalized-feed-page .loit-feed-author-meta strong a,
  body.personalized-feed-page .loit-feed-tab strong,
  body.personalized-feed-page .loit-feed-home-actions strong,
  body.personalized-feed-page .market-shell h2,
  body.personalized-feed-page .market-hero h1 {
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .btn,
  body.personalized-feed-page .btn.glow,
  body.personalized-feed-page .loit-feed-card .btn,
  body.personalized-feed-page .loit-feed-search .btn {
    background:var(--creator-accent) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 38%, var(--offer-border)) !important;
    color:var(--offer-button-text) !important;
  }
  body.personalized-feed-page .btn.ghost,
  body.personalized-feed-page .btn.secondary,
  body.personalized-feed-page .dark-outline,
  body.personalized-feed-page .loit-feed-card .btn.ghost {
    background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
    color:var(--offer-text) !important;
  }
  body.loit-social-feed-page:not(.personalized-feed-page) .btn,
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.glow,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card .btn,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-search .btn {
    background:var(--feed-action-bg, #111827) !important;
    border-color:var(--feed-action-border, rgba(15,23,42,.18)) !important;
    color:var(--feed-action-text, #fff) !important;
    box-shadow:none !important;
  }
  body.loit-social-feed-page:not(.personalized-feed-page) .btn:hover,
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.glow:hover,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card .btn:hover,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-search .btn:hover {
    background:var(--feed-action-hover-bg, #1f2937) !important;
    color:var(--feed-action-text, #fff) !important;
    filter:none !important;
  }
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.ghost,
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.secondary,
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.dark-outline,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card .btn.ghost,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-search .btn.ghost {
    background:rgba(255,255,255,.06) !important;
    border-color:rgba(45,212,191,.22) !important;
    color:#ccfbf1 !important;
  }
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.ghost:hover,
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.secondary:hover,
  body.loit-social-feed-page:not(.personalized-feed-page) .btn.dark-outline:hover,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-card .btn.ghost:hover,
  body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-search .btn.ghost:hover {
    background:rgba(20,184,166,.16) !important;
    color:#f8fffd !important;
  }
  .feed-type-comment .loit-feed-image,.feed-type-reaction .loit-feed-image{min-height:220px}
  .creator-follow-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 22%, var(--offer-border, var(--border)));border-radius:18px;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 7%, var(--offer-card-bg, rgba(255,255,255,.075)));box-shadow:0 14px 32px rgba(0,0,0,.14)}
  .creator-follow-box strong{color:var(--offer-text, var(--text));font-size:15px;font-weight:950}
  .creator-follow-box span{color:var(--offer-muted, var(--muted));font-size:13px;line-height:1.35;flex:1;min-width:190px}
  .creator-follow-box .btn{margin-left:auto}
  .following-creator-strip{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 20px}
  .following-creator-strip a{display:flex;flex-direction:column;gap:3px;text-decoration:none;padding:11px 13px;border-radius:16px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));background:color-mix(in srgb,var(--creator-accent, var(--accent)) 5%, var(--offer-card-bg, rgba(255,255,255,.055)));min-width:145px}
  .following-creator-strip strong{color:var(--offer-text, var(--text));font-size:13px}
  .following-creator-strip span{color:var(--offer-muted, var(--muted));font-size:12px;font-weight:800}
  body.personalized-feed-page .btn,
  body.personalized-feed-page .btn.glow,
  body.personalized-feed-page .loit-feed-card .btn,
  body.personalized-feed-page .loit-feed-search .btn {
    background:var(--creator-accent) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 38%, var(--offer-border)) !important;
    color:var(--offer-button-text) !important;
  }
  body.personalized-feed-page .btn.ghost,
  body.personalized-feed-page .btn.secondary,
  body.personalized-feed-page .btn.dark-outline,
  body.personalized-feed-page .loit-feed-card .btn.ghost,
  body.personalized-feed-page .loit-feed-search .btn.ghost {
    background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .creator-public-nav-link.primary,
  body.personalized-feed-page .creator-public-nav-link.active {
    background:var(--creator-accent) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 44%, var(--offer-border)) !important;
    color:var(--offer-button-text) !important;
  }
  body.personalized-feed-page .creator-public-nav-link,
  body.personalized-feed-page .creator-public-nav-id,
  body.personalized-feed-page .dark-brand,
  body.personalized-feed-page .brand-line.dark-brand {
    background:color-mix(in srgb, var(--creator-accent) 9%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 24%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .dark-brand span,
  body.personalized-feed-page .brand-line.dark-brand span,
  body.personalized-feed-page .market-kicker {
    color:var(--creator-accent) !important;
  }
  body.personalized-feed-page .snap-hero-panel,
  body.personalized-feed-page .loit-social-panel {
    background:color-mix(in srgb, var(--creator-accent) 7%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .snap-hero-panel span,
  body.personalized-feed-page .loit-social-panel span,
  body.personalized-feed-page .following-creator-strip a,
  body.personalized-feed-page .creator-follow-box {
    background:color-mix(in srgb, var(--creator-accent) 10%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 24%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .snap-hero-panel span,
  body.personalized-feed-page .loit-social-panel span {
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .market-hero p:not(.market-kicker),
  body.personalized-feed-page .market-hero-copy p:not(.market-kicker),
  body.personalized-feed-page .snap-home-hero p:not(.market-kicker),
  body.personalized-feed-page .market-shell p:not(.market-kicker),
  body.personalized-feed-page .loit-feed-home-actions span,
  body.personalized-feed-page .loit-feed-card p {
    color:var(--feed-readable-muted) !important;
  }
  body.personalized-feed-page .market-kicker,
  body.personalized-feed-page .status-kicker,
  body.personalized-feed-page .creator-public-nav-id span,
  body.personalized-feed-page .dark-brand span,
  body.personalized-feed-page .brand-line.dark-brand span {
    color:var(--feed-readable-accent) !important;
  }
  body.personalized-feed-page .snap-hero-panel strong,
  body.personalized-feed-page .loit-social-panel strong,
  body.personalized-feed-page .creator-public-nav-id strong {
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .snap-hero-panel span,
  body.personalized-feed-page .loit-social-panel span {
    background:color-mix(in srgb, var(--creator-accent) 6%, var(--offer-panel-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 20%, var(--offer-border)) !important;
  }
  body.personalized-feed-page .market-hero-polished::after,
  body.personalized-feed-page .snap-home-hero:after {
    background:var(--feed-soft-accent) !important;
  }

  .loit-social-session-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%, rgba(255,255,255,.05)),rgba(255,255,255,.05));margin:0 0 18px;box-shadow:0 14px 36px rgba(0,0,0,.12)}
  .loit-social-session-bar strong{display:block;font-size:18px;color:var(--text)}
  .loit-social-session-bar small{display:block;color:var(--muted);margin-top:3px;line-height:1.35}
  .loit-social-session-bar.logged-out{background:linear-gradient(135deg,rgba(255,255,255,.10),color-mix(in srgb,var(--accent) 8%, transparent))}
  .loit-social-session-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
  .loit-social-session-actions-compact{flex-wrap:nowrap;gap:6px}
  .loit-social-session-bar.logged-out{align-items:center}
  .loit-social-session-bar.logged-out .loit-social-session-copy{min-width:0;flex:1 1 auto}
  .loit-social-session-bar.logged-out .loit-social-session-actions-compact{flex:0 0 auto}
  .network-login-prompt-compact{padding:10px 12px;margin-top:0}
  .network-login-prompt-compact p{margin:0;font-size:13px;line-height:1.4}
  .positive-reaction-box{border:1px solid var(--border);border-radius:20px;padding:14px;background:rgba(255,255,255,.06);margin:14px 0 18px}
  .positive-reaction-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
  .positive-reaction-head strong{color:var(--text)}
  .positive-reaction-row{display:flex;gap:8px;flex-wrap:wrap}
  .reaction-form{margin:0;display:inline-flex}
  .reaction-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.10);color:var(--text);font-weight:800;text-decoration:none;cursor:pointer;font:inherit;line-height:1;transition:transform .15s ease,border-color .15s ease,background .15s ease}
  .reaction-pill:hover{transform:translateY(-1px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%, transparent)}
  .reaction-pill.active-reaction{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%, transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%, transparent) inset}
  .reaction-pill:disabled{opacity:.72;cursor:wait;transform:none}
  .reaction-note{margin:10px 0 0;font-size:12px}
  .reaction-pill span{font-size:17px;line-height:1}
  .reaction-pill strong{font-size:13px;color:var(--text)}
  .reaction-pill em{font-style:normal;min-width:20px;text-align:center;border-radius:999px;padding:3px 6px;background:color-mix(in srgb,var(--accent) 16%, transparent);color:var(--text);font-size:12px}
  body.personalized-feed-page .loit-feed-avatar,
  body.personalized-feed-page .loit-feed-image,
  body.personalized-feed-page .loit-feed-video,
  body.personalized-feed-page .strong-action,
  body.personalized-feed-page .feed-reaction-menu,
  body.personalized-feed-page .loit-social-session-bar,
  body.personalized-feed-page .loit-social-session-bar.logged-out,
  body.personalized-feed-page .positive-reaction-box,
  body.personalized-feed-page .reaction-summary,
  body.personalized-feed-page .reaction-pill {
    background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .feed-reaction-breakdown span,
  body.personalized-feed-page .reaction-summary-breakdown span,
  body.personalized-feed-page .loit-feed-post-badge,
  body.personalized-feed-page .mini-badge.loit-feed-post-badge {
    background:color-mix(in srgb, var(--creator-accent) 7%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 24%, var(--offer-border)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .feed-type-reaction .loit-feed-post-badge,
  body.personalized-feed-page .feed-type-comment .loit-feed-post-badge {
    color:var(--feed-readable-accent) !important;
  }
  body.personalized-feed-page .loit-feed-footer,
  body.personalized-feed-page .loit-feed-footer span,
  body.personalized-feed-page .creator-follow-box span,
  body.personalized-feed-page .following-creator-strip span,
  body.personalized-feed-page .reaction-note,
  body.personalized-feed-page .loit-social-session-bar small {
    color:var(--offer-muted) !important;
  }
  body.personalized-feed-page .loit-feed-social-row a,
  body.personalized-feed-page .feed-action-link,
  body.personalized-feed-page .feed-reaction-more-summary {
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .feed-reaction-btn em,
  body.personalized-feed-page .reaction-pill em {
    background:color-mix(in srgb, var(--creator-accent) 16%, var(--offer-panel-bg)) !important;
    color:var(--offer-text) !important;
  }
  body.personalized-feed-page .feed-reaction-btn:hover,
  body.personalized-feed-page .feed-reaction-btn:focus-visible,
  body.personalized-feed-page .feed-reaction-btn.active-reaction,
  body.personalized-feed-page .reaction-pill:hover,
  body.personalized-feed-page .reaction-pill.active-reaction {
    background:color-mix(in srgb, var(--creator-accent) 18%, var(--offer-card-bg)) !important;
    border-color:color-mix(in srgb, var(--creator-accent) 48%, var(--offer-border)) !important;
    box-shadow:0 0 0 2px color-mix(in srgb, var(--creator-accent) 12%, transparent) inset !important;
  }
  .creator-network-box{scroll-margin-top:24px}
  .creator-network-head p{margin:.35rem 0 0}
  @media(max-width:900px){.loit-feed-grid{grid-template-columns:1fr;max-width:100%}.loit-feed-card{padding:16px}.loit-feed-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.loit-feed-search{grid-template-columns:1fr}}
  @media(max-width:760px){.loit-social-session-bar,.loit-feed-home-actions{align-items:flex-start;flex-direction:column}.loit-social-session-bar.logged-out{flex-direction:row;align-items:center;gap:10px;padding:12px 14px}.loit-social-session-bar.logged-out .loit-social-session-copy{flex:1 1 auto;min-width:0}.loit-social-session-bar.logged-out strong{font-size:15px;line-height:1.15}.loit-social-session-bar.logged-out small{font-size:12px;line-height:1.3;margin-top:2px}.loit-social-session-bar.logged-out .loit-social-session-actions-compact{display:flex;flex:0 0 auto;width:auto;max-width:42%;overflow:visible;justify-content:flex-end}.loit-social-session-bar.logged-out .loit-social-session-actions-compact .btn{min-width:0;max-width:none;width:auto;min-height:36px;padding:8px 11px;font-size:12px;font-weight:800;white-space:nowrap}.loit-social-session-bar:not(.logged-out) .session-action-optional{display:none}.loit-social-session-bar:not(.logged-out) .loit-social-session-actions-compact .btn{min-height:38px;padding:8px 10px;font-size:12px;font-weight:850}.loit-feed-home-action-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.loit-feed-home-action-buttons .btn{width:100%;justify-content:center}.loit-social-session-actions{justify-content:flex-start}.positive-reaction-row{gap:7px}.reaction-pill{padding:8px 10px}.reaction-pill strong{font-size:12px}.loit-feed-post-head{align-items:flex-start;gap:10px}.feed-follow-form{order:4;width:100%;margin-top:4px}.feed-follow-btn{width:100%;min-height:40px}.loit-feed-post-badge{display:none}.loit-feed-image,.loit-feed-image img,.loit-feed-video{min-height:190px}.feed-action-bar{align-items:stretch;flex-direction:column;gap:10px;padding-top:4px}.feed-action-bar-passive{align-items:flex-start}.feed-quick-reactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}.feed-reaction-form{width:100%}.feed-reaction-btn,.feed-reaction-more-summary{width:100%;justify-content:center;min-height:44px;padding:10px 6px}.feed-reaction-btn span{font-size:18px}.feed-reaction-btn strong{display:none}.feed-reaction-more-summary{font-size:0}.feed-reaction-more-summary:after{content:'More';font-size:11px}.feed-reaction-menu{left:auto;right:0;bottom:calc(100% + 8px);grid-template-columns:repeat(3,minmax(0,1fr));min-width:220px}.feed-reaction-more[open] .feed-reaction-menu{display:grid}.feed-reaction-menu .feed-reaction-btn strong{display:inline;font-size:11px}.feed-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:0;border:0;background:transparent}.feed-action-link{text-align:center;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 22%, var(--offer-border, var(--border)));border-radius:999px;padding:10px 8px;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 7%, var(--offer-card-bg, transparent));font-weight:950}.feed-action-bar-logged-out .strong-action{min-height:44px;display:flex;align-items:center;justify-content:center}.loit-feed-social-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.loit-feed-social-row a{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:7px 10px;border:1px solid color-mix(in srgb,var(--creator-accent, var(--accent)) 18%, var(--offer-border, var(--border)));border-radius:999px;background:color-mix(in srgb,var(--creator-accent, var(--accent)) 4%, var(--offer-card-bg, transparent));white-space:nowrap}}
  @media(max-width:760px){
    body.personalized-feed-page .feed-action-link {
      background:color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
      border-color:color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
      color:var(--offer-text) !important;
    }
  }
  @media(max-width:760px){
    html,body.loit-social-feed-page{max-width:100%;overflow-x:hidden}
    body.loit-social-feed-page .wrap,
    body.loit-social-feed-page .market-shell,
    body.loit-social-feed-page .loit-feed-shell,
    body.loit-social-feed-page .loit-feed-grid{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
    body.loit-social-feed-page .home-hero-actions,
    body.loit-social-feed-page .market-actions.home-hero-actions,
    body.loit-social-feed-page .universal-feed-head .creator-strip-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;align-items:stretch}
    body.loit-social-feed-page .home-hero-actions .btn,
    body.loit-social-feed-page .universal-feed-head .creator-strip-actions .btn{width:100%;min-height:52px;justify-content:center;box-sizing:border-box}
    body.loit-social-feed-page .loit-feed-shell{padding-left:12px;padding-right:12px}
    body.loit-social-feed-page .loit-feed-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:14px;border-radius:20px;overflow:hidden}
    body.loit-social-feed-page .loit-feed-body,
    body.loit-social-feed-page .loit-feed-author-meta,
    body.loit-social-feed-page .loit-feed-social-row,
    body.loit-social-feed-page .feed-action-bar,
    body.loit-social-feed-page .loit-feed-footer{min-width:0;max-width:100%}
    body.loit-social-feed-page .loit-feed-image,
    body.loit-social-feed-page .loit-feed-video{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-radius:18px}
    body.loit-social-feed-page .loit-feed-image img,
    body.loit-social-feed-page .loit-feed-video iframe,
    body.loit-social-feed-page .loit-feed-video video{width:100%;max-width:100%;min-width:0}
    body.loit-social-feed-page .content-visual-placeholder{width:100%;max-width:100%;min-width:0;box-sizing:border-box;aspect-ratio:auto;min-height:200px;padding:16px}
    body.loit-social-feed-page .content-visual-placeholder strong{display:block;max-width:100%;overflow-wrap:anywhere;word-break:normal;font-size:24px;line-height:1.02}
    body.loit-social-feed-page .content-visual-placeholder span,
    body.loit-social-feed-page .content-visual-placeholder em{max-width:100%;white-space:normal}
    body.loit-social-feed-page .content-visual-placeholder i{right:12px;bottom:12px;width:86px;height:86px}
    body.loit-social-feed-page .feed-quick-reactions{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}
    body.loit-social-feed-page .feed-reaction-more{min-width:0}
    body.loit-social-feed-page .feed-reaction-menu{right:0;left:auto;max-width:calc(100vw - 44px);min-width:0;box-sizing:border-box}
    body.loit-social-feed-page .loit-feed-footer{display:grid;grid-template-columns:1fr;gap:8px}
    body.loit-social-feed-page .loit-feed-card .btn{width:100%;max-width:100%;justify-content:center;box-sizing:border-box;white-space:normal}
  }

/* Step 35E clarity additions */
.ecosystem-clarity-strip,.submit-clarity-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;padding:16px;border:1px solid rgba(20,184,166,.16);border-radius:20px;background:linear-gradient(135deg,rgba(20,184,166,.08),rgba(255,255,255,.72));}
.submit-clarity-panel{grid-template-columns:repeat(4,minmax(0,1fr));}
.ecosystem-clarity-strip div,.submit-clarity-panel div,.ref-explainer-grid div{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.04);}
.ecosystem-clarity-strip strong,.submit-clarity-panel strong,.ref-explainer-grid strong{display:block;color:#0f172a;margin-bottom:6px;font-weight:900;}
.ecosystem-clarity-strip span,.submit-clarity-panel span,.ref-explainer-grid span{display:block;color:#64748b;line-height:1.45;font-size:.94rem;}
.clear-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0;}
.ref-explainer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0;}
.ref-education-card code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:1px 5px;color:#0f172a;font-weight:800;}
.tracked-url-preview{margin:12px 0;}
.creator-quick-menu{gap:8px;flex-wrap:wrap;}
.creator-quick-link{white-space:nowrap;}
@media(max-width:900px){.ecosystem-clarity-strip,.submit-clarity-panel,.ref-explainer-grid{grid-template-columns:1fr;}.clear-action-grid{grid-template-columns:1fr;}}
@media(max-width:760px){.feed-interest-grid{grid-template-columns:1fr}.feed-interest-option{padding:11px}}

/* Creator internal app polish + backend workspace shell */
body.backend-workspace-page,body.creator-internal-page{--creator-app-bg:#f8fafc;--creator-app-ink:#0d1726;--creator-app-muted:#5c6b7f;--creator-app-line:rgba(15,23,42,.09);--creator-app-soft:#f5fffc;--creator-app-glow:rgba(20,184,166,.14)}
body.backend-workspace-page{background:#f8fafc!important;background-image:none!important;color:var(--creator-app-ink,#0d1726);padding:16px 24px 40px}
body.backend-workspace-page:before{display:none}
body.backend-workspace-page .card,body.backend-workspace-page .card.wide{width:min(1320px,calc(100% - 48px));max-width:1320px;margin:8px auto 18px;padding:22px 26px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.05),0 10px 28px rgba(15,23,42,.06)}
body.backend-workspace-page .card:not(.wide){max-width:960px;width:min(960px,calc(100% - 48px))}
body.backend-workspace-page .loit-legal-footer{max-width:1320px;width:min(1320px,calc(100% - 48px));margin:12px auto 8px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
body.backend-workspace-page.creator-internal-page h1{font-size:clamp(28px,3.5vw,44px);line-height:1;margin-top:6px}
body.creator-landing-page .card.creator-card{max-width:1120px;width:min(1120px,calc(100% - 48px))}
body.creator-landing-page .loit-legal-footer{max-width:1120px;width:min(1120px,calc(100% - 48px))}
body.creator-landing-page .brand-line.admin-brand{width:max-content;padding:5px 9px;border-radius:999px;border:1px solid rgba(20,184,166,.20);background:rgba(20,184,166,.08);color:#0f766e;font-size:11px}
body.creator-landing-page h1{font-size:clamp(28px,3.5vw,40px);line-height:1.05;margin-top:8px;color:#08111f}
body.creator-landing-page .deal-box.accessgate-box{border:1px solid rgba(20,184,166,.22);background:radial-gradient(circle at top right,rgba(20,184,166,.12),transparent 46%),linear-gradient(180deg,#f2fffb,#fff);box-shadow:0 10px 28px rgba(15,23,42,.05)}
body.creator-landing-page .helper-box{border:1px solid rgba(15,23,42,.08);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94));box-shadow:0 8px 24px rgba(15,23,42,.04)}
@media(max-width:900px){body.creator-landing-page .card.creator-card{width:min(100%,calc(100% - 8px))}}
body.creator-internal-page .brand-line.admin-brand{width:max-content;padding:5px 9px;border-radius:999px;border:1px solid rgba(20,184,166,.20);background:rgba(20,184,166,.08);color:#0f766e;font-size:11px}
body.creator-internal-page h1{max-width:820px;margin-top:10px;font-size:clamp(34px,5vw,62px);line-height:.92;letter-spacing:-.04em;color:#08111f}
body.creator-internal-page .card>p,body.creator-internal-page .creator-dash-head p{max-width:760px;color:var(--creator-app-muted);font-size:15px;line-height:1.6}
body.creator-internal-page .creator-dash-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start;gap:22px;padding:8px 0 4px}
body.creator-internal-page .creator-access-card{border:1px solid rgba(20,184,166,.22);background:radial-gradient(circle at top right,rgba(20,184,166,.20),transparent 46%),linear-gradient(180deg,#f2fffb,#fff);box-shadow:0 18px 42px rgba(15,23,42,.08)}
body.creator-internal-page .creator-quick-menu{position:sticky;top:10px;z-index:20;padding:9px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 18px 44px rgba(15,23,42,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.creator-internal-page .showcase-switcher{position:relative;margin:0 0 14px;max-width:100%}body.creator-internal-page .showcase-switcher-hero{margin:0 0 18px;max-width:100%}body.creator-internal-page .showcase-hero-badge{display:grid;gap:4px;margin:0 0 14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(20,184,166,.22);background:radial-gradient(circle at top right,rgba(20,184,166,.16),transparent 46%),linear-gradient(180deg,#f2fffb,#fff);max-width:100%}body.creator-internal-page .showcase-hero-badge span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}body.creator-internal-page .showcase-hero-badge strong{font-size:18px;line-height:1.15;color:#07111f}body.creator-internal-page .showcase-hero-badge small{color:#64748b;font-size:12px}body.creator-internal-page .showcase-content-usage{margin-top:8px;padding-top:10px;border-top:1px solid rgba(20,184,166,.16);display:grid;gap:6px}body.creator-internal-page .showcase-content-usage-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}body.creator-internal-page .showcase-content-usage-head strong{font-size:16px;color:#0f766e}body.creator-internal-page .showcase-content-usage-head span{font-size:13px;font-weight:800;color:#334155}body.creator-internal-page .showcase-content-usage-meter{height:8px;border-radius:999px;background:rgba(15,23,42,.08);overflow:hidden}body.creator-internal-page .showcase-content-usage-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#14b8a6,#8ef5df)}body.creator-internal-page .showcase-content-usage small{color:#64748b;font-size:11px;line-height:1.4}body.creator-internal-page .showcase-panel-static{display:block;position:relative;width:100%;max-height:none;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 42px rgba(15,23,42,.06)}body.creator-internal-page .showcase-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}body.creator-internal-page .showcase-card{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fff;color:#07111f;text-align:left;cursor:pointer}body.creator-internal-page .showcase-card.current{border-color:rgba(20,184,166,.34);background:#effefa;cursor:default}body.creator-internal-page .showcase-card span:first-child{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(20,184,166,.12);color:#0f766e;font-weight:900;flex:0 0 auto}body.creator-internal-page .showcase-card span:last-child{display:grid;gap:2px;min-width:0}body.creator-internal-page .showcase-card small{color:#64748b;font-size:12px}body.creator-internal-page .showcase-switcher-select .pill{display:block;margin-bottom:8px;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}body.creator-internal-page .showcase-switcher-select small{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.45}body.creator-internal-page .showcase-switcher.is-switching .showcase-switch-overlay{display:flex}body.creator-internal-page .showcase-switch-overlay{display:none;position:absolute;inset:0;align-items:center;justify-content:center;border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(3px);z-index:2;font-weight:800;color:#0f766e}
body.creator-internal-page .creator-quick-link{min-height:38px;border-color:rgba(15,23,42,.07);background:rgba(255,255,255,.72);color:#0f172a;transition:transform .16s ease,background .16s ease,border-color .16s ease}
body.creator-internal-page .creator-quick-link:hover{transform:translateY(-1px);border-color:rgba(20,184,166,.28);background:#effefa}
body.creator-internal-page .creator-quick-link.active{background:#07111f;border-color:#07111f;color:#fff;box-shadow:0 10px 24px rgba(7,17,31,.20)}
body.creator-internal-page .creator-social-home-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:18px;align-items:center;margin:18px 0 20px;padding:22px;border-radius:24px;border:1px solid rgba(20,184,166,.22);background:radial-gradient(circle at 8% 0%,rgba(20,184,166,.24),transparent 34%),linear-gradient(135deg,#f0fffb,#ffffff 54%,#f8fafc);box-shadow:0 20px 54px rgba(15,23,42,.09)}
body.creator-internal-page .creator-social-home-copy h2{margin:6px 0 8px;max-width:760px;font-size:clamp(28px,4vw,46px);line-height:.96;letter-spacing:-.04em;color:#07111f}
body.creator-internal-page .creator-social-home-copy p{margin:0;max-width:760px;color:var(--creator-app-muted);font-size:15px;line-height:1.6}
body.creator-internal-page .creator-social-home-actions{display:grid;grid-template-columns:1fr;gap:9px}
body.creator-internal-page .creator-social-home-actions .btn{width:100%;justify-content:center}
body.creator-internal-page .creator-social-home-actions .btn:first-child{min-height:48px;font-size:15px}
body.creator-internal-page .creator-create-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
body.creator-internal-page .creator-create-choice-card{display:flex;flex-direction:column;gap:10px;min-height:260px;padding:24px;border-radius:24px;border:1px solid rgba(15,23,42,.09);background:linear-gradient(180deg,#fff,#f8fafc);color:#07111f;text-decoration:none;box-shadow:0 18px 48px rgba(15,23,42,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
body.creator-internal-page .creator-create-choice-card:hover{transform:translateY(-2px);border-color:rgba(20,184,166,.34);box-shadow:0 24px 58px rgba(15,23,42,.12);text-decoration:none}
body.creator-internal-page .creator-create-choice-card.primary{background:radial-gradient(circle at top right,rgba(20,184,166,.26),transparent 40%),linear-gradient(180deg,#ecfffb,#fff);border-color:rgba(20,184,166,.26)}
body.creator-internal-page .creator-create-choice-card span{width:max-content;padding:7px 10px;border-radius:999px;background:rgba(20,184,166,.12);color:#0f766e;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
body.creator-internal-page .creator-create-choice-card strong{font-size:clamp(26px,3vw,38px);line-height:.95;letter-spacing:-.04em}
body.creator-internal-page .creator-create-choice-card p{margin:0;color:#334155;font-size:16px;line-height:1.5}
body.creator-internal-page .creator-create-choice-card small{margin-top:auto;color:#64748b;font-size:13px;line-height:1.45;font-weight:800}
body.creator-internal-page .creator-create-helper{margin-top:8px}
body.creator-internal-page .ecosystem-clarity-strip,body.creator-internal-page .submit-clarity-panel,body.creator-internal-page .ref-explainer-grid,body.creator-internal-page .creator-action-grid{gap:14px}
body.creator-internal-page .ecosystem-clarity-strip div,body.creator-internal-page .submit-clarity-panel div,body.creator-internal-page .ref-explainer-grid div,body.creator-internal-page .creator-tool-card,body.creator-internal-page .my-app-card{border:1px solid var(--creator-app-line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 14px 36px rgba(15,23,42,.07)}
body.creator-internal-page .creator-tool-card{min-height:174px;padding:18px}
body.creator-internal-page .creator-tool-card.primary,body.creator-internal-page .my-app-card.current{border-color:rgba(20,184,166,.28);background:radial-gradient(circle at top right,rgba(20,184,166,.26),transparent 44%),linear-gradient(180deg,#ecfffb,#fff);color:#08201d}
body.creator-internal-page .creator-tool-card span,body.creator-internal-page .my-app-card span{min-width:42px;height:34px;padding:0 8px;border-radius:12px;background:rgba(20,184,166,.12);color:#0f766e;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;letter-spacing:0}
body.creator-internal-page .deal-box,body.creator-internal-page .helper-box,body.creator-internal-page .offer-usage-panel,body.creator-internal-page .creator-profile-box,body.creator-internal-page .creator-ref-card,body.creator-internal-page .creator-import-box,body.creator-internal-page .seo-box,body.creator-internal-page .ai-assist-panel,body.creator-internal-page .creator-publish-mode-box{border:1px solid rgba(15,23,42,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94));box-shadow:0 16px 42px rgba(15,23,42,.06)}
body.creator-internal-page .creator-import-box,body.creator-internal-page .ai-assist-panel,body.creator-internal-page .offer-usage-panel{border-color:rgba(20,184,166,.20);background:radial-gradient(circle at top right,rgba(20,184,166,.16),transparent 38%),linear-gradient(180deg,#effefa,#fff)}
body.creator-internal-page .creator-feed-preferences{border-color:rgba(91,131,246,.18);background:radial-gradient(circle at top right,rgba(91,131,246,.14),transparent 38%),linear-gradient(180deg,#f4fbff,#fff)}
.feed-interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.feed-interest-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:rgba(255,255,255,.82);cursor:pointer}
.feed-interest-option input{grid-row:1/3;margin-top:3px;accent-color:#14b8a6}
.feed-interest-option strong{color:#102033;font-size:13px;font-weight:950}
.feed-interest-option span{color:#607086;font-size:12px;line-height:1.35}
body.creator-internal-page .share-copy-box{border-style:dashed;background:linear-gradient(180deg,#fff,#f8fafc)}
body.creator-internal-page .share-pack-box{border-style:dashed;background:linear-gradient(180deg,#fff,#f8fafc)}
.share-pack-preview{margin:12px 0 0;padding:14px 16px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.92);color:#172033;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto}
.share-pack-image-preview{margin-top:12px;border:1px solid rgba(15,23,42,.08);border-radius:14px;overflow:hidden;background:#07111f}
.share-pack-image-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.share-pack-actions{margin-top:12px}
.share-pack-inline{display:block;margin-top:8px}
.share-pack-actions-compact{display:flex;flex-wrap:wrap;gap:6px}
.share-pack-actions-compact .btn{min-height:36px;padding-inline:10px;font-size:12px}
body.creator-internal-page .label{margin-top:14px;color:#172033;font-weight:950}
body.creator-internal-page .input,body.creator-internal-page .textarea,body.creator-internal-page select.input{min-height:44px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 1px 0 rgba(255,255,255,.90) inset}
body.creator-internal-page .input:focus,body.creator-internal-page .textarea:focus,body.creator-internal-page select.input:focus{outline:none;border-color:rgba(20,184,166,.55);box-shadow:0 0 0 4px rgba(20,184,166,.12)}
body.creator-internal-page .btn{border-radius:14px;min-height:42px;box-shadow:0 12px 28px rgba(15,23,42,.12)}
body.creator-internal-page .btn:not(.secondary):not(.ghost):not(.danger):not(.success):not(.logout-btn){background:linear-gradient(135deg,#14b8a6,#0f766e)}
body.creator-internal-page .btn.secondary,body.creator-internal-page .btn.ghost{background:#07111f;color:#fff}
body.creator-internal-page .owner-search-form{padding:12px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:#f8fafc}
body.creator-internal-page table{border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(15,23,42,.06)}
@media(max-width:900px){body.backend-workspace-page,body.creator-internal-page{padding:14px 12px 48px}body.backend-workspace-page .card,body.creator-internal-page .card{width:min(100%,calc(100% - 8px));padding:20px 18px;border-radius:14px}body.backend-workspace-page.creator-internal-page h1,body.creator-internal-page h1{font-size:clamp(26px,8vw,38px);line-height:1.02}body.creator-internal-page .creator-dash-head,body.creator-internal-page .creator-social-home-panel,body.creator-internal-page .creator-create-choice-grid{grid-template-columns:1fr}body.creator-internal-page .creator-create-choice-card{min-height:auto}body.creator-internal-page .creator-quick-menu{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.creator-internal-page .creator-quick-link{width:100%;min-height:42px;padding-inline:8px;white-space:normal;text-align:center}body.creator-internal-page .actions,body.creator-internal-page .compact-actions,body.creator-internal-page .creator-manage-actions{display:grid;grid-template-columns:1fr;gap:8px}body.creator-internal-page .btn{width:100%;justify-content:center}body.backend-workspace-page .feed-interest-grid{grid-template-columns:1fr;gap:8px}body.backend-workspace-page .showcase-grid{grid-template-columns:1fr}body.backend-workspace-page .creator-action-grid,body.backend-workspace-page .clear-action-grid,body.backend-workspace-page .creator-tool-grid,body.backend-workspace-page .ecosystem-clarity-strip,body.backend-workspace-page .submit-clarity-panel,body.backend-workspace-page .ref-explainer-grid,body.backend-workspace-page .helper-grid{grid-template-columns:1fr!important}body.backend-workspace-page .owner-search-form,body.backend-workspace-page .owner-filter-form,body.backend-workspace-page .creator-manage-search{grid-template-columns:1fr!important}body.backend-workspace-page .owner-search-form .btn,body.backend-workspace-page .owner-filter-form .btn,body.backend-workspace-page .creator-manage-search .btn{width:100%}}
@media(max-width:640px){body.backend-workspace-page{padding:0 0 calc(68px + env(safe-area-inset-bottom,0px));overflow-x:hidden}body.backend-workspace-page .card,body.backend-workspace-page .card.wide,body.backend-workspace-page .card:not(.wide),body.creator-landing-page .card.creator-card{width:100%;max-width:100%;margin:0;padding:16px 14px 20px;border-radius:0;border-left:0;border-right:0;box-shadow:none;background:#fff!important}body.backend-workspace-page .loit-legal-footer,body.creator-landing-page .loit-legal-footer{width:100%;max-width:100%;margin:0;border-radius:0;border-left:0;border-right:0;padding:14px 16px;box-shadow:none}body.backend-workspace-page.creator-internal-page h1,body.creator-internal-page h1,body.creator-landing-page h1{font-size:clamp(24px,7vw,32px);margin-top:4px;margin-bottom:8px;line-height:1.08;letter-spacing:-.03em}body.creator-internal-page .card>p,body.creator-internal-page .creator-dash-head p{font-size:14px;line-height:1.55}body.creator-internal-page .creator-dash-head{grid-template-columns:1fr;gap:12px;padding:0}body.creator-internal-page .creator-access-card{width:100%;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}body.creator-internal-page .creator-dash-head .muted{word-break:break-word;line-height:1.55}body.creator-internal-page .showcase-grid{grid-template-columns:1fr;gap:8px}body.creator-internal-page .showcase-panel-static{padding:12px;border-radius:14px}body.creator-internal-page .showcase-switcher-select select,body.creator-internal-page .showcase-switcher-select .input{width:100%;max-width:100%}body.backend-workspace-page .feed-interest-grid{grid-template-columns:1fr;gap:8px;margin:10px 0}body.backend-workspace-page .feed-interest-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;align-items:start;padding:10px 12px;border-radius:12px}body.backend-workspace-page .feed-interest-option strong{font-size:13px;line-height:1.3}body.backend-workspace-page .feed-interest-option span{font-size:12px;line-height:1.4;word-break:normal}body.creator-internal-page .creator-tool-card{min-height:auto;padding:14px}body.creator-internal-page .creator-create-choice-grid{grid-template-columns:1fr;gap:12px;margin:14px 0}body.creator-internal-page .creator-create-choice-card{padding:18px;border-radius:16px}body.creator-internal-page .creator-social-home-panel{grid-template-columns:1fr;padding:16px;border-radius:16px;margin:12px 0 14px}body.creator-internal-page .creator-social-home-copy h2{font-size:clamp(22px,6vw,30px);line-height:1.05}body.creator-internal-page .deal-box,body.creator-internal-page .helper-box,body.creator-landing-page .helper-box{padding:14px;border-radius:14px}body.creator-internal-page .creator-quick-menu{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border-radius:12px;margin:10px 0 12px}body.creator-internal-page .creator-quick-link{min-height:40px;font-size:13px}body.creator-landing-page .actions{display:grid;grid-template-columns:1fr;gap:8px}body.creator-landing-page .actions .btn{width:100%;justify-content:center}body.backend-workspace-page .card{overflow-x:hidden}body.backend-workspace-page table{display:block;max-width:100%;overflow-x:auto;border-radius:12px;-webkit-overflow-scrolling:touch}body.backend-workspace-page .apps{left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:scale(.9);transform-origin:left bottom}body.backend-workspace-page .apps-toggle-btn{min-height:40px;padding:8px 13px;font-size:13px;box-shadow:0 10px 28px rgba(0,0,0,.22)}body.backend-workspace-page .apps-panel{width:calc(100vw - 20px);max-width:calc(100vw - 20px);bottom:48px;padding:16px;border-radius:18px}body.backend-workspace-page .apps-grid{grid-template-columns:1fr}}
.loit-legal-footer{max-width:1120px;margin:28px auto 8px;padding:16px 18px;border:1px solid var(--offer-border, rgba(15,23,42,.12));border-radius:18px;background:var(--offer-panel-bg, rgba(255,255,255,.82));color:var(--offer-muted, #667085);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;font-weight:850;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.loit-legal-footer a{color:var(--creator-accent, #14b8a6);text-decoration:none;font-weight:950}
.loit-legal-footer a:hover{text-decoration:underline}
.loit-legal-footer nav{display:flex;gap:12px;flex-wrap:wrap}
.creator-marketplace-themed .loit-legal-footer{background:var(--offer-panel-bg);border-color:var(--offer-border);color:var(--offer-muted)}
.creator-marketplace-themed .loit-legal-footer a{color:var(--creator-accent)}
.legal-page .legal-copy{display:grid;gap:10px;margin:16px 0 20px;line-height:1.65}
.legal-page .legal-copy p{margin:0}

.creator-marketplace-themed .creator-connect-box,.creator-marketplace-themed .creator-welcome-message,.creator-marketplace-themed .creator-alert-message{background:var(--offer-panel-bg);border-color:var(--offer-border);color:var(--offer-text)}
.creator-marketplace-themed .creator-connect-box span,.creator-marketplace-themed .creator-welcome-message span,.creator-marketplace-themed .creator-alert-message span{color:var(--offer-muted)}
.creator-marketplace-themed .creator-connect-box a,.creator-marketplace-themed .creator-alert-message a{border-color:var(--offer-border);background:var(--offer-card-bg);color:var(--offer-text)}
.creator-marketplace-themed .creator-connect-box a.primary-connect,.creator-marketplace-themed .creator-alert-message a{background:var(--creator-accent);color:var(--offer-button-text);border-color:transparent}


/* Step 35Z2: final theme-color cleanup for offer pages, creator pages and network widgets. */
body.offer-theme-page,
body.creator-marketplace-themed {
  --accent: var(--creator-accent);
  --brand: var(--creator-accent);
  --brand-dark: var(--creator-accent);
  --text: var(--offer-text);
  --muted: var(--offer-muted);
  --line: var(--offer-border);
  --border: var(--offer-border);
  --card: var(--offer-card-bg);
  --soft: var(--offer-panel-bg);
  background: var(--offer-page-bg) !important;
  background-image: none !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .card,
body.offer-theme-page .market-shell,
body.offer-theme-page .market-hero,
body.offer-theme-page .market-creator-strip,
body.creator-marketplace-themed .card,
body.creator-marketplace-themed .market-shell,
body.creator-marketplace-themed .market-hero,
body.creator-marketplace-themed .market-creator-strip {
  background: var(--offer-card-bg) !important;
  border-color: var(--offer-border) !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .dark-brand,
body.creator-marketplace-themed .dark-brand,
body.offer-theme-page .admin-brand,
body.creator-marketplace-themed .admin-brand,
body.offer-theme-page .creator-brand-pill,
body.creator-marketplace-themed .creator-brand-pill {
  background: color-mix(in srgb, var(--creator-accent) 12%, var(--offer-panel-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .market-kicker,
body.creator-marketplace-themed .market-kicker,
body.offer-theme-page .status-kicker,
body.creator-marketplace-themed .status-kicker,
body.offer-theme-page .mini-badge,
body.creator-marketplace-themed .mini-badge {
  color: var(--creator-accent) !important;
}

body.offer-theme-page .deal-box,
body.offer-theme-page .creator-network-box,
body.offer-theme-page .positive-reaction-box,
body.offer-theme-page .network-empty,
body.offer-theme-page .loit-social-session-bar,
body.creator-marketplace-themed .deal-box,
body.creator-marketplace-themed .creator-network-box,
body.creator-marketplace-themed .positive-reaction-box,
body.creator-marketplace-themed .network-empty,
body.creator-marketplace-themed .loit-social-session-bar {
  background: color-mix(in srgb, var(--creator-accent) 6%, var(--offer-panel-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .loit-social-session-bar,
body.creator-marketplace-themed .loit-social-session-bar {
  background: linear-gradient(135deg, color-mix(in srgb, var(--creator-accent) 10%, var(--offer-panel-bg)), var(--offer-panel-bg)) !important;
}

body.offer-theme-page .loit-social-session-bar strong,
body.offer-theme-page .positive-reaction-head strong,
body.offer-theme-page .reaction-pill strong,
body.creator-marketplace-themed .loit-social-session-bar strong,
body.creator-marketplace-themed .positive-reaction-head strong,
body.creator-marketplace-themed .reaction-pill strong {
  color: var(--offer-text) !important;
}

body.offer-theme-page .loit-social-session-bar small,
body.offer-theme-page .reaction-note,
body.offer-theme-page .network-empty,
body.offer-theme-page .creator-comment-form .muted,
body.creator-marketplace-themed .loit-social-session-bar small,
body.creator-marketplace-themed .reaction-note,
body.creator-marketplace-themed .network-empty,
body.creator-marketplace-themed .creator-comment-form .muted {
  color: var(--offer-muted) !important;
}

body.offer-theme-page .reaction-pill,
body.offer-theme-page .feed-reaction-btn,
body.offer-theme-page .feed-reaction-more-summary,
body.creator-marketplace-themed .reaction-pill,
body.creator-marketplace-themed .feed-reaction-btn,
body.creator-marketplace-themed .feed-reaction-more-summary {
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 22%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .reaction-pill:hover,
body.offer-theme-page .reaction-pill.active-reaction,
body.offer-theme-page .feed-reaction-btn:hover,
body.offer-theme-page .feed-reaction-btn.active-reaction,
body.creator-marketplace-themed .reaction-pill:hover,
body.creator-marketplace-themed .reaction-pill.active-reaction,
body.creator-marketplace-themed .feed-reaction-btn:hover,
body.creator-marketplace-themed .feed-reaction-btn.active-reaction {
  background: color-mix(in srgb, var(--creator-accent) 18%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 48%, var(--offer-border)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--creator-accent) 12%, transparent) inset !important;
}

body.offer-theme-page .reaction-pill em,
body.creator-marketplace-themed .reaction-pill em {
  background: color-mix(in srgb, var(--creator-accent) 14%, var(--offer-panel-bg)) !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .image-stage,
body.offer-theme-page .thumb-stage,
body.offer-theme-page .offer-img-stage,
body.offer-theme-page .loit-feed-image,
body.offer-theme-page .loit-feed-video,
body.offer-theme-page .offer-video-stage,
body.creator-marketplace-themed .image-stage,
body.creator-marketplace-themed .thumb-stage,
body.creator-marketplace-themed .offer-img-stage,
body.creator-marketplace-themed .loit-feed-image,
body.creator-marketplace-themed .loit-feed-video {
  background: color-mix(in srgb, var(--creator-accent) 10%, var(--offer-panel-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 18%, var(--offer-border)) !important;
  color: var(--offer-muted) !important;
}

body.offer-theme-page .image-stage,
body.creator-marketplace-themed .image-stage {
  background:
radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent) 12%, transparent), transparent 48%),
color-mix(in srgb, var(--creator-accent) 6%, var(--offer-panel-bg)) !important;
}

body.offer-theme-page .image-stage::after,
body.creator-marketplace-themed .image-stage::after {
  background: linear-gradient(180deg, color-mix(in srgb, var(--offer-page-bg) 18%, transparent), color-mix(in srgb, var(--offer-page-bg) 52%, transparent)) !important;
}

body.offer-theme-page .thumb,
body.creator-marketplace-themed .thumb {
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-panel-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 16%, var(--offer-border)) !important;
}

body.offer-theme-page .content-visual-placeholder,
body.creator-marketplace-themed .content-visual-placeholder {
  color: #fff !important;
  border-color: rgba(45,212,191,.34) !important;
}

body.offer-theme-page .content-visual-placeholder span,
body.offer-theme-page .content-visual-placeholder em,
body.creator-marketplace-themed .content-visual-placeholder span,
body.creator-marketplace-themed .content-visual-placeholder em {
  color: rgba(255,255,255,.90) !important;
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(0,0,0,.22) !important;
}

body.offer-theme-page .content-visual-placeholder strong,
body.creator-marketplace-themed .content-visual-placeholder strong {
  color: #fff !important;
  display: -webkit-box;
  max-height: 3.1em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

body.offer-theme-page .page-visual-placeholder {
  width: 100%;
  aspect-ratio: 1.91 / 1;
  min-height: 300px;
}

body.offer-theme-page .offer-layout-socialstory .content-visual-placeholder.offer-img,
body.offer-theme-page .offer-layout-socialstory .page-visual-placeholder {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 26px !important;
  border-radius: 24px !important;
  aspect-ratio: 1.91 / 1 !important;
}

body.creator-marketplace-themed .offer-visual-placeholder {
  aspect-ratio: 16 / 10 !important;
  min-height: 190px !important;
  max-height: 230px !important;
  padding: 22px 24px 20px !important;
}

body.creator-marketplace-themed .offer-visual-placeholder strong {
  font-size: 32px !important;
  line-height: 1.05 !important;
  max-height: 3.16em !important;
}

body.creator-marketplace-themed .offer-visual-placeholder.title-long strong {
  font-size: 27px !important;
  line-height: 1.06 !important;
}

body.creator-marketplace-themed .offer-visual-placeholder.title-xl strong {
  font-size: 24px !important;
  line-height: 1.08 !important;
}

body.creator-marketplace-themed .socialfeed-media .content-visual-placeholder {
  aspect-ratio: 4 / 5 !important;
  min-height: 360px !important;
  max-height: 760px !important;
  border-radius: 0 !important;
}

body.creator-marketplace-themed .socialfeed-visual-placeholder strong {
  font-size: 42px !important;
  line-height: 1.02 !important;
  max-height: 4.1em !important;
}

body.creator-marketplace-themed .socialfeed-visual-placeholder.title-long strong {
  font-size: 36px !important;
  line-height: 1.04 !important;
}

body.creator-marketplace-themed .socialfeed-visual-placeholder.title-xl strong {
  font-size: 31px !important;
  line-height: 1.06 !important;
}

body.creator-marketplace-themed .creator-blog-media .content-visual-placeholder {
  height: 100% !important;
  min-height: 220px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 18px !important;
}

body.creator-marketplace-themed .creator-blog-visual-placeholder strong {
  font-size: 24px !important;
  line-height: 1.06 !important;
  max-height: 4.24em !important;
}

body.creator-marketplace-themed .creator-blog-visual-placeholder.title-long strong {
  font-size: 22px !important;
  line-height: 1.07 !important;
}

body.creator-marketplace-themed .creator-blog-visual-placeholder.title-xl strong {
  font-size: 20px !important;
  line-height: 1.08 !important;
}

body.creator-marketplace-themed .offerwall-media .content-visual-placeholder {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 18px !important;
}

body.creator-marketplace-themed .offerwall-visual-placeholder strong {
  font-size: 27px !important;
  line-height: 1.05 !important;
  max-height: 4.2em !important;
}

body.creator-marketplace-themed .offerwall-visual-placeholder.title-long strong {
  font-size: 24px !important;
  line-height: 1.06 !important;
}

body.creator-marketplace-themed .offerwall-visual-placeholder.title-xl strong {
  font-size: 21px !important;
  line-height: 1.08 !important;
}

body.creator-marketplace-themed .offerwall-visual-placeholder em {
  display: none !important;
}

body.offer-theme-page .offer-page-topbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 14px;
}

body.offer-theme-page .offer-page-topbar .offer-brand-line,
body.offer-theme-page .offer-page-topbar .offer-layout-kicker {
  margin: 0 !important;
}

body.offer-theme-page .btn,
body.creator-marketplace-themed .btn {
  border-color: color-mix(in srgb, var(--creator-accent) 28%, var(--offer-border)) !important;
}

body.offer-theme-page .btn:not(.secondary):not(.ghost):not(.danger):not(.success),
body.creator-marketplace-themed .btn:not(.secondary):not(.ghost):not(.danger):not(.success) {
  background: var(--creator-accent) !important;
  color: var(--offer-button-text) !important;
}

body.offer-theme-page .btn.secondary,
body.offer-theme-page .btn.ghost,
body.creator-marketplace-themed .btn.secondary,
body.creator-marketplace-themed .btn.ghost {
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-panel-bg)) !important;
  color: var(--offer-text) !important;
}

body.offer-theme-page .loit-legal-footer,
body.creator-marketplace-themed .loit-legal-footer {
  background: var(--offer-panel-bg) !important;
  border-color: var(--offer-border) !important;
  color: var(--offer-muted) !important;
}

body.offer-theme-page .loit-legal-footer a,
body.creator-marketplace-themed .loit-legal-footer a {
  color: var(--creator-accent) !important;
}

@media(max-width:760px){.loit-legal-footer{align-items:flex-start;flex-direction:column}}


/* Step 35Z3: premium theme balance and final hard-green cleanup.
   Keep the selected accent visible, but make it feel like a controlled accent instead of a full-page color wash. */
body.creator-marketplace-themed,
body.offer-theme-page {
  background: var(--offer-page-bg) !important;
  background-image:
    radial-gradient(circle at top left, color-mix(in srgb, var(--creator-accent) 7%, transparent), transparent 34%),
    radial-gradient(circle at bottom right, color-mix(in srgb, var(--offer-card-bg) 22%, transparent), transparent 32%) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .market-hero,
body.creator-marketplace-themed .market-shell,
body.creator-marketplace-themed .market-creator-strip,
body.creator-marketplace-themed .creator-network-box,
body.creator-marketplace-themed .creator-offerwall-card,
body.creator-marketplace-themed .creator-socialfeed-card,
body.creator-marketplace-themed .creator-blog-card,
body.creator-marketplace-themed .creator-biolink-card,
body.creator-marketplace-themed .offer-card,
body.offer-theme-page .offer-detail-card,
body.offer-theme-page .creator-network-box {
  background: color-mix(in srgb, var(--offer-card-bg) 94%, var(--creator-accent) 6%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 82%, var(--creator-accent) 18%) !important;
  color: var(--offer-text) !important;
  box-shadow: 0 20px 54px rgba(0,0,0,.13) !important;
}

body.creator-marketplace-themed .market-shell,
body.creator-marketplace-themed .market-creator-strip,
body.creator-marketplace-themed .creator-network-box,
body.offer-theme-page .creator-network-box {
  background: color-mix(in srgb, var(--offer-card-bg) 88%, var(--offer-panel-bg) 12%) !important;
}

body.creator-marketplace-themed .market-kicker,
body.creator-marketplace-themed .status-kicker,
body.creator-marketplace-themed .creator-network-head .status-kicker,
body.creator-marketplace-themed .positive-reaction-head .status-kicker,
body.creator-marketplace-themed .mini-badge,
body.creator-marketplace-themed .creator-blog-meta span,
body.offer-theme-page .status-kicker,
body.offer-theme-page .mini-badge,
body.offer-theme-page .offer-layout-kicker {
  color: color-mix(in srgb, var(--creator-accent) 72%, var(--offer-text) 28%) !important;
  opacity: .9 !important;
}

body.creator-marketplace-themed .brand-line,
body.creator-marketplace-themed .creator-brand-pill,
body.offer-theme-page .offer-brand-line {
  background: color-mix(in srgb, var(--creator-accent) 8%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 20%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .brand-line span,
body.offer-theme-page .offer-brand-line span,
body.offer-theme-page .offer-brand-line a {
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .market-search input,
body.creator-marketplace-themed .input,
body.creator-marketplace-themed .textarea,
body.creator-marketplace-themed select,
body.offer-theme-page .input,
body.offer-theme-page .textarea,
body.offer-theme-page select {
  background: color-mix(in srgb, var(--offer-card-bg) 86%, var(--offer-page-bg) 14%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 86%, var(--creator-accent) 14%) !important;
  color: var(--offer-text) !important;
  box-shadow: none !important;
}

body.creator-marketplace-themed .market-search input::placeholder,
body.creator-marketplace-themed .input::placeholder,
body.creator-marketplace-themed .textarea::placeholder,
body.offer-theme-page .input::placeholder,
body.offer-theme-page .textarea::placeholder {
  color: var(--offer-muted) !important;
  opacity: .65 !important;
}

body.creator-marketplace-themed .btn,
body.creator-marketplace-themed .btn.secondary,
body.creator-marketplace-themed .btn.ghost,
body.creator-marketplace-themed .dark-outline,
body.offer-theme-page .btn.secondary,
body.offer-theme-page .btn.ghost,
body.offer-theme-page .dark-outline {
  background: color-mix(in srgb, var(--offer-card-bg) 88%, var(--creator-accent) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 78%, var(--creator-accent) 22%) !important;
  color: var(--offer-text) !important;
  box-shadow: none !important;
}

body.creator-marketplace-themed .btn.glow,
body.creator-marketplace-themed .market-search button,
body.creator-marketplace-themed .creator-hero-action-row a.primary-connect,
body.creator-marketplace-themed .creator-connect-box a.primary-connect,
body.creator-marketplace-themed .creator-profile-cta.primary-connect,
body.creator-marketplace-themed .offer-card .btn.small-btn,
body.creator-marketplace-themed .offerwall-footer a,
body.offer-theme-page .offer-detail-card > .actions .btn:not(.secondary):not(.ghost):not(.danger):not(.success),
body.offer-theme-page .creator-comment-form .btn,
body.offer-theme-page .network-login-prompt .btn {
  background: color-mix(in srgb, var(--creator-accent) 88%, var(--offer-text) 12%) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 74%, var(--offer-border) 26%) !important;
  color: var(--offer-button-text) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--creator-accent) 14%, transparent) !important;
}

body.creator-marketplace-themed .btn:hover,
body.creator-marketplace-themed .market-search button:hover,
body.offer-theme-page .btn:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

body.creator-marketplace-themed .mini-badge,
body.creator-marketplace-themed .perk-pill,
body.creator-marketplace-themed .card-badge-row span,
body.creator-marketplace-themed .card-detail-price span,
body.creator-marketplace-themed .card-price small,
body.creator-marketplace-themed .layout-pill,
body.creator-marketplace-themed .view-toggle a,
body.creator-marketplace-themed .creator-category-tab,
body.offer-theme-page .offer-detail-meta span,
body.offer-theme-page .perk-pill,
body.offer-theme-page .mini-badge {
  background: color-mix(in srgb, var(--offer-card-bg) 90%, var(--creator-accent) 10%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 80%, var(--creator-accent) 20%) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .creator-category-tab.active-category,
body.creator-marketplace-themed .view-toggle a.active-view {
  background: color-mix(in srgb, var(--creator-accent) 18%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 38%, var(--offer-border)) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .thumb,
body.creator-marketplace-themed .thumb-stage,
body.creator-marketplace-themed .thumb.placeholder,
body.creator-marketplace-themed .creator-biolink-card img,
body.creator-marketplace-themed .socialfeed-media,
body.creator-marketplace-themed .socialfeed-video-media,
body.creator-marketplace-themed .socialfeed-media img.fit-smart,
body.creator-marketplace-themed .creator-blog-media,
body.creator-marketplace-themed .creator-blog-video-media,
body.creator-marketplace-themed .creator-blog-media img.fit-smart,
body.creator-marketplace-themed .offerwall-media,
body.creator-marketplace-themed .offerwall-media img.fit-smart,
body.creator-marketplace-themed .loit-feed-image,
body.creator-marketplace-themed .loit-feed-video,
body.offer-theme-page .offer-img,
body.offer-theme-page .offer-img.fit-smart,
body.offer-theme-page .offer-img-stage,
body.offer-theme-page .offer-video-stage,
body.offer-theme-page .image-stage {
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent) 7%, transparent), transparent 52%),
    color-mix(in srgb, var(--offer-panel-bg) 76%, var(--offer-card-bg) 24%) !important;
  background-size: auto, auto !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;
  border-color: color-mix(in srgb, var(--offer-border) 84%, var(--creator-accent) 16%) !important;
}

body.offer-theme-page .content-visual-placeholder,
body.creator-marketplace-themed .content-visual-placeholder {
  background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--creator-accent, #14b8a6) 30%, transparent), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(135deg, #071d1a 0%, #12243a 54%, #2a1630 100%) !important;
  background-size: auto, auto, auto !important;
  background-position: center, center, center !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  border-color: rgba(45,212,191,.34) !important;
  color: #fff !important;
}

body.offer-theme-page .content-visual-placeholder.tone-money,
body.creator-marketplace-themed .content-visual-placeholder.tone-money { background:radial-gradient(circle at 18% 18%, rgba(20,184,166,.28), transparent 34%), linear-gradient(135deg,#042f2e 0%,#113f38 52%,#33240b 100%) !important; }
body.offer-theme-page .content-visual-placeholder.tone-video,
body.creator-marketplace-themed .content-visual-placeholder.tone-video { background:radial-gradient(circle at 18% 18%, rgba(244,114,182,.30), transparent 34%), linear-gradient(135deg,#16091f 0%,#31204a 52%,#0f2f35 100%) !important; }
body.offer-theme-page .content-visual-placeholder.tone-travel,
body.creator-marketplace-themed .content-visual-placeholder.tone-travel { background:radial-gradient(circle at 18% 18%, rgba(125,211,252,.30), transparent 34%), linear-gradient(135deg,#073642 0%,#123f3c 52%,#2d2544 100%) !important; }
body.offer-theme-page .content-visual-placeholder.tone-food,
body.creator-marketplace-themed .content-visual-placeholder.tone-food { background:radial-gradient(circle at 18% 18%, rgba(251,191,36,.24), transparent 34%), linear-gradient(135deg,#2b1608 0%,#3a2b12 52%,#0f3130 100%) !important; }
body.offer-theme-page .content-visual-placeholder.tone-health,
body.creator-marketplace-themed .content-visual-placeholder.tone-health { background:radial-gradient(circle at 18% 18%, rgba(74,222,128,.25), transparent 34%), linear-gradient(135deg,#062e24 0%,#123f2a 52%,#15233d 100%) !important; }
body.offer-theme-page .content-visual-placeholder.tone-tools,
body.creator-marketplace-themed .content-visual-placeholder.tone-tools { background:radial-gradient(circle at 18% 18%, rgba(45,212,191,.25), transparent 34%), linear-gradient(135deg,#071d2e 0%,#182645 52%,#063b37 100%) !important; }
body.offer-theme-page .content-visual-placeholder.tone-creator,
body.creator-marketplace-themed .content-visual-placeholder.tone-creator { background:radial-gradient(circle at 18% 18%, rgba(236,72,153,.20), transparent 34%), linear-gradient(135deg,#082f2a 0%,#17213a 54%,#321534 100%) !important; }

body.creator-marketplace-themed .socialfeed-media img.fit-contain,
body.creator-marketplace-themed .creator-blog-media img.fit-contain,
body.creator-marketplace-themed .offerwall-media img.fit-contain,
body.offer-theme-page .offer-img.fit-contain,
body.offer-theme-page .image-stage.fit-contain {
  background:
    radial-gradient(circle at center, color-mix(in srgb, var(--creator-accent) 5%, transparent), transparent 52%),
    color-mix(in srgb, var(--offer-panel-bg) 90%, var(--offer-card-bg) 10%) !important;
  background-size: auto, auto !important;
  background-position: center, center !important;
  background-repeat: no-repeat !important;
}

body.creator-marketplace-themed .image-stage::before,
body.offer-theme-page .image-stage::before {
  opacity: 0 !important;
}

body.creator-marketplace-themed .image-stage.fit-contain::before,
body.offer-theme-page .image-stage.fit-contain::before {
  opacity: .08 !important;
}

body.creator-marketplace-themed .image-stage::after,
body.offer-theme-page .image-stage::after {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--offer-card-bg) 26%, transparent),
    color-mix(in srgb, var(--offer-page-bg) 38%, transparent)) !important;
}

body.creator-marketplace-themed .thumb-stage::after {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--offer-card-bg) 18%, transparent),
    color-mix(in srgb, var(--offer-page-bg) 30%, transparent)) !important;
}

body.creator-marketplace-themed .loit-social-session-bar,
body.creator-marketplace-themed .loit-social-session-bar.logged-out,
body.creator-marketplace-themed .positive-reaction-box,
body.creator-marketplace-themed .network-empty,
body.creator-marketplace-themed .network-login-prompt,
body.creator-marketplace-themed .creator-follow-box,
body.creator-marketplace-themed .creator-welcome-message,
body.creator-marketplace-themed .creator-alert-message,
body.creator-marketplace-themed .creator-connect-box,
body.offer-theme-page .loit-social-session-bar,
body.offer-theme-page .loit-social-session-bar.logged-out,
body.offer-theme-page .positive-reaction-box,
body.offer-theme-page .network-empty,
body.offer-theme-page .network-login-prompt {
  background: color-mix(in srgb, var(--offer-panel-bg) 84%, var(--offer-card-bg) 16%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 82%, var(--creator-accent) 18%) !important;
  color: var(--offer-text) !important;
  box-shadow: none !important;
}

body.creator-marketplace-themed .creator-public-nav,
body.offer-theme-page .creator-public-nav {
  background: color-mix(in srgb, var(--offer-card-bg) 88%, var(--creator-accent) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 76%, var(--creator-accent) 24%) !important;
  box-shadow: 0 18px 42px color-mix(in srgb, var(--creator-accent) 12%, rgba(0,0,0,.20)) !important;
}

body.creator-marketplace-themed .creator-public-nav-id,
body.offer-theme-page .creator-public-nav-id {
  background: color-mix(in srgb, var(--offer-panel-bg) 82%, var(--offer-card-bg) 18%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 82%, var(--creator-accent) 18%) !important;
}

body.creator-marketplace-themed .creator-public-nav-id span,
body.offer-theme-page .creator-public-nav-id span {
  color: color-mix(in srgb, var(--creator-accent) 72%, var(--offer-muted) 28%) !important;
}

body.creator-marketplace-themed .creator-public-nav-id strong,
body.offer-theme-page .creator-public-nav-id strong {
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .creator-public-nav-link,
body.offer-theme-page .creator-public-nav-link {
  background: color-mix(in srgb, var(--offer-panel-bg) 86%, var(--creator-accent) 14%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 78%, var(--creator-accent) 22%) !important;
  color: var(--offer-text) !important;
  box-shadow: none !important;
}

body.creator-marketplace-themed .creator-public-nav-link:hover,
body.offer-theme-page .creator-public-nav-link:hover {
  background: color-mix(in srgb, var(--creator-accent) 20%, var(--offer-card-bg) 80%) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 48%, var(--offer-border) 52%) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .creator-public-nav-link.primary,
body.creator-marketplace-themed .creator-public-nav-link.active,
body.offer-theme-page .creator-public-nav-link.primary,
body.offer-theme-page .creator-public-nav-link.active {
  background: color-mix(in srgb, var(--creator-accent) 88%, var(--offer-text) 12%) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 74%, var(--offer-border) 26%) !important;
  color: var(--offer-button-text) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--creator-accent) 14%, transparent) !important;
}

body.creator-marketplace-themed .loit-social-session-bar *,
body.creator-marketplace-themed .positive-reaction-box *,
body.creator-marketplace-themed .network-empty *,
body.creator-marketplace-themed .network-login-prompt *,
body.creator-marketplace-themed .creator-follow-box *,
body.offer-theme-page .loit-social-session-bar *,
body.offer-theme-page .positive-reaction-box *,
body.offer-theme-page .network-empty *,
body.offer-theme-page .network-login-prompt * {
  color: inherit;
}

body.creator-marketplace-themed .loit-social-session-bar p,
body.creator-marketplace-themed .loit-social-session-bar small,
body.creator-marketplace-themed .positive-reaction-box p,
body.creator-marketplace-themed .network-empty p,
body.creator-marketplace-themed .network-login-prompt p,
body.creator-marketplace-themed .creator-follow-box span,
body.offer-theme-page .loit-social-session-bar p,
body.offer-theme-page .loit-social-session-bar small,
body.offer-theme-page .positive-reaction-box p,
body.offer-theme-page .network-empty p,
body.offer-theme-page .network-login-prompt p {
  color: var(--offer-muted) !important;
}

body.creator-marketplace-themed .reaction-summary,
body.offer-theme-page .reaction-summary {
  background: color-mix(in srgb, var(--offer-card-bg) 88%, var(--creator-accent) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 78%, var(--creator-accent) 22%) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .reaction-summary-breakdown span,
body.offer-theme-page .reaction-summary-breakdown span {
  background: color-mix(in srgb, var(--offer-card-bg) 86%, var(--creator-accent) 14%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 76%, var(--creator-accent) 24%) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .reaction-pill,
body.creator-marketplace-themed .feed-reaction-btn,
body.creator-marketplace-themed .feed-reaction-more-summary,
body.creator-marketplace-themed .feed-action-link.strong-action,
body.offer-theme-page .reaction-pill,
body.offer-theme-page .feed-reaction-btn,
body.offer-theme-page .feed-reaction-more-summary,
body.offer-theme-page .feed-action-link.strong-action {
  background: color-mix(in srgb, var(--offer-card-bg) 88%, var(--creator-accent) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 82%, var(--creator-accent) 18%) !important;
  color: var(--offer-text) !important;
  box-shadow: none !important;
}

body.creator-marketplace-themed .reaction-pill.active-reaction,
body.creator-marketplace-themed .feed-reaction-btn.active-reaction,
body.offer-theme-page .reaction-pill.active-reaction,
body.offer-theme-page .feed-reaction-btn.active-reaction {
  background: color-mix(in srgb, var(--creator-accent) 18%, var(--offer-card-bg)) !important;
  border-color: color-mix(in srgb, var(--creator-accent) 42%, var(--offer-border)) !important;
}

body.creator-marketplace-themed .reaction-pill em,
body.offer-theme-page .reaction-pill em {
  background: color-mix(in srgb, var(--creator-accent) 12%, var(--offer-card-bg)) !important;
  color: var(--offer-text) !important;
}

body.creator-marketplace-themed .loit-legal-footer,
body.offer-theme-page .loit-legal-footer {
  background: color-mix(in srgb, var(--offer-card-bg) 92%, var(--offer-page-bg) 8%) !important;
  border-color: color-mix(in srgb, var(--offer-border) 84%, var(--creator-accent) 16%) !important;
  color: var(--offer-muted) !important;
}

body.creator-marketplace-themed .loit-legal-footer a,
body.offer-theme-page .loit-legal-footer a {
  color: color-mix(in srgb, var(--offer-text) 76%, var(--creator-accent) 24%) !important;
}

/* Final feed action polish: keep discussion controls intentional and compact. */
body.loit-social-feed-page .loit-feed-social-row {
  align-items: center !important;
  gap: 12px !important;
}

body.loit-social-feed-page .loit-feed-social-row a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--creator-accent, var(--accent)) 22%, var(--offer-border, var(--border))) !important;
  background: color-mix(in srgb, var(--creator-accent, var(--accent)) 6%, var(--offer-card-bg, transparent)) !important;
  color: var(--offer-text, var(--text)) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.loit-social-feed-page .feed-secondary-actions {
  display: inline-grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(92px, auto) !important;
  gap: 8px !important;
  padding: 5px !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--creator-accent, var(--accent)) 14%, var(--offer-border, var(--border))) !important;
  background: color-mix(in srgb, var(--creator-accent, var(--accent)) 4%, var(--offer-card-bg, transparent)) !important;
  width: auto !important;
}

body.loit-social-feed-page .feed-secondary-actions .feed-action-link {
  min-height: 36px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--creator-accent, var(--accent)) 10%, var(--offer-card-bg, transparent)) !important;
  border-color: color-mix(in srgb, var(--creator-accent, var(--accent)) 24%, var(--offer-border, var(--border))) !important;
  color: var(--offer-text, var(--text)) !important;
  text-decoration: none !important;
}

/* Public LOIT Social home/feed should stay readable even when no creator theme owns the page. */
body.loit-social-feed-page:not(.personalized-feed-page) .feed-reaction-btn,
body.loit-social-feed-page:not(.personalized-feed-page) .reaction-pill,
body.loit-social-feed-page:not(.personalized-feed-page) .feed-reaction-more-summary,
body.loit-social-feed-page:not(.personalized-feed-page) .feed-secondary-actions .feed-action-link,
body.loit-social-feed-page:not(.personalized-feed-page) .loit-feed-social-row a {
  background: color-mix(in srgb, #071f1b 82%, #ffffff 18%) !important;
  border-color: rgba(45, 212, 191, 0.28) !important;
  color: #f8fffd !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page:not(.personalized-feed-page) .feed-reaction-btn strong,
body.loit-social-feed-page:not(.personalized-feed-page) .feed-reaction-btn em,
body.loit-social-feed-page:not(.personalized-feed-page) .reaction-pill strong,
body.loit-social-feed-page:not(.personalized-feed-page) .reaction-pill em,
body.loit-social-feed-page:not(.personalized-feed-page) .feed-reaction-more-summary,
body.loit-social-feed-page:not(.personalized-feed-page) .feed-action-link {
  color: #f8fffd !important;
}

body.loit-social-feed-page:not(.personalized-feed-page) .feed-reaction-btn.active-reaction,
body.loit-social-feed-page:not(.personalized-feed-page) .reaction-pill.active-reaction {
  background: color-mix(in srgb, #2dd4bf 18%, #071f1b 82%) !important;
  border-color: rgba(45, 212, 191, 0.44) !important;
}

body.loit-social-feed-page.personalized-feed-page .btn.glow,
body.loit-social-feed-page.personalized-feed-page .home-hero-actions .btn.glow,
body.loit-social-feed-page.personalized-feed-page .universal-feed-head .creator-strip-actions .btn.glow,
body.loit-social-feed-page.personalized-feed-page .market-actions.home-hero-actions .btn.glow {
  background: var(--offer-button-bg, #111827) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148, 163, 184, 0.28)) 76%, var(--creator-accent, #2dd4bf) 24%) !important;
  color: var(--offer-button-text, #ffffff) !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .creator-public-nav-link.primary,
body.loit-social-feed-page.personalized-feed-page .creator-public-nav-link.active {
  background: var(--offer-button-bg, #111827) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148, 163, 184, 0.28)) 76%, var(--creator-accent, #2dd4bf) 24%) !important;
  color: var(--offer-button-text, #ffffff) !important;
  box-shadow: none !important;
}
/* Creator feeds can use blue accents; keep feed buttons from becoming blue text on blue surfaces. */
body.loit-social-feed-page.personalized-feed-page .feed-secondary-actions .feed-action-link,
body.loit-social-feed-page.personalized-feed-page .loit-feed-social-row a {
  background: color-mix(in srgb, var(--offer-card-bg, #ffffff) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148, 163, 184, 0.28)) 72%, var(--creator-accent, #2dd4bf) 28%) !important;
  color: var(--offer-text, #111827) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-action-link.strong-action {
  background: var(--offer-button-bg, var(--creator-accent, #111827)) !important;
  border-color: color-mix(in srgb, var(--offer-button-bg, var(--creator-accent, #111827)) 80%, var(--offer-border, rgba(148, 163, 184, 0.28)) 20%) !important;
  color: var(--offer-button-text, #ffffff) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-secondary-actions .feed-action-link:hover,
body.loit-social-feed-page.personalized-feed-page .loit-feed-social-row a:hover {
  background: color-mix(in srgb, var(--offer-card-bg, #ffffff) 82%, var(--creator-accent, #2dd4bf) 18%) !important;
  color: var(--offer-text, #111827) !important;
}

@media(max-width:760px) {
  body.loit-social-feed-page .universal-feed-head {
    align-items: stretch !important;
  }

  body.loit-social-feed-page .universal-feed-head > div {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.loit-social-feed-page .home-hero-actions,
  body.loit-social-feed-page .market-actions.home-hero-actions,
  body.loit-social-feed-page .universal-feed-head .creator-strip-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    justify-items: stretch !important;
    align-items: stretch !important;
  }

  body.loit-social-feed-page .home-hero-actions .btn,
  body.loit-social-feed-page .universal-feed-head .creator-strip-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    justify-content: center !important;
  }

  body.loit-social-feed-page .loit-feed-social-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.loit-social-feed-page .loit-feed-social-row a {
    min-height: 34px !important;
    padding: 7px 11px !important;
    font-size: 12px !important;
  }

  body.loit-social-feed-page .feed-action-bar {
    gap: 9px !important;
  }

  body.loit-social-feed-page .feed-secondary-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: initial !important;
    grid-auto-columns: initial !important;
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.loit-social-feed-page .feed-secondary-actions .feed-action-link {
    min-height: 42px !important;
    padding: 9px 8px !important;
  }

  body.loit-social-feed-page .feed-reaction-more[open] {
    grid-column: 1 / -1 !important;
  }

  body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-more-summary {
    margin-bottom: 8px !important;
  }

  body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong {
    display: inline !important;
    font-size: 11px !important;
  }

  .feed-reaction-more[open] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .feed-reaction-more[open] .feed-reaction-more-summary {
    margin-bottom: 8px !important;
  }

  .feed-reaction-more[open] .feed-reaction-menu {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong {
    display: inline !important;
    font-size: 11px !important;
  }

  /* Mobile feed cards need a real header layout so author text never collapses under Follow. */
  body.loit-social-feed-page .loit-feed-post-head {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-areas: "avatar meta" !important;
    align-items: start !important;
    gap: 10px 12px !important;
  }

  body.loit-social-feed-page .loit-feed-post-head:has(.feed-follow-form) {
    grid-template-areas:
      "avatar meta"
      "follow follow" !important;
  }

  body.loit-social-feed-page .loit-feed-avatar {
    grid-area: avatar !important;
    width: 48px !important;
    height: 48px !important;
  }

  body.loit-social-feed-page .loit-feed-author-meta {
    grid-area: meta !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body.loit-social-feed-page .loit-feed-author-meta strong,
  body.loit-social-feed-page .loit-feed-author-meta strong a {
    display: block !important;
    font-size: 16px !important;
    line-height: 1.14 !important;
    overflow-wrap: anywhere !important;
  }

  body.loit-social-feed-page .loit-feed-author-meta small,
  body.loit-social-feed-page .loit-feed-target {
    display: block !important;
    max-width: 100% !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body.loit-social-feed-page .feed-follow-form {
    grid-area: follow !important;
    order: initial !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    display: flex !important;
  }

  body.loit-social-feed-page .feed-follow-btn {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
  }

  body.loit-social-feed-page .loit-feed-post-badge {
    display: none !important;
  }

  body.loit-social-feed-page .loit-feed-home-action-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.loit-social-feed-page .loit-feed-home-action-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  body.loit-social-feed-page .loit-feed-home-action-buttons .btn:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  body.loit-social-feed-page .loit-feed-card h3,
  body.loit-social-feed-page .loit-feed-body h3 {
    font-size: clamp(24px, 8vw, 34px) !important;
    line-height: 1.08 !important;
  }

  body.loit-social-feed-page .loit-feed-card p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}

/* Last-word mobile feed repair: keep dark actions readable and stop Follow from cutting through cards. */
body.loit-social-feed-page .creator-public-nav-link.primary,
body.loit-social-feed-page .creator-public-nav-link.active,
body.loit-social-feed-page .btn.glow,
body.loit-social-feed-page .home-hero-actions .btn.glow,
body.loit-social-feed-page .market-actions.home-hero-actions .btn.glow,
body.loit-social-feed-page .universal-feed-head .creator-strip-actions .btn.glow {
  color: #ffffff !important;
  text-shadow: none !important;
}

@media(max-width:760px) {
  body.loit-social-feed-page .creator-public-nav-links {
    gap: 8px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.loit-social-feed-page .creator-public-nav-link {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }

  body.loit-social-feed-page .loit-feed-card {
    padding: 18px !important;
  }

  body.loit-social-feed-page .loit-feed-post-head {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-areas:
      "avatar meta"
      "follow follow" !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
  }

  body.loit-social-feed-page .loit-feed-avatar {
    grid-area: avatar !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
  }

  body.loit-social-feed-page .loit-feed-author-meta {
    grid-area: meta !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  body.loit-social-feed-page .loit-feed-author-meta strong,
  body.loit-social-feed-page .loit-feed-author-meta strong a,
  body.loit-social-feed-page .loit-feed-author-meta small,
  body.loit-social-feed-page .loit-feed-target {
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.loit-social-feed-page .feed-follow-form {
    grid-area: follow !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    position: static !important;
    transform: none !important;
  }

  body.loit-social-feed-page .feed-follow-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    transform: none !important;
  }

  body.loit-social-feed-page .loit-feed-post-badge {
    display: none !important;
  }

  body.loit-social-feed-page .market-actions.home-hero-actions,
  body.loit-social-feed-page .home-hero-actions,
  body.loit-social-feed-page .loit-feed-home-action-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.loit-social-feed-page .market-actions.home-hero-actions .btn,
  body.loit-social-feed-page .home-hero-actions .btn,
  body.loit-social-feed-page .loit-feed-home-action-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    justify-content: center !important;
  }

  body.loit-social-feed-page .loit-feed-home-action-buttons .btn:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  body.loit-social-feed-page .feed-action-bar {
    align-items: stretch !important;
  }

  body.loit-social-feed-page .feed-quick-reactions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.loit-social-feed-page .feed-reaction-more {
    grid-column: 1 / -1 !important;
  }
}


/* Final logged-in feed mobile polish: readable CTAs, compact More reactions, and fuller app pill. */
body.loit-social-feed-page.personalized-feed-page .universal-feed-head .creator-strip-actions .btn,
body.loit-social-feed-page.personalized-feed-page .market-actions.home-hero-actions .btn,
body.loit-social-feed-page.personalized-feed-page .home-hero-actions .btn,
body.loit-social-feed-page.personalized-feed-page .loit-feed-home-action-buttons .btn {
  min-height: 52px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 18px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .universal-feed-head .creator-strip-actions .btn.glow,
body.loit-social-feed-page.personalized-feed-page .market-actions.home-hero-actions .btn.glow,
body.loit-social-feed-page.personalized-feed-page .home-hero-actions .btn.glow,
body.loit-social-feed-page.personalized-feed-page .loit-feed-home-action-buttons .btn.glow,
body.loit-social-feed-page.personalized-feed-page .loit-feed-card .btn.glow {
  background: var(--creator-accent, #2dd4bf) !important;
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 72%, #ffffff 28%) !important;
  color: var(--offer-button-text, #03201c) !important;
}

body.loit-social-feed-page.personalized-feed-page .universal-feed-head .creator-strip-actions .btn.dark-outline,
body.loit-social-feed-page.personalized-feed-page .market-actions.home-hero-actions .btn.dark-outline,
body.loit-social-feed-page.personalized-feed-page .home-hero-actions .btn.dark-outline,
body.loit-social-feed-page.personalized-feed-page .loit-feed-home-action-buttons .btn.dark-outline {
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 84%, var(--creator-accent, #2dd4bf) 16%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(45,212,191,.28)) 70%, var(--creator-accent, #2dd4bf) 30%) !important;
  color: var(--offer-text, #f8fffd) !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-btn,
body.loit-social-feed-page.personalized-feed-page .reaction-pill,
body.loit-social-feed-page.personalized-feed-page .feed-secondary-actions .feed-action-link,
body.loit-social-feed-page.personalized-feed-page .loit-feed-social-row a {
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(45,212,191,.28)) 68%, var(--creator-accent, #2dd4bf) 32%) !important;
  color: var(--offer-text, #f8fffd) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-btn strong,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-btn em,
body.loit-social-feed-page.personalized-feed-page .reaction-pill strong,
body.loit-social-feed-page.personalized-feed-page .reaction-pill em,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
body.loit-social-feed-page.personalized-feed-page .feed-secondary-actions .feed-action-link {
  color: var(--offer-text, #f8fffd) !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-btn.active-reaction,
body.loit-social-feed-page.personalized-feed-page .reaction-pill.active-reaction {
  background: color-mix(in srgb, var(--creator-accent, #2dd4bf) 18%, var(--offer-card-bg, #071f1b) 82%) !important;
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 54%, var(--offer-border, rgba(45,212,191,.28)) 46%) !important;
}

body.loit-social-feed-page.personalized-feed-page .loit-feed-footer,
body.loit-social-feed-page.personalized-feed-page .loit-feed-footer span {
  background: transparent !important;
  color: var(--offer-muted, #9bd5ca) !important;
  border-color: transparent !important;
}

.apps .apps-toggle-btn.main,
.apps .apps-toggle-btn {
  min-width: 132px !important;
  min-height: 50px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

@media(max-width:760px) {
  body.loit-social-feed-page.personalized-feed-page .universal-feed-head .creator-strip-actions,
  body.loit-social-feed-page.personalized-feed-page .market-actions.home-hero-actions,
  body.loit-social-feed-page.personalized-feed-page .home-hero-actions,
  body.loit-social-feed-page.personalized-feed-page .loit-feed-home-action-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body.loit-social-feed-page.personalized-feed-page .universal-feed-head .creator-strip-actions .btn,
  body.loit-social-feed-page.personalized-feed-page .market-actions.home-hero-actions .btn,
  body.loit-social-feed-page.personalized-feed-page .home-hero-actions .btn,
  body.loit-social-feed-page.personalized-feed-page .loit-feed-home-action-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    font-size: 16px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-quick-reactions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary {
    min-height: 44px !important;
    width: 100% !important;
    padding: 10px 16px !important;
    text-align: left !important;
    justify-content: flex-start !important;
    font-size: 14px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary:after {
    content: '' !important;
    display: none !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 92%, var(--creator-accent, #2dd4bf) 8%) !important;
    border-color: color-mix(in srgb, var(--offer-border, rgba(45,212,191,.28)) 72%, var(--creator-accent, #2dd4bf) 28%) !important;
    box-shadow: none !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-menu .feed-reaction-form,
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-menu .feed-reaction-btn {
    width: 100% !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-menu .feed-reaction-btn {
    min-height: 48px !important;
    padding: 9px 6px !important;
    gap: 6px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-menu .feed-reaction-btn strong {
    display: inline !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
  }
}

/* Final remaining feed contrast repair: creator nav tabs, open More tray, and bottom CTA buttons. */
body.loit-social-feed-page.personalized-feed-page .creator-public-nav-link {
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(45,212,191,.28)) 66%, var(--creator-accent, #2dd4bf) 34%) !important;
  color: var(--offer-text, #f8fffd) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .creator-public-nav-link.primary,
body.loit-social-feed-page.personalized-feed-page .creator-public-nav-link.active {
  background: var(--creator-accent, #2dd4bf) !important;
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 74%, #ffffff 26%) !important;
  color: var(--offer-button-text, #03201c) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .snap-final-cta .creator-strip-actions .btn.glow,
body.loit-social-feed-page.personalized-feed-page .loit-social-final .creator-strip-actions .btn.glow,
body.loit-social-feed-page.personalized-feed-page .market-creator-strip .creator-strip-actions .btn.glow {
  background: var(--creator-accent, #2dd4bf) !important;
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 72%, #ffffff 28%) !important;
  color: var(--offer-button-text, #03201c) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .snap-final-cta .creator-strip-actions .btn.dark-outline,
body.loit-social-feed-page.personalized-feed-page .loit-social-final .creator-strip-actions .btn.dark-outline,
body.loit-social-feed-page.personalized-feed-page .market-creator-strip .creator-strip-actions .btn.dark-outline {
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(45,212,191,.28)) 68%, var(--creator-accent, #2dd4bf) 32%) !important;
  color: var(--offer-text, #f8fffd) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu {
  background: transparent !important;
  border-color: transparent !important;
  border-width: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(45,212,191,.28)) 62%, var(--creator-accent, #2dd4bf) 38%) !important;
  color: var(--offer-text, #f8fffd) !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em {
  color: var(--offer-text, #f8fffd) !important;
}

@media(max-width:760px) {
  body.loit-social-feed-page.personalized-feed-page .creator-public-nav-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    width: 100% !important;
  }

  body.loit-social-feed-page.personalized-feed-page .creator-public-nav-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    justify-content: center !important;
    padding: 10px 12px !important;
    white-space: nowrap !important;
    font-size: 15px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu {
    margin-top: 10px !important;
    gap: 8px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
    border-radius: 999px !important;
    min-height: 54px !important;
  }
}

/* Unified logged-in creator navigation system: one pill style across Feed, Discover, creator pages and backend. */
.creator-public-nav-wrap {
  width: min(1180px, calc(100% - 32px)) !important;
  margin: 14px auto 0 !important;
  z-index: 50 !important;
}

.creator-public-nav,
.loit-social-session-bar {
  border-radius: 24px !important;
  border: 1px solid color-mix(in srgb, var(--creator-accent, #2dd4bf) 28%, rgba(148, 163, 184, .24)) !important;
  background: color-mix(in srgb, var(--offer-panel-bg, #071f1b) 86%, var(--creator-accent, #2dd4bf) 14%) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.18) !important;
}

.creator-public-nav-id {
  border-radius: 18px !important;
  border: 1px solid color-mix(in srgb, var(--creator-accent, #2dd4bf) 24%, var(--offer-border, rgba(45,212,191,.22)) 76%) !important;
  background: color-mix(in srgb, var(--offer-card-bg, #06251f) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  color: var(--offer-text, #f8fffd) !important;
}

.creator-public-nav-id span,
.loit-social-session-bar .status-kicker {
  color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 74%, var(--offer-text, #f8fffd) 26%) !important;
  letter-spacing: 0 !important;
}

.creator-public-nav-id strong,
.loit-social-session-bar strong {
  color: var(--offer-text, #f8fffd) !important;
}

.creator-public-nav-links,
.loit-social-session-actions,
.creator-quick-menu {
  gap: 10px !important;
}

.creator-public-nav-link,
.creator-quick-link,
.loit-social-session-actions .btn,
.market-actions.creator-strip-actions .btn,
.home-hero-actions .btn,
.loit-feed-home-action-buttons .btn {
  min-height: 48px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  border: 1px solid color-mix(in srgb, var(--creator-accent, #2dd4bf) 28%, var(--offer-border, rgba(45,212,191,.22)) 72%) !important;
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  color: var(--offer-text, #f8fffd) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.creator-public-nav-link:hover,
.creator-quick-link:hover,
.loit-social-session-actions .btn:hover,
.market-actions.creator-strip-actions .btn:hover,
.home-hero-actions .btn:hover,
.loit-feed-home-action-buttons .btn:hover {
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 80%, var(--creator-accent, #2dd4bf) 20%) !important;
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 48%, var(--offer-border, rgba(45,212,191,.22)) 52%) !important;
  color: var(--offer-text, #f8fffd) !important;
  transform: none !important;
  filter: none !important;
}

.creator-public-nav-link.active,
.creator-public-nav-link.primary,
.creator-quick-link.active,
.loit-social-session-actions .btn:not(.secondary):not(.ghost),
.market-actions.creator-strip-actions .btn.glow,
.home-hero-actions .btn.glow,
.loit-feed-home-action-buttons .btn.glow {
  background: var(--creator-accent, #2dd4bf) !important;
  border-color: color-mix(in srgb, var(--creator-accent, #2dd4bf) 78%, #ffffff 22%) !important;
  color: var(--offer-button-text, #03201c) !important;
  box-shadow: none !important;
}

.creator-public-nav-link.active:hover,
.creator-public-nav-link.primary:hover,
.creator-quick-link.active:hover,
.loit-social-session-actions .btn:not(.secondary):not(.ghost):hover,
.market-actions.creator-strip-actions .btn.glow:hover,
.home-hero-actions .btn.glow:hover,
.loit-feed-home-action-buttons .btn.glow:hover {
  background: color-mix(in srgb, var(--creator-accent, #2dd4bf) 88%, #ffffff 12%) !important;
  color: var(--offer-button-text, #03201c) !important;
}

.loit-social-session-actions .btn.secondary,
.loit-social-session-actions .btn.ghost,
.market-actions.creator-strip-actions .btn.dark-outline,
.home-hero-actions .btn.dark-outline,
.loit-feed-home-action-buttons .btn.dark-outline {
  background: color-mix(in srgb, var(--offer-card-bg, #071f1b) 88%, var(--creator-accent, #2dd4bf) 12%) !important;
  color: var(--offer-text, #f8fffd) !important;
}

@media(max-width:760px) {
  .creator-public-nav-wrap {
    width: calc(100% - 18px) !important;
    margin-top: 8px !important;
  }

  .creator-public-nav {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  .creator-public-nav-id {
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 16px !important;
  }

  .creator-public-nav-links,
  .loit-social-session-actions,
  .creator-quick-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    overflow: visible !important;
    flex-wrap: initial !important;
  }

  .creator-public-nav-link,
  .creator-quick-link,
  .loit-social-session-actions .btn,
  .market-actions.creator-strip-actions .btn,
  .home-hero-actions .btn,
  .loit-feed-home-action-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 11px 10px !important;
    font-size: 15px !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* Compact mobile creator navigation repair: keep public nav readable without covering the page. */
@media(max-width:760px) {
  .creator-public-nav-wrap {
    position: static !important;
    top: auto !important;
    width: calc(100% - 18px) !important;
    margin: 8px auto 10px !important;
    z-index: auto !important;
  }

  .creator-public-nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    padding: 10px !important;
    border-radius: 20px !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .creator-public-nav-id {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
  }

  .creator-public-nav-id span {
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .creator-public-nav-id strong {
    font-size: 15px !important;
    line-height: 1.1 !important;
  }

  .creator-public-nav-links {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 0 4px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .creator-public-nav-links::-webkit-scrollbar {
    display: none !important;
  }

  .creator-public-nav-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 84px !important;
    max-width: 132px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  body.creator-marketplace-themed .creator-follow-box {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body.creator-marketplace-themed .creator-follow-box .btn {
    width: 100% !important;
    align-self: stretch !important;
  }

  body.creator-marketplace-themed .market-creator-strip .market-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.creator-marketplace-themed .market-creator-strip .market-actions .btn {
    flex: 1 1 calc(50% - 5px) !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 11px 12px !important;
    font-size: 13px !important;
  }

  body.creator-marketplace-themed .coherent-card-actions .btn.small-btn {
    font-size: 13px !important;
    padding: 11px 12px !important;
  }

  .loit-social-session-actions,
  .creator-quick-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .loit-social-session-actions::-webkit-scrollbar,
  .creator-quick-menu::-webkit-scrollbar {
    display: none !important;
  }

  .loit-social-session-actions .btn,
  .creator-quick-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 112px !important;
    min-height: 42px !important;
    padding: 9px 14px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }
}

/* Final More reaction pill repair */
body.loit-social-feed-page.personalized-feed-page .feed-quick-reactions,
body.logged-in .feed-quick-reactions {
  align-items: stretch !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more,
body.logged-in .feed-reaction-more {
  position: relative !important;
  min-width: 0 !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
body.logged-in .feed-reaction-more-summary {
  color: #ffffff !important;
  background: rgba(3, 42, 35, .9) !important;
  border: 1px solid rgba(42, 202, 185, .55) !important;
  box-shadow: none !important;
  min-height: 48px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary::after,
body.logged-in .feed-reaction-more-summary::after {
  content: none !important;
  display: none !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary .feed-more-label,
body.logged-in .feed-reaction-more-summary .feed-more-label {
  display: inline !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-more-summary,
body.logged-in .feed-reaction-more[open] .feed-reaction-more-summary {
  background: rgba(10, 66, 56, .96) !important;
  color: #ffffff !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-top: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  z-index: 1 !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 8px 7px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(3, 42, 35, .9) !important;
  border: 1px solid rgba(42, 202, 185, .55) !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  overflow: hidden !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn.is-active,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn.is-active {
  background: rgba(26, 188, 171, .18) !important;
  border-color: rgba(55, 217, 199, .82) !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span {
  flex: 0 0 auto !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong {
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em {
  flex: 0 0 auto !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: rgba(23, 125, 111, .85) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

@media(max-width:760px) {
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more,
  body.logged-in .feed-reaction-more {
grid-column: 1 / -1 !important;
width: 100% !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
  body.logged-in .feed-reaction-more-summary {
width: 100% !important;
justify-content: flex-start !important;
padding-left: 20px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu {
gap: 7px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
min-height: 50px !important;
padding: 7px 5px !important;
gap: 5px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong {
font-size: 12px !important;
  }
}

/* Final logged-in nav consistency and creator page dedupe */
@media(max-width:760px) {
  .creator-public-nav-wrap,
  body.creator-marketplace-themed .creator-public-nav-wrap,
  body.loit-social-feed-page .creator-public-nav-wrap {
position: static !important;
top: auto !important;
width: calc(100% - 18px) !important;
margin: 8px auto 10px !important;
z-index: auto !important;
  }

  .creator-public-nav,
  body.creator-marketplace-themed .creator-public-nav,
  body.loit-social-feed-page .creator-public-nav {
display: flex !important;
flex-direction: column !important;
gap: 9px !important;
max-height: none !important;
overflow: hidden !important;
  }

  .creator-public-nav-links,
  .creator-quick-menu,
  .loit-social-session-actions {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
gap: 8px !important;
padding: 2px 0 4px !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
  }

  .creator-public-nav-links::-webkit-scrollbar,
  .creator-quick-menu::-webkit-scrollbar,
  .loit-social-session-actions::-webkit-scrollbar {
display: none !important;
  }

  .creator-public-nav-link,
  .creator-quick-link,
  .loit-social-session-actions .btn {
flex: 0 0 auto !important;
width: auto !important;
min-width: 112px !important;
max-width: 168px !important;
min-height: 42px !important;
padding: 9px 14px !important;
border-radius: 999px !important;
font-size: 14px !important;
line-height: 1.05 !important;
white-space: nowrap !important;
text-align: center !important;
  }
}

/* Hard final mobile nav and More reaction repair */
@media(max-width:760px) {
  .creator-public-nav-wrap,
  body.creator-marketplace-themed .creator-public-nav-wrap,
  body.loit-social-feed-page .creator-public-nav-wrap {
position: static !important;
top: auto !important;
width: calc(100% - 18px) !important;
margin: 8px auto 10px !important;
z-index: auto !important;
  }

  .creator-public-nav,
  body.creator-marketplace-themed .creator-public-nav,
  body.loit-social-feed-page .creator-public-nav {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
padding: 10px !important;
max-height: none !important;
overflow: hidden !important;
  }

  .creator-public-nav-id {
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
  }

  .creator-public-nav-links,
  .creator-quick-menu,
  .loit-social-session-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
justify-content: stretch !important;
align-items: stretch !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
gap: 9px !important;
padding: 0 !important;
  }

  .creator-public-nav-link,
  .creator-quick-link,
  .loit-social-session-actions .btn {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
min-height: 48px !important;
padding: 10px 8px !important;
border-radius: 999px !important;
font-size: 14px !important;
line-height: 1.05 !important;
white-space: nowrap !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
  }

  .loit-social-session-bar.logged-out {
flex-direction: row !important;
align-items: center !important;
padding: 12px 14px !important;
gap: 10px !important;
  }

  .loit-social-session-bar.logged-out .loit-social-session-copy {
min-width: 0 !important;
flex: 1 1 auto !important;
  }

  .loit-social-session-bar.logged-out strong {
font-size: 15px !important;
line-height: 1.15 !important;
  }

  .loit-social-session-bar.logged-out small {
font-size: 12px !important;
line-height: 1.3 !important;
  }

  .loit-social-session-bar.logged-out .loit-social-session-actions-compact {
display: flex !important;
grid-template-columns: none !important;
width: auto !important;
max-width: 42% !important;
flex: 0 0 auto !important;
overflow: visible !important;
justify-content: flex-end !important;
  }

  .loit-social-session-bar.logged-out .loit-social-session-actions-compact .btn {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
min-height: 36px !important;
padding: 8px 11px !important;
font-size: 12px !important;
font-weight: 800 !important;
overflow: visible !important;
text-overflow: clip !important;
  }

  .loit-social-session-bar:not(.logged-out) .loit-social-session-actions-compact {
display: flex !important;
flex-wrap: nowrap !important;
grid-template-columns: none !important;
overflow-x: auto !important;
width: 100% !important;
gap: 7px !important;
  }

  .loit-social-session-bar:not(.logged-out) .loit-social-session-actions-compact .btn {
width: auto !important;
min-width: 0 !important;
flex: 0 0 auto !important;
min-height: 38px !important;
padding: 8px 10px !important;
font-size: 12px !important;
overflow: visible !important;
text-overflow: clip !important;
  }

  .loit-social-session-bar:not(.logged-out) .session-action-optional {
display: none !important;
  }
}

@media(max-width:420px) {
  .loit-social-session-bar.logged-out {
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
  }

  .loit-social-session-bar.logged-out .loit-social-session-actions-compact {
width: 100% !important;
max-width: none !important;
justify-content: stretch !important;
  }

  .loit-social-session-bar.logged-out .loit-social-session-actions-compact .btn {
width: 100% !important;
justify-content: center !important;
  }
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
body.logged-in .feed-reaction-more-summary {
  justify-content: center !important;
  text-align: center !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary .feed-more-label,
body.logged-in .feed-reaction-more-summary .feed-more-label {
  width: 100% !important;
  text-align: center !important;
}

body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em:empty,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em:empty {
  display: none !important;
}

@media(max-width:760px) {
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more,
  body.logged-in .feed-reaction-more {
grid-column: 1 / -1 !important;
width: 100% !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
  body.logged-in .feed-reaction-more-summary {
justify-content: center !important;
text-align: center !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
margin-top: 10px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
min-height: 50px !important;
padding: 8px 10px !important;
gap: 6px !important;
justify-content: center !important;
overflow: hidden !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong {
color: #ffffff !important;
font-size: 13px !important;
line-height: 1.05 !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
word-break: normal !important;
text-align: center !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span {
font-size: 20px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em {
min-width: 22px !important;
height: 22px !important;
font-size: 12px !important;
  }

  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em:empty,
  body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em:empty {
display: none !important;
  }
}

/* Desktop feed reaction row repair */
@media(min-width:761px) {
  .loit-feed-card .feed-quick-reactions,
  body.creator-marketplace-themed .feed-quick-reactions,
  body.loit-social-feed-page .feed-quick-reactions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
  }

  .loit-feed-card .feed-reaction-btn,
  body.creator-marketplace-themed .feed-reaction-btn,
  body.loit-social-feed-page .feed-reaction-btn {
width: auto !important;
min-width: 0 !important;
max-width: none !important;
min-height: 42px !important;
height: auto !important;
aspect-ratio: auto !important;
padding: 9px 16px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
flex: 0 0 auto !important;
white-space: nowrap !important;
  }

  .loit-feed-card .feed-reaction-btn span,
  body.creator-marketplace-themed .feed-reaction-btn span,
  body.loit-social-feed-page .feed-reaction-btn span {
font-size: 18px !important;
line-height: 1 !important;
  }

  .loit-feed-card .feed-reaction-btn strong,
  body.creator-marketplace-themed .feed-reaction-btn strong,
  body.loit-social-feed-page .feed-reaction-btn strong {
font-size: 14px !important;
line-height: 1 !important;
white-space: nowrap !important;
  }

  .loit-feed-card .feed-reaction-btn em,
  body.creator-marketplace-themed .feed-reaction-btn em,
  body.loit-social-feed-page .feed-reaction-btn em {
min-width: 22px !important;
height: 22px !important;
padding: 0 6px !important;
font-size: 12px !important;
line-height: 1 !important;
  }

  .loit-feed-card .feed-reaction-btn em:empty,
  body.creator-marketplace-themed .feed-reaction-btn em:empty,
  body.loit-social-feed-page .feed-reaction-btn em:empty {
display: none !important;
  }

  .loit-feed-card .feed-reaction-more,
  body.creator-marketplace-themed .feed-reaction-more,
  body.loit-social-feed-page .feed-reaction-more {
position: relative !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
  }

  .loit-feed-card .feed-reaction-more-summary,
  body.creator-marketplace-themed .feed-reaction-more-summary,
  body.loit-social-feed-page .feed-reaction-more-summary {
width: auto !important;
min-width: 96px !important;
max-width: none !important;
min-height: 42px !important;
padding: 9px 20px !important;
justify-content: center !important;
text-align: center !important;
  }

  .loit-feed-card .feed-reaction-more[open] .feed-reaction-menu,
  body.creator-marketplace-themed .feed-reaction-more[open] .feed-reaction-menu,
  body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu {
position: static !important;
display: flex !important;
flex-wrap: wrap !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 10px 0 0 !important;
padding: 0 !important;
gap: 10px !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
  }

  .loit-feed-card .feed-actions,
  body.creator-marketplace-themed .feed-actions,
  body.loit-social-feed-page .feed-actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
  }
}

/* Hard desktop /feed reaction form wrapper repair */
@media(min-width:761px) {
  body.loit-social-feed-page .feed-action-bar,
  body.loit-social-feed-page.personalized-feed-page .feed-action-bar,
  body.logged-in.loit-social-feed-page .feed-action-bar {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
  }

  body.loit-social-feed-page .feed-quick-reactions,
  body.loit-social-feed-page.personalized-feed-page .feed-quick-reactions,
  body.logged-in.loit-social-feed-page .feed-quick-reactions {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
width: auto !important;
max-width: 100% !important;
  }

  body.loit-social-feed-page .feed-reaction-form,
  body.loit-social-feed-page .quick-reaction-form,
  body.loit-social-feed-page .more-reaction-form,
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-form,
  body.loit-social-feed-page.personalized-feed-page .quick-reaction-form,
  body.loit-social-feed-page.personalized-feed-page .more-reaction-form,
  body.logged-in.loit-social-feed-page .feed-reaction-form,
  body.logged-in.loit-social-feed-page .quick-reaction-form,
  body.logged-in.loit-social-feed-page .more-reaction-form {
display: inline-flex !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
  }

  body.loit-social-feed-page .feed-reaction-btn,
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-btn,
  body.logged-in.loit-social-feed-page .feed-reaction-btn {
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
min-height: 42px !important;
aspect-ratio: auto !important;
padding: 9px 16px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
white-space: nowrap !important;
  }

  body.loit-social-feed-page .feed-reaction-more,
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more,
  body.logged-in.loit-social-feed-page .feed-reaction-more {
display: inline-block !important;
flex: 0 0 auto !important;
grid-column: auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
  }

  body.loit-social-feed-page .feed-reaction-more-summary,
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
  body.logged-in.loit-social-feed-page .feed-reaction-more-summary {
width: auto !important;
min-width: 96px !important;
max-width: none !important;
min-height: 42px !important;
padding: 9px 20px !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
  }

  body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu,
  body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu,
  body.logged-in.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
  }

  body.loit-social-feed-page .feed-secondary-actions,
  body.loit-social-feed-page.personalized-feed-page .feed-secondary-actions,
  body.logged-in.loit-social-feed-page .feed-secondary-actions {
flex: 0 0 auto !important;
align-self: center !important;
  }
}

/* Desktop logged-in nav slimming */
@media(min-width:761px) {
  .creator-public-nav-wrap,
  body.loit-social-feed-page .creator-public-nav-wrap,
  body.creator-marketplace-themed .creator-public-nav-wrap {
width: min(1180px, calc(100% - 40px)) !important;
margin: 12px auto 0 !important;
  }

  .creator-public-nav,
  body.loit-social-feed-page .creator-public-nav,
  body.creator-marketplace-themed .creator-public-nav {
min-height: 0 !important;
padding: 9px 10px !important;
gap: 10px !important;
border-radius: 18px !important;
align-items: center !important;
box-shadow: 0 10px 26px rgba(15, 23, 42, .12) !important;
  }

  .creator-public-nav-id,
  body.loit-social-feed-page .creator-public-nav-id,
  body.creator-marketplace-themed .creator-public-nav-id {
min-width: 210px !important;
max-width: 300px !important;
min-height: 46px !important;
padding: 7px 12px !important;
border-radius: 13px !important;
  }

  .creator-public-nav-id span,
  body.loit-social-feed-page .creator-public-nav-id span,
  body.creator-marketplace-themed .creator-public-nav-id span {
font-size: 10px !important;
line-height: 1 !important;
  }

  .creator-public-nav-id strong,
  body.loit-social-feed-page .creator-public-nav-id strong,
  body.creator-marketplace-themed .creator-public-nav-id strong {
font-size: 14px !important;
line-height: 1.15 !important;
  }

  .creator-public-nav-links,
  body.loit-social-feed-page .creator-public-nav-links,
  body.creator-marketplace-themed .creator-public-nav-links {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 8px !important;
width: auto !important;
min-width: 0 !important;
overflow: visible !important;
  }

  .creator-public-nav-link,
  body.loit-social-feed-page .creator-public-nav-link,
  body.creator-marketplace-themed .creator-public-nav-link {
width: auto !important;
min-width: 74px !important;
max-width: none !important;
min-height: 40px !important;
padding: 8px 15px !important;
border-radius: 16px !important;
font-size: 13px !important;
line-height: 1 !important;
white-space: nowrap !important;
box-shadow: none !important;
  }

  .creator-public-nav-link.primary,
  .creator-public-nav-link.active,
  body.loit-social-feed-page .creator-public-nav-link.primary,
  body.loit-social-feed-page .creator-public-nav-link.active,
  body.creator-marketplace-themed .creator-public-nav-link.primary,
  body.creator-marketplace-themed .creator-public-nav-link.active {
border-radius: 16px !important;
  }
}

/* Final neutral More summary button: never default green */
.feed-reaction-more-summary,
body.logged-in .feed-reaction-more-summary,
body.loit-social-feed-page .feed-reaction-more-summary,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary,
body.logged-in.loit-social-feed-page .feed-reaction-more-summary,
body.logged-in .loit-feed-card .feed-reaction-more-summary,
body.loit-social-feed-page .loit-feed-card .feed-reaction-more-summary,
body.creator-marketplace-themed .loit-feed-card .feed-reaction-more-summary,
body.offer-theme-page .feed-reaction-more-summary {
  background: color-mix(in srgb, var(--offer-panel-bg, var(--offer-card-bg, #111827)) 88%, var(--offer-text, #ffffff) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.38)) 72%, var(--creator-accent, var(--accent, #64748b)) 28%) !important;
  color: var(--offer-text, #ffffff) !important;
}

.feed-reaction-more-summary .feed-more-label,
body.logged-in .feed-reaction-more-summary .feed-more-label,
body.loit-social-feed-page .feed-reaction-more-summary .feed-more-label,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary .feed-more-label,
body.logged-in.loit-social-feed-page .feed-reaction-more-summary .feed-more-label,
body.logged-in .loit-feed-card .feed-reaction-more-summary .feed-more-label,
body.loit-social-feed-page .loit-feed-card .feed-reaction-more-summary .feed-more-label,
body.creator-marketplace-themed .loit-feed-card .feed-reaction-more-summary .feed-more-label,
body.offer-theme-page .feed-reaction-more-summary .feed-more-label {
  color: var(--offer-text, #ffffff) !important;
}

body.logged-in .feed-reaction-more[open] .feed-reaction-more-summary,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-more-summary,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-more-summary,
body.logged-in.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-more-summary {
  background: color-mix(in srgb, var(--offer-panel-bg, var(--offer-card-bg, #111827)) 82%, var(--offer-text, #ffffff) 18%) !important;
  color: var(--offer-text, #ffffff) !important;
}

/* Creator social timeline surface theme audit cleanup */
body.creator-marketplace-themed .creator-social-timeline-list .loit-feed-card,
body.creator-marketplace-themed .creator-social-timeline-list .social-post-card {
  background: color-mix(in srgb, var(--offer-card-bg, #ffffff) 92%, var(--creator-accent, #64748b) 8%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.28)) 76%, var(--creator-accent, #64748b) 24%) !important;
  color: var(--offer-text, #111827) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--creator-accent, #64748b) 8%, transparent) !important;
}

body.creator-marketplace-themed .creator-social-timeline-list .loit-feed-card *,
body.creator-marketplace-themed .creator-social-timeline-list .social-post-card * {
  border-color: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.28)) 80%, var(--creator-accent, #64748b) 20%);
}

body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more-summary {
  background: color-mix(in srgb, var(--offer-panel-bg, var(--offer-card-bg, #ffffff)) 88%, var(--offer-text, #111827) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.28)) 72%, var(--creator-accent, #64748b) 28%) !important;
  color: var(--offer-text, #111827) !important;
}

body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more-summary .feed-more-label {
  color: var(--offer-text, #111827) !important;
}

/* Final neutral More emoji option buttons: never default green */
.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.logged-in.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.logged-in .loit-feed-card .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.loit-social-feed-page .loit-feed-card .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.offer-theme-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
  background: color-mix(in srgb, var(--offer-panel-bg, var(--offer-card-bg, #f3f4f6)) 88%, var(--offer-text, #111827) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.38)) 72%, var(--creator-accent, var(--accent, #64748b)) 28%) !important;
  color: var(--offer-text, #111827) !important;
}

.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.offer-theme-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.offer-theme-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span {
  color: var(--offer-text, #111827) !important;
}

.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em,
body.offer-theme-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn em {
  background: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.38)) 45%, var(--offer-card-bg, #ffffff) 55%) !important;
  color: var(--offer-text, #111827) !important;
}

/* Compact More controls with readable white labels */
.feed-reaction-more-summary,
body.logged-in .feed-reaction-more-summary,
body.loit-social-feed-page .feed-reaction-more-summary,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary {
  min-height: 38px !important;
  padding: 8px 16px !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--offer-text, #111827) 88%, var(--offer-card-bg, #ffffff) 12%) !important;
  border-color: color-mix(in srgb, var(--offer-text, #111827) 42%, var(--offer-border, rgba(148,163,184,.38)) 58%) !important;
  color: #ffffff !important;
}

.feed-reaction-more-summary .feed-more-label,
body.logged-in .feed-reaction-more-summary .feed-more-label,
body.loit-social-feed-page .feed-reaction-more-summary .feed-more-label,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary .feed-more-label {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
  min-height: 40px !important;
  padding: 8px 13px !important;
  border-radius: 16px !important;
  gap: 7px !important;
  background: color-mix(in srgb, var(--offer-text, #111827) 86%, var(--offer-card-bg, #ffffff) 14%) !important;
  border-color: color-mix(in srgb, var(--offer-text, #111827) 40%, var(--offer-border, rgba(148,163,184,.38)) 60%) !important;
  color: #ffffff !important;
}

.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span {
  color: #ffffff !important;
}

.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong {
  font-size: 13px !important;
  line-height: 1 !important;
}

/* Baby-step More control trim: smaller shape and readable neutral labels */
.feed-reaction-more-summary,
body.logged-in .feed-reaction-more-summary,
body.loit-social-feed-page .feed-reaction-more-summary,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary {
  min-height: 34px !important;
  width: auto !important;
  max-width: 160px !important;
  padding: 6px 18px !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--offer-card-bg, #f3f4f6) 82%, var(--offer-text, #111827) 18%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.38)) 76%, var(--offer-text, #111827) 24%) !important;
  color: var(--offer-text, #111827) !important;
}

.feed-reaction-more-summary .feed-more-label,
body.logged-in .feed-reaction-more-summary .feed-more-label,
body.loit-social-feed-page .feed-reaction-more-summary .feed-more-label,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more-summary .feed-more-label {
  color: var(--offer-text, #111827) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.loit-social-feed-page.personalized-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn {
  min-height: 36px !important;
  width: auto !important;
  max-width: 150px !important;
  padding: 6px 11px !important;
  border-radius: 12px !important;
  gap: 6px !important;
  background: color-mix(in srgb, var(--offer-card-bg, #f3f4f6) 82%, var(--offer-text, #111827) 18%) !important;
  border-color: color-mix(in srgb, var(--offer-border, rgba(148,163,184,.38)) 76%, var(--offer-text, #111827) 24%) !important;
  color: var(--offer-text, #111827) !important;
}

.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
.feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.logged-in .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.loit-social-feed-page .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn strong,
body.creator-marketplace-themed .creator-social-timeline-list .feed-reaction-more[open] .feed-reaction-menu .feed-reaction-btn span {
  color: var(--offer-text, #111827) !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
}

/* Non-themed creator menu shape cleanup: match tighter themed-page buttons */
body.creator-internal-page .creator-quick-menu,
body:not(.creator-marketplace-themed):not(.offer-theme-page) .creator-public-nav-links,
body:not(.creator-marketplace-themed):not(.offer-theme-page) .loit-social-session-actions {
  gap: 8px !important;
}

body.creator-internal-page .creator-quick-menu {
  padding: 8px !important;
  border-radius: 14px !important;
}

body:not(.creator-marketplace-themed):not(.offer-theme-page) .creator-public-nav {
  border-radius: 18px !important;
}

body:not(.creator-marketplace-themed):not(.offer-theme-page) .creator-public-nav-id {
  border-radius: 14px !important;
}

body.creator-internal-page .creator-quick-link,
body:not(.creator-marketplace-themed):not(.offer-theme-page) .creator-public-nav-link,
body:not(.creator-marketplace-themed):not(.offer-theme-page) .loit-social-session-actions .btn {
  min-height: 38px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 8px 13px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  line-height: 1.05 !important;
}

body.creator-internal-page .creator-quick-link.active,
body:not(.creator-marketplace-themed):not(.offer-theme-page) .creator-public-nav-link.active,
body:not(.creator-marketplace-themed):not(.offer-theme-page) .creator-public-nav-link.primary,
body:not(.creator-marketplace-themed):not(.offer-theme-page) .loit-social-session-actions .btn:not(.secondary):not(.ghost) {
  border-radius: 14px !important;
}

@media(max-width:760px) {
  body.creator-internal-page .creator-quick-link,
  body:not(.creator-marketplace-themed):not(.offer-theme-page) .creator-public-nav-link,
  body:not(.creator-marketplace-themed):not(.offer-theme-page) .loit-social-session-actions .btn {
min-height: 42px !important;
padding: 9px 10px !important;
border-radius: 14px !important;
  }
}
/* Snap Newsletter v18b: keep public creator session cards compact and readable. */
body.offer-theme-page .loit-social-session-bar,
body.creator-marketplace-themed .loit-social-session-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  overflow: hidden !important;
}

body.offer-theme-page .loit-social-session-copy,
body.creator-marketplace-themed .loit-social-session-copy {
  min-width: 0 !important;
}

body.offer-theme-page .loit-social-session-copy strong,
body.creator-marketplace-themed .loit-social-session-copy strong {
  display: block !important;
  font-size: clamp(16px, 2vw, 21px) !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}

body.offer-theme-page .loit-social-session-copy small,
body.creator-marketplace-themed .loit-social-session-copy small {
  display: block !important;
  margin-top: 5px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #64748b !important;
  overflow-wrap: anywhere !important;
}

body.offer-theme-page .loit-social-session-actions-compact,
body.creator-marketplace-themed .loit-social-session-actions-compact {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  max-width: min(100%, 560px) !important;
  overflow: visible !important;
}

body.offer-theme-page .loit-social-session-actions-compact .btn,
body.creator-marketplace-themed .loit-social-session-actions-compact .btn {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 34px !important;
  padding: 8px 13px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

@media(max-width:760px) {
  body.offer-theme-page .loit-social-session-bar,
  body.creator-marketplace-themed .loit-social-session-bar {
grid-template-columns: 1fr !important;
align-items: stretch !important;
  }

  body.offer-theme-page .loit-social-session-actions-compact,
  body.creator-marketplace-themed .loit-social-session-actions-compact {
justify-content: flex-start !important;
max-width: 100% !important;
overflow: visible !important;
  }
}

/* Public offer detail layout polish (/o/{slug}, unlock) */
body.offer-public-detail-page{padding:12px 16px 28px}
body.offer-public-detail-page .offer-detail-card{width:min(1000px,calc(100% - 24px));max-width:1000px;margin:12px auto 20px;padding:22px 24px 24px;border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 14px 36px rgba(15,23,42,.08)!important}
body.offer-public-detail-page .offer-layout-product.offer-detail-card,body.offer-public-detail-page .offer-layout-recommendation.offer-detail-card{max-width:1040px;width:min(1040px,calc(100% - 24px))}
body.offer-public-detail-page .offer-layout-socialstory.offer-detail-card{max-width:720px}
body.offer-public-detail-page .offer-detail-card h1{font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 10px}
body.offer-public-detail-page .offer-layout-socialstory h1{font-size:clamp(1.65rem,4.5vw,2.35rem);letter-spacing:-.04em}
body.offer-public-detail-page .offer-layout-product h1,body.offer-public-detail-page .offer-layout-recommendation h1{font-size:clamp(1.7rem,3.4vw,2.45rem)}
body.offer-public-detail-page .offer-detail-card .price{font-size:1.15rem;font-weight:900;margin:4px 0 12px}
body.offer-public-detail-page .offer-page-topbar{margin-bottom:12px}
body.offer-public-detail-page .offer-img,body.offer-public-detail-page .offer-video-stage,body.offer-public-detail-page .offer-img-stage,body.offer-public-detail-page .page-visual-placeholder{margin-bottom:14px;border-radius:16px}
body.offer-public-detail-page .offer-img:not(.content-visual-placeholder){max-height:420px}
body.offer-public-detail-page .content-visual-placeholder.page-visual-placeholder,
body.offer-public-detail-page .content-visual-placeholder.offer-img.page-visual-placeholder{
  object-fit:unset;
  display:flex;
  width:100%;
  min-height:280px;
  max-height:460px;
  aspect-ratio:1.91 / 1;
  overflow:hidden;
}
body.offer-public-detail-page .page-visual-placeholder{width:100%;max-height:460px;margin-bottom:14px}
body.offer-public-detail-page .offer-video-stage{max-height:460px}
body.offer-public-detail-page .offer-detail-meta{margin:8px 0 14px;gap:6px}
body.offer-public-detail-page .offer-detail-meta span{font-size:12px;padding:5px 10px}
body.offer-public-detail-page .offer-description-text,body.offer-public-detail-page .offer-detail-card>.rich-text{margin-bottom:14px}
body.offer-public-detail-page .offer-detail-card>.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;margin-bottom:4px}
body.offer-public-detail-page .offer-detail-card>.actions .btn:not(.secondary):not(.ghost):not(.danger):not(.success){min-height:46px;font-weight:900}
body.offer-public-detail-page .offer-detail-card>.actions .btn.secondary,body.offer-public-detail-page .offer-detail-card>.actions .btn.ghost{box-shadow:none!important}
body.offer-public-detail-page .offer-detail-card.offer-hero-fallback>.actions{margin-top:12px}
body.offer-public-detail-page .offer-detail-card.offer-hero-fallback .page-visual-placeholder{margin-bottom:12px}
body.offer-public-detail-page .offer-detail-card.offer-hero-fallback .offer-detail-meta{margin-top:2px}
body.offer-public-detail-page .offer-detail-card.offer-hero-fallback .price{margin-top:0;margin-bottom:8px}
body.offer-public-detail-page .offer-detail-card.offer-hero-fallback .offer-description-text{margin-top:4px}
body.offer-public-detail-page .creator-network-box{margin-top:18px;padding:14px 16px;border-radius:16px;box-shadow:none!important}
body.offer-public-detail-page .creator-network-head{margin-bottom:10px}
body.offer-public-detail-page .creator-network-head h3{font-size:1.05rem}
body.offer-public-detail-page .positive-reaction-box{padding:12px;margin:10px 0 12px;border-radius:14px;box-shadow:none!important}
body.offer-public-detail-page .positive-reaction-row{gap:6px}
body.offer-public-detail-page .positive-reaction-row .reaction-pill{min-height:36px;font-size:12px}
body.offer-public-detail-page .reaction-summary{padding:10px 12px;margin:10px 0 12px;border-radius:14px}
body.offer-public-detail-page .network-comment-card,body.offer-public-detail-page .network-empty,body.offer-public-detail-page .network-login-prompt{padding:11px 12px;border-radius:12px}
body.offer-public-detail-page .loit-legal-footer{width:min(1000px,calc(100% - 24px));max-width:1000px}
@media(max-width:640px){body.offer-public-detail-page{padding:0 0 calc(20px + env(safe-area-inset-bottom,0px));overflow-x:hidden}body.offer-public-detail-page .offer-detail-card,body.offer-public-detail-page .offer-layout-product.offer-detail-card,body.offer-public-detail-page .offer-layout-recommendation.offer-detail-card,body.offer-public-detail-page .offer-layout-socialstory.offer-detail-card{width:100%;max-width:100%;margin:0;padding:14px 14px 18px;border-radius:0;border-left:0;border-right:0;box-shadow:none!important}body.offer-public-detail-page .offer-detail-card h1,body.offer-public-detail-page .offer-layout-socialstory h1,body.offer-public-detail-page .offer-layout-product h1,body.offer-public-detail-page .offer-layout-recommendation h1{font-size:clamp(1.45rem,6.5vw,1.85rem);line-height:1.1;margin-bottom:8px}body.offer-public-detail-page .offer-img:not(.content-visual-placeholder){width:100%;max-width:100%;max-height:min(52vw,280px);margin:0 0 12px;border-radius:12px;aspect-ratio:16/10;object-fit:cover}body.offer-public-detail-page .page-visual-placeholder,body.offer-public-detail-page .content-visual-placeholder.page-visual-placeholder{width:100%;max-width:100%;margin:0 0 12px;max-height:min(56vw,320px);min-height:220px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;object-fit:unset;display:flex}body.offer-public-detail-page .offer-layout-socialstory .offer-img{width:100%;margin:0 0 12px;aspect-ratio:16/10;max-height:min(58vw,300px);border-radius:12px}body.offer-public-detail-page .offer-layout-socialstory .content-visual-placeholder.offer-img,body.offer-public-detail-page .offer-layout-socialstory .page-visual-placeholder{margin:0 0 12px;max-height:min(52vw,260px);aspect-ratio:16/10;border-radius:12px}body.offer-public-detail-page .offer-video-stage{margin:0 0 12px;max-height:min(56vw,260px);aspect-ratio:16/10;min-height:0;border-radius:12px}body.offer-public-detail-page .offer-layout-product .offer-img{max-height:min(72vw,320px);aspect-ratio:1/1}body.offer-public-detail-page .offer-detail-meta{margin:6px 0 10px;gap:5px}body.offer-public-detail-page .offer-detail-card>.actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}body.offer-public-detail-page .offer-detail-card>.actions .btn{width:100%;justify-content:center;min-height:44px}body.offer-public-detail-page .offer-layout-socialstory .actions .btn:first-child{min-height:48px}body.offer-public-detail-page .creator-network-box{margin-top:14px;padding:12px;border-radius:14px}body.offer-public-detail-page .positive-reaction-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body.offer-public-detail-page .positive-reaction-row .reaction-pill{width:100%;justify-content:center}body.offer-public-detail-page .loit-legal-footer{width:100%;max-width:100%;margin:0;border-radius:0;border-left:0;border-right:0}}