/* Cella-inspired visual skin, extracted from the supplied Add Card SVG.
   Visuals only. Do not change DOM order, navigation behavior, feed geometry or media playback.
   The source image contributes the exact radial stops and a reduced alpha-grain tile. */
body:has(.fluence-v5) {
  background-color:#f4eff7;
  background-image:url("/cella-source-gradient.svg");
  background-position:center center;
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.fluence-v5 {
  --cella-ink:#17131c;
  --cella-muted:#58525e;
  --cella-stroke:rgba(23,19,28,.34);
  --cella-stroke-soft:rgba(23,19,28,.18);
  --cella-glass:rgba(255,255,255,.68);
  --cella-glass-strong:rgba(255,255,255,.84);
  --ig-ink:var(--cella-ink);
  --ig-mute:var(--cella-muted);
  --ig-line:var(--cella-stroke-soft);
  --ig-paper:var(--cella-glass);
  --ig-soft:rgba(255,255,255,.35);
  color:var(--cella-ink)!important;
  background:transparent!important;
}
.fluence-v5 .v4-main,
.fluence-v5 .v4-main:has(.ig-feed-page),
.fluence-v5 .v4-main:has(.ig-reels-page),
.fluence-v5 .v4-main:has(.ig-library-page),
.fluence-v5 .v4-main:has(.ig-profile-page),
.fluence-v5 .v4-main:has(.ig-detail-page),
.fluence-v5 .ig-feed-page.v5-feed-page {
  background:transparent!important;
}
.fluence-v5 .v4-topbar {
  background:rgba(255,255,255,.64)!important;
  border-bottom:1px solid var(--cella-stroke-soft)!important;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}
.fluence-v5 .v4-brand,
.fluence-v5 .v4-search {color:var(--cella-ink)!important}
.fluence-v5 .v4-brand span {
  background:var(--cella-ink)!important;
  color:#fff!important;
  border-radius:12px;
}
.fluence-v5 .v4-search {
  background:rgba(255,255,255,.42)!important;
  border-color:var(--cella-stroke)!important;
}
.fluence-v5 .v4-nav {
  background:rgba(255,255,255,.16);
  border-right:1px solid var(--cella-stroke-soft)!important;
}
.fluence-v5 .v4-nav-item {
  color:var(--cella-ink)!important;
  border:1px solid transparent!important;
  border-radius:20px!important;
}
.fluence-v5 .v4-nav-item:hover {
  background:rgba(255,255,255,.65)!important;
  border-color:var(--cella-stroke-soft)!important;
}
.fluence-v5 .v4-nav-item.active,
.fluence-v5 .v4-nav-item[aria-current="page"] {
  color:#fff!important;
  background:var(--cella-ink)!important;
  border-color:var(--cella-ink)!important;
  box-shadow:none!important;
}
.fluence-v5 .v4-mobile-nav {
  background:rgba(255,255,255,.77)!important;
  border-color:var(--cella-stroke)!important;
  border-radius:24px!important;
  box-shadow:0 12px 30px rgba(40,20,45,.10)!important;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}
/* Headlines use the geometric, bold Cella reference rather than Instagram's italic wordmark. */
.fluence-v5 .ig-wordmark,
.fluence-v5 .ig-section-heading h1,
.fluence-v5 .ig-reels-heading strong,
.fluence-v5 .feed-header h1,
.fluence-v5 .section-header h1 {
  color:var(--cella-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-style:normal!important;
  font-weight:800!important;
  letter-spacing:-.055em;
}
.fluence-v5 .ig-wordmark-dot {color:#987bb5!important}
.fluence-v5 .ig-feed-page .ig-feed-header,
.fluence-v5 .ig-feed-page .ig-topic-tray {
  background:rgba(255,255,255,.66)!important;
  border-color:var(--cella-stroke-soft)!important;
  backdrop-filter:blur(16px);
}
.fluence-v5 .ig-feed-language strong {
  border-color:var(--cella-stroke)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.3);
}
.fluence-v5 .ig-story-ring,
.fluence-v5 .ig-post-avatar {
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#d6c0e8,#feffcf,#d6c0e8) border-box!important;
}
/* Media geometry, real video element, subtitles and autoplay stay untouched. */
.fluence-v5 .ig-feed-page .feed-card,
.fluence-v5 .ig-feed-page .media-card,
.fluence-v5 .ig-feed-page .native-media-card,
.fluence-v5 .ig-reels-page .ig-post,
.fluence-v5 .ig-detail-page .ig-post {
  background:var(--cella-glass)!important;
  background-color:var(--cella-glass)!important;
  border-color:var(--cella-stroke-soft)!important;
  border-radius:20px!important;
  box-shadow:0 10px 36px rgba(45,30,53,.07)!important;
}
.fluence-v5 .ig-post-header,
.fluence-v5 .ig-reels-page .ig-post-actions,
.fluence-v5 .ig-detail-page .ig-post-actions,
.fluence-v5 .ig-detail-page .ig-post .v5-media-copy,
.fluence-v5 .ig-reels-page .ig-post .v5-media-copy,
.fluence-v5 .ig-feed-page .native-media-card>.v5-media-copy,
.fluence-v5 .ig-feed-page .native-media-card>.media-actions.ig-post-actions,
.fluence-v5 .ig-feed-page .native-media-card>.v5-language-radar,
.fluence-v5 .ig-feed-page .native-media-card>.learning-language-radar {
  background:transparent!important;
  color:var(--cella-ink)!important;
}
.fluence-v5 .ig-feed-page .ig-post-actions button,
.fluence-v5 .ig-reels-page .ig-post-actions button,
.fluence-v5 .ig-detail-page .ig-post-actions button {
  border-radius:16px!important;
  color:var(--cella-ink)!important;
}
.fluence-v5 .ig-feed-page .ig-post-actions button:hover,
.fluence-v5 .ig-reels-page .ig-post-actions button:hover,
.fluence-v5 .ig-detail-page .ig-post-actions button:hover {
  background:rgba(255,255,255,.62)!important;
}
.fluence-v5 .ig-feed-page .ig-post-actions button.is-active[data-social="like"] {color:#9b548d!important}
.fluence-v5 .ig-feed-page .native-media-card>.fluence-subtitle-overlay,
.fluence-v5 .ig-feed-page .native-media-card>[data-fluence-subtitle-overlay] {
  background:rgba(255,255,255,.55)!important;
  color:var(--cella-ink)!important;
}
.fluence-v5 .ig-feed-page .native-vocab-chip,
.fluence-v5 .ig-feed-page .learning-word-chip {
  background:rgba(255,255,255,.64)!important;
  border-color:var(--cella-stroke-soft)!important;
  color:var(--cella-ink)!important;
}
.fluence-v5 .ig-feed-page .native-media-stage--book,
.fluence-v5 .ig-feed-page .native-media-stage--audio {
  background:rgba(255,255,255,.26)!important;
}
.fluence-v5 .ig-feed-page .social-practice-panel,
.fluence-v5 .ig-reels-page .social-practice-panel {
  background:var(--cella-glass-strong)!important;
  color:var(--cella-ink)!important;
  border:1px solid var(--cella-stroke-soft)!important;
}
.fluence-v5 :is(.ig-collection-count,.ig-profile-language,.ig-profile-actions button,.vocab-stat,.vocab-list,.curriculum-now>div,.map-phase,.inline-discussion,.lea-ribbon) {
  background:var(--cella-glass)!important;
  border-color:var(--cella-stroke-soft)!important;
  color:var(--cella-ink)!important;
  box-shadow:none!important;
}
.fluence-v5 .ig-library-page .ig-grid-tile {border-radius:14px!important}
.fluence-v5 .ig-grid-fallback {
  background:#ede5f2 url("/cella-source-gradient.svg") center / cover no-repeat!important;
  color:var(--cella-ink)!important;
}
.fluence-v5 :is(.ig-library-filters button,.ig-profile-actions button,.media-actions button,.review-ratings button,.vocab-cta button,.review-reveal,.v4-search input,.inline-discussion textarea) {
  border-color:var(--cella-stroke)!important;
  border-radius:20px!important;
}
.fluence-v5 .ig-library-filters button {
  background:rgba(255,255,255,.58)!important;
  color:var(--cella-ink)!important;
}
.fluence-v5 :is(.ig-library-filters button.is-active,.review-reveal,.vocab-cta,.discussion-send),
.fluence-v5 .ig-feed-page .licensed-article-open {
  background:var(--cella-ink)!important;
  border-color:var(--cella-ink)!important;
  color:#fff!important;
}
.fluence-v5 .vocab-cta {border-radius:20px!important}
.fluence-v5 :is(button,input,textarea):focus-visible {
  outline:2px solid var(--cella-ink)!important;
  outline-offset:3px;
}
@media(max-width:900px) {
  .fluence-v5 .v4-main:has(.ig-feed-page),
  .fluence-v5 .v4-main:has(.ig-reels-page),
  .fluence-v5 .ig-feed-page.v5-feed-page {background:transparent!important}
  .fluence-v5 .ig-feed-page .feed-card,
  .fluence-v5 .ig-feed-page .native-media-card {
    border-radius:0!important; /* Preserve edge-to-edge mobile feed geometry. */
    box-shadow:none!important;
  }
  .fluence-v5 .ig-reels-page .ig-post {border-radius:16px!important}
  .fluence-v5 .v4-mobile-nav .v4-nav-item.active {border-radius:18px!important}
}
@media(prefers-contrast:more) {
  .fluence-v5 {--cella-glass:#fff;--cella-glass-strong:#fff;--cella-stroke-soft:#17131c}
}