.de-app,
.de-collecte,
.defi-enfance-admin {
  --pink:#F00080 !important;
  --orange:#E06030 !important;
  --black:#101010 !important;
  --text:#1b1b1b !important;
  --muted:#616b78 !important;
  --surface:#ffffff !important;
  --surface-soft:#fcf7f9 !important;
  --surface-accent:linear-gradient(90deg, rgba(240,0,128,.12), rgba(224,96,48,.10)) !important;
  --border:rgba(16,16,16,.12) !important;
  --shadow:0 14px 35px rgba(16,16,16,.12) !important;
  --shadow-soft:0 10px 26px rgba(16,16,16,.08) !important;
  --radius:16px !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif !important;
  color:var(--text) !important;
}

.de-app *,
.de-collecte *,
.defi-enfance-admin * { box-sizing:border-box !important; }

.de-app { max-width:1180px !important; margin:0 auto !important; position:relative !important; z-index:2 !important; }

.de-shell,
.de-card,
.de-hero,
.de-banner,
.de-stat,
.de-admin-card,
.de-admin-panel,
.de-hub-rank,
.de-modal__dialog {
  background:#fff !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
}

.de-shell { overflow:visible !important; background:#fff !important; }
.de-shell__top {
  padding:18px 18px 14px !important;
  background:var(--surface-accent) !important;
  border-bottom:1px solid var(--border) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.de-shell__title {
  margin:0 !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  font-size:18px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.de-shell__sub {
  margin:8px 0 0 !important;
  color:#4b5563 !important;
  font-size:14px !important;
  line-height:1.6 !important;
  max-width:760px !important;
}
.de-badge {
  display:inline-flex !important;
  align-items:center !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  background:var(--pink) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:12px !important;
  letter-spacing:.3px !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.de-shell__hint {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid var(--border) !important;
  font-size:12.5px !important;
  color:var(--black) !important;
  box-shadow:0 10px 22px rgba(16,16,16,.08) !important;
  white-space:nowrap !important;
}
.de-shell__hint i {
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:var(--orange) !important;
  box-shadow:0 0 0 5px rgba(224,96,48,.14) !important;
  display:inline-block !important;
}

.de-hub-toolbar { padding:14px !important; background:#fff !important; border-bottom:1px solid var(--border) !important; }
.de-hub-nav { display:flex !important; gap:10px !important; flex-wrap:wrap !important; margin-bottom:12px !important; }
.de-nav-btn,
.de-chip-btn,
.de-btn,
.de-copy-btn {
  appearance:none !important;
  border:1px solid var(--border) !important;
  background:#fff !important;
  color:var(--black) !important;
  padding:12px 16px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease !important;
  box-shadow:0 10px 22px rgba(16,16,16,.08) !important;
}
.de-nav-btn:hover,
.de-chip-btn:hover,
.de-btn:hover,
.de-copy-btn:hover { transform:translateY(-1px) !important; box-shadow:0 16px 32px rgba(16,16,16,.12) !important; }
.de-nav-btn.is-active,
.de-chip-btn--primary,
.de-btn {
  background:linear-gradient(90deg, var(--pink), var(--orange)) !important;
  color:#fff !important;
  border-color:rgba(240,0,128,.24) !important;
}
.de-btn--ghost {
  background:#fff !important;
  color:var(--black) !important;
}

.de-hub-searchline {
  display:grid !important;
  grid-template-columns:repeat(12,1fr) !important;
  gap:12px !important;
  align-items:end !important;
}
.de-field { grid-column:span 3 !important; display:block !important; }
.de-field--grow { grid-column:span 4 !important; }
.de-field span {
  display:block !important;
  margin:0 0 7px !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  color:#4b5563 !important;
  text-transform:uppercase !important;
}
.de-field input,
.de-field select,
.de-form input,
.de-form select,
.de-form textarea,
.de-share textarea {
  width:100% !important;
  border:1px solid var(--border) !important;
  border-radius:14px !important;
  padding:13px 14px !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(16,16,16,.04) !important;
  color:var(--black) !important;
}
.de-field input:focus,
.de-field select:focus,
.de-form input:focus,
.de-form select:focus,
.de-form textarea:focus,
.de-share textarea:focus {
  outline:none !important;
  border-color:rgba(240,0,128,.35) !important;
  box-shadow:0 0 0 4px rgba(240,0,128,.10) !important;
}
.de-hub-actions { grid-column:span 2 !important; display:flex !important; gap:10px !important; flex-wrap:wrap !important; }

.de-hub-results { padding:14px !important; }
.de-hub-state,
.de-hub-section,
.de-row-list { display:grid !important; gap:14px !important; }
.de-hub-rankings-two { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; }

.de-hub-summary {
  padding:14px !important;
  box-shadow:var(--shadow-soft) !important;
  position:relative !important;
  overflow:hidden !important;
}
.de-hub-summary::before,
.de-stat::before,
.de-card::before,
.de-hub-rank::before {
  content:"" !important;
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:8px !important;
  background:linear-gradient(90deg, var(--pink), var(--orange)) !important;
}
.de-hub-summary__head {
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-bottom:14px !important;
}
.de-hub-summary__head h3 { margin:0 0 6px !important; font-size:21px !important; line-height:1.15 !important; }
.de-hub-summary__head p { margin:0 !important; color:var(--muted) !important; }
.de-hub-summary__stats,
.de-stats-grid,
.de-admin-grid { display:grid !important; grid-template-columns:repeat(12,1fr) !important; gap:12px !important; }
.de-hub-summary .de-stat,
.de-stats-grid .de-stat,
.de-admin-grid .de-admin-card { grid-column:span 4 !important; }

.de-stat {
  padding:18px !important;
  box-shadow:var(--shadow-soft) !important;
  position:relative !important;
  overflow:hidden !important;
  min-height:124px !important;
}
.de-stat__label {
  display:block !important;
  font-size:12px !important;
  opacity:.72 !important;
  margin-bottom:12px !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
}
.de-stat__value {
  font-size:26px !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  word-break:break-word !important;
}

.de-section-head { display:flex !important; align-items:center !important; gap:10px !important; padding:2px !important; }
.de-section-head h3 { margin:0 !important; font-size:18px !important; }

.de-hub-rank {
  position:relative !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:18px !important;
  padding:18px 18px 16px !important;
  box-shadow:var(--shadow-soft) !important;
  cursor:pointer !important;
  overflow:hidden !important;
}
.de-hub-rank:hover { transform:translateY(-2px) !important; box-shadow:var(--shadow) !important; }
.de-hub-rank.is-first { background:linear-gradient(90deg, rgba(240,0,128,.08), rgba(224,96,48,.08)) !important; }
.de-hub-rank__left {
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}
.de-hub-rank__number {
  width:48px !important;
  height:48px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid var(--border) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(16,16,16,.07) !important;
  flex:0 0 auto !important;
}
.de-avatar {
  width:72px !important;
  height:72px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:34px !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 10px 22px rgba(16,16,16,.07) !important;
  flex:0 0 auto !important;
}
.de-avatar--small { width:58px !important; height:58px !important; font-size:28px !important; }
.de-hub-rank__text { min-width:0 !important; flex:1 1 auto !important; }
.de-hub-rank__text--wide { max-width:760px !important; }
.de-hub-rank__text h3 {
  margin:0 !important;
  font-size:22px !important;
  line-height:1.15 !important;
  word-break:break-word !important;
}
.de-hub-rank__text p {
  margin:7px 0 0 !important;
  color:var(--muted) !important;
  line-height:1.5 !important;
  font-size:14.5px !important;
}
.de-hub-rank__excerpt {
  margin-top:10px !important;
  color:#364152 !important;
  line-height:1.6 !important;
  font-size:14px !important;
}
.de-hub-rank__donors,
.de-hub-meta-pills,
.de-hub-kpis,
.de-hub-tags,
.de-pill-list { display:flex !important; gap:8px !important; flex-wrap:wrap !important; }
.de-hub-rank__donors { margin-top:12px !important; }
.de-hub-rank__right {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:10px !important;
  flex:0 0 auto !important;
  max-width:320px !important;
}
.de-mini-stat {
  min-width:156px !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  background:rgba(240,0,128,.08) !important;
  border:1px solid rgba(240,0,128,.18) !important;
}
.de-mini-stat span {
  display:block !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  color:#5b6470 !important;
  margin-bottom:8px !important;
  letter-spacing:.2px !important;
}
.de-mini-stat strong {
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  word-break:break-word !important;
}
.de-pill {
  display:inline-flex !important;
  align-items:center !important;
  padding:8px 11px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid var(--border) !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  box-shadow:0 8px 18px rgba(16,16,16,.05) !important;
}
.de-pill--more { background:rgba(240,0,128,.08) !important; border-color:rgba(240,0,128,.18) !important; }
.de-pill--empty { color:#6b7280 !important; }

.de-inline-link {
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  color:var(--pink) !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

.de-collecte { max-width:980px !important; margin:0 auto !important; position:relative !important; z-index:3 !important; }
.de-collecte--inline { padding:0 !important; max-width:none !important; }
.de-hero {
  display:flex !important;
  gap:18px !important;
  align-items:center !important;
  padding:22px !important;
  margin-bottom:16px !important;
  background:var(--surface-accent) !important;
}
.de-kicker {
  font-size:12px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  opacity:.72 !important;
  margin-bottom:8px !important;
}
.de-hero__content h2 {
  margin:0 0 10px !important;
  font-size:34px !important;
  line-height:1.08 !important;
  word-break:break-word !important;
}
.de-meta-line { display:flex !important; flex-wrap:wrap !important; gap:8px !important; }
.de-meta-line span {
  font-size:14px !important;
  background:#fff !important;
  padding:8px 11px !important;
  border-radius:999px !important;
  border:1px solid var(--border) !important;
  box-shadow:0 8px 16px rgba(16,16,16,.04) !important;
}
.de-meta-line a {
  text-decoration:none !important;
  color:var(--pink) !important;
  font-weight:900 !important;
}
.de-stats-grid { margin-bottom:16px !important; }
.de-card,
.de-banner {
  padding:18px !important;
  margin-bottom:16px !important;
  position:relative !important;
  overflow:hidden !important;
}
.de-card h3,
.de-banner h3 {
  margin:0 0 12px !important;
  font-size:15px !important;
  line-height:1.25 !important;
  text-transform:uppercase !important;
  letter-spacing:.3px !important;
  font-weight:900 !important;
}
.de-card--soft { background:linear-gradient(180deg, rgba(240,0,128,.06), rgba(224,96,48,.04)) !important; }
.de-banner--promise { background:linear-gradient(90deg, rgba(240,0,128,.11), rgba(224,96,48,.09)) !important; }
.de-form { display:grid !important; gap:10px !important; }
.de-form p { margin:0 !important; }
.de-form--secondary {
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px dashed rgba(0,0,0,.14) !important;
}
.de-success { margin:12px 0 0 !important; color:#137333 !important; font-weight:900 !important; }
.de-list { display:grid !important; gap:10px !important; }
.de-list__item {
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid var(--border) !important;
  text-decoration:none !important;
  color:inherit !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(16,16,16,.05) !important;
}
.de-share__grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; }
.de-share__item strong { display:block !important; margin-bottom:8px !important; }
.de-share textarea { min-height:120px !important; }
.de-grid,
.de-two-cols { display:grid !important; grid-template-columns:1fr !important; gap:12px !important; }

.de-modal[hidden] { display:none !important; }
.de-modal {
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
}
.de-modal__backdrop {
  position:fixed !important;
  inset:0 !important;
  background:rgba(16,16,16,.70) !important;
  backdrop-filter:blur(6px) !important;
  z-index:2147483646 !important;
}
.de-modal__dialog {
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:2147483647 !important;
  width:min(1080px, calc(100vw - 24px)) !important;
  max-height:calc(100vh - 24px) !important;
  overflow:auto !important;
  padding:14px !important;
  border-radius:22px !important;
  background:#f8f8f8 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.38) !important;
}
.de-modal__close {
  position:sticky !important;
  top:0 !important;
  float:right !important;
  margin-left:auto !important;
  margin-bottom:10px !important;
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  border:1px solid var(--border) !important;
  background:#fff !important;
  cursor:pointer !important;
  font-size:24px !important;
  line-height:1 !important;
  z-index:3 !important;
  box-shadow:0 10px 22px rgba(16,16,16,.10) !important;
}
.de-modal__body { clear:both !important; }
html.de-modal-open,
body.de-modal-open { overflow:hidden !important; }

.de-copy-btn { margin-top:8px !important; }
.defi-enfance-admin .de-admin-grid { margin:18px 0 !important; }
.de-admin-card { padding:18px !important; text-align:center !important; }
.de-admin-card__value { font-size:28px !important; font-weight:900 !important; }
.de-admin-card__label { margin-top:6px !important; opacity:.7 !important; }
.de-admin-panel { padding:18px !important; margin:18px 0 !important; max-width:960px !important; }
.de-shortcode-list { display:grid !important; grid-template-columns:minmax(140px,220px) 1fr !important; gap:12px !important; align-items:center !important; }
.de-hub.is-loading .de-hub-results { opacity:.55 !important; pointer-events:none !important; }

@media (max-width:1100px) {
  .de-hub-rank {
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .de-hub-rank__right {
    width:100% !important;
    max-width:none !important;
    align-items:flex-start !important;
  }
  .de-hub-kpis { width:100% !important; }
  .de-mini-stat { min-width:0 !important; flex:1 1 180px !important; }
}
@media (max-width:980px) {
  .de-hub-rankings-two { grid-template-columns:1fr !important; }
  .de-field { grid-column:span 6 !important; }
  .de-field--grow { grid-column:span 12 !important; }
  .de-hub-actions { grid-column:span 12 !important; }
  .de-hub-summary .de-stat,
  .de-stats-grid .de-stat,
  .de-admin-grid .de-admin-card { grid-column:span 6 !important; }
  .de-share__grid { grid-template-columns:1fr !important; }
}
@media (max-width:700px) {
  .de-shell__top { padding:16px !important; }
  .de-shell__title { font-size:17px !important; }
  .de-shell__hint { white-space:normal !important; }
  .de-field,
  .de-field--grow,
  .de-hub-actions { grid-column:span 12 !important; }
  .de-hub-nav { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; }
  .de-nav-btn { width:100% !important; }
  .de-hero { padding:18px !important; align-items:flex-start !important; flex-direction:column !important; }
  .de-hero__content h2 { font-size:26px !important; }
  .de-hub-summary .de-stat,
  .de-stats-grid .de-stat,
  .de-admin-grid .de-admin-card { grid-column:span 12 !important; }
  .de-shortcode-list { grid-template-columns:1fr !important; }
  .de-hub-rank__text h3 { font-size:19px !important; }
}


/* V5 fixes */
.de-shell__title,
.de-shell__title *,
.de-hub-summary__head h3,
.de-hub-summary__head h3 *,
.de-section-head h3,
.de-section-head h3 *,
.de-hub-rank__text h3,
.de-hub-rank__text h3 *,
.de-hero__content h2,
.de-hero__content h2 *,
.de-card h3,
.de-card h3 *,
.de-banner h3,
.de-banner h3 *,
.de-modal__body h2,
.de-modal__body h2 *,
.de-modal__body h3,
.de-modal__body h3 * {
  color:var(--black) !important;
  -webkit-text-fill-color:var(--black) !important;
  text-shadow:none !important;
}

.de-hub-rankings-two,
.de-hub-rankings-two > .de-hub-section,
.de-row-list,
.de-hub-rank,
.de-hub-rank__left,
.de-hub-rank__text,
.de-hub-rank__right {
  min-width:0 !important;
}

.de-hub-rank {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
}
.de-hub-rank__left {
  display:grid !important;
  grid-template-columns:auto auto minmax(0,1fr) !important;
  align-items:start !important;
}
.de-hub-rank__text,
.de-hub-rank__text--wide {
  width:100% !important;
  max-width:none !important;
}
.de-hub-rank__text h3,
.de-hub-rank__text p,
.de-hub-rank__excerpt,
.de-hub-rank__donors,
.de-pill,
.de-mini-stat strong,
.de-stat__value,
.de-list__item span {
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
.de-hub-rank__right {
  justify-self:end !important;
  align-self:start !important;
}
.de-row-list {
  align-content:start !important;
}

.de-nav-btn:hover,
.de-nav-btn:focus-visible,
.de-chip-btn:hover,
.de-chip-btn:focus-visible,
.de-btn:hover,
.de-btn:focus-visible,
.de-copy-btn:hover,
.de-copy-btn:focus-visible {
  outline:none !important;
}
.de-nav-btn:hover,
.de-nav-btn:focus-visible {
  background:#fff !important;
  background-image:none !important;
  color:var(--black) !important;
  border-color:rgba(16,16,16,.16) !important;
}
.de-nav-btn.is-active,
.de-nav-btn.is-active:hover,
.de-nav-btn.is-active:focus-visible,
.de-chip-btn--primary,
.de-chip-btn--primary:hover,
.de-chip-btn--primary:focus-visible,
.de-btn,
.de-btn:hover,
.de-btn:focus-visible {
  background:linear-gradient(90deg, var(--pink), var(--orange)) !important;
  background-image:linear-gradient(90deg, var(--pink), var(--orange)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:rgba(240,0,128,.24) !important;
}
.de-btn--ghost,
.de-btn--ghost:hover,
.de-btn--ghost:focus-visible {
  background:#fff !important;
  background-image:none !important;
  color:var(--black) !important;
  -webkit-text-fill-color:var(--black) !important;
}

button.de-modal__close,
.de-modal__close {
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  float:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:52px !important;
  height:52px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid rgba(16,16,16,.12) !important;
  background:#fff !important;
  background-image:none !important;
  color:var(--black) !important;
  -webkit-text-fill-color:var(--black) !important;
  font-size:32px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 10px 22px rgba(16,16,16,.10) !important;
  z-index:5 !important;
}
button.de-modal__close:hover,
.de-modal__close:hover,
button.de-modal__close:focus-visible,
.de-modal__close:focus-visible {
  background:rgba(240,0,128,.08) !important;
  background-image:none !important;
  color:var(--black) !important;
}
.de-modal__dialog {
  padding-top:76px !important;
}

.de-hub-rank__number,
.de-avatar,
.de-pill,
.de-mini-stat,
.de-stat,
.de-card,
.de-list__item {
  backface-visibility:hidden !important;
}

@media (max-width:1100px) {
  .de-hub-rank {
    grid-template-columns:1fr !important;
  }
  .de-hub-rank__left {
    grid-template-columns:auto auto minmax(0,1fr) !important;
  }
  .de-hub-rank__right {
    justify-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    align-items:flex-start !important;
  }
}
@media (max-width:700px) {
  .de-hub-rank__left {
    grid-template-columns:auto minmax(0,1fr) !important;
  }
  .de-hub-rank__number {
    grid-row:span 2 !important;
  }
  .de-hub-rank__text h3 {
    font-size:20px !important;
  }
}



.de-hub-subnav {
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:0 0 12px !important;
}
.de-hub-subnav.is-hidden {
  display:none !important;
}
.de-subnav-btn {
  appearance:none !important;
  border:1px solid var(--border) !important;
  background:#fff !important;
  color:var(--black) !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  box-shadow:0 10px 22px rgba(16,16,16,.08) !important;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease !important;
}
.de-subnav-btn:hover,
.de-subnav-btn:focus-visible {
  outline:none !important;
  transform:translateY(-1px) !important;
  box-shadow:0 16px 32px rgba(16,16,16,.12) !important;
  background:#fff !important;
  background-image:none !important;
  color:var(--black) !important;
  border-color:rgba(16,16,16,.16) !important;
}
.de-subnav-btn.is-active,
.de-subnav-btn.is-active:hover,
.de-subnav-btn.is-active:focus-visible {
  background:linear-gradient(90deg, var(--pink), var(--orange)) !important;
  background-image:linear-gradient(90deg, var(--pink), var(--orange)) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:rgba(240,0,128,.24) !important;
}
.de-hub-rankings-two {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
}


.de-log-console{background:#101010!important;color:#e5e7eb!important;border-radius:14px!important;padding:14px!important;max-height:420px!important;overflow:auto!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:12px!important;line-height:1.55!important;}
.de-log-console__line{padding:6px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;white-space:pre-wrap!important;word-break:break-word!important;}
.de-log-console__line:last-child{border-bottom:0!important;}
.de-log-console__meta{color:#fda4af!important;font-weight:700!important;margin-right:6px!important;}


.de-hub-rank--compact { align-items:center !important; padding:14px 16px !important; }
.de-hub-rank--compact .de-hub-rank__left { align-items:center !important; gap:12px !important; }
.de-hub-rank--compact .de-hub-rank__text--compact { display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
.de-hub-rank--compact .de-hub-rank__text--compact h3 { font-size:20px !important; margin:0 !important; }
.de-hub-rank--compact .de-hub-rank__text--compact p { margin:0 !important; font-size:14px !important; color:var(--muted) !important; }
.de-hub-rank__right--compact { flex-direction:row !important; align-items:center !important; gap:12px !important; max-width:none !important; }
.de-mini-stat--compact { min-width:190px !important; }
@media (max-width: 980px){ .de-hub-rank--compact { align-items:flex-start !important; } .de-hub-rank__right--compact { width:100% !important; justify-content:space-between !important; } }
@media (max-width: 700px){ .de-hub-rank--compact .de-hub-rank__text--compact { display:block !important; } .de-hub-rank__right--compact { flex-direction:column !important; align-items:flex-start !important; width:auto !important; } .de-mini-stat--compact { min-width:0 !important; width:auto !important; } }


/* V10 mobile/modal fixes */
.de-modal { z-index: 2147483646 !important; }
.de-modal__backdrop { z-index: 2147483646 !important; }
.de-modal__dialog {
  position: relative !important;
  z-index: 2147483647 !important;
  width: min(1000px, calc(100vw - 20px)) !important;
  max-height: calc(100vh - max(18px, env(safe-area-inset-top)) - 18px) !important;
  margin: max(10px, env(safe-area-inset-top)) auto 10px !important;
  overflow: auto !important;
}
button.de-modal__close,
.de-modal__close {
  position: fixed !important;
  top: max(12px, env(safe-area-inset-top)) !important;
  right: max(12px, env(safe-area-inset-right)) !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 34px !important;
  line-height: 1 !important;
  background: linear-gradient(180deg, var(--pink), var(--orange)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 16px 36px rgba(16,16,16,.24) !important;
  z-index: 2147483647 !important;
}
.de-hub-rank--compact {
  align-items: center !important;
}
.de-hub-rank--compact .de-hub-rank__left {
  align-items: center !important;
}
.de-hub-rank--compact .de-hub-rank__text--compact {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.de-hub-rank--compact .de-hub-rank__text--compact h3 {
  font-size: 20px !important;
}
.de-hub-rank--compact .de-hub-rank__text--compact p {
  margin: 0 !important;
  font-size: 14px !important;
  color: var(--muted) !important;
}
@media (max-width: 767px) {
  .de-modal__dialog {
    width: calc(100vw - 10px) !important;
    margin: max(6px, env(safe-area-inset-top)) auto 6px !important;
    border-radius: 18px !important;
    max-height: calc(100vh - max(8px, env(safe-area-inset-top)) - 8px) !important;
  }
  .de-hub-rank,
  .de-hub-rank--compact {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .de-hub-rank__right,
  .de-hub-rank__right--compact {
    width: 100% !important;
    max-width: none !important;
    align-items: stretch !important;
  }
}


/* V16 encouragements + alignements + alias events */
.de-hub-rank--compact .de-hub-rank__left{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
}
.de-hub-rank--compact .de-hub-rank__number{
  width:58px !important;
  min-width:58px !important;
  height:58px !important;
}
.de-hub-rank--compact .de-hub-rank__text--compact{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:4px !important;
  min-width:0 !important;
}
.de-hub-rank--compact .de-hub-rank__name{
  display:block !important;
  min-width:0 !important;
}
.de-hub-rank--compact .de-hub-rank__text--compact h3{
  display:block !important;
  min-width:0 !important;
  white-space:normal !important;
}
.de-hub-rank--compact .de-hub-rank__text--compact p{
  display:block !important;
  min-width:0 !important;
}
.de-list__item{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
}
.de-list__item span:first-child{
  min-width:0 !important;
  white-space:normal !important;
  text-align:left !important;
}
.de-list__item span:last-child{
  justify-self:end !important;
}
.de-cheer-section{
  overflow:hidden !important;
}
.de-carousel{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:10px !important;
  align-items:center !important;
}
.de-carousel__track{
  display:flex !important;
  gap:12px !important;
  overflow:auto !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  padding:4px 2px 8px !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:thin !important;
}
.de-carousel__track::-webkit-scrollbar{
  height:8px !important;
}
.de-carousel__track::-webkit-scrollbar-thumb{
  background:rgba(240,0,128,.28) !important;
  border-radius:999px !important;
}
.de-carousel__nav{
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  border:1px solid rgba(16,16,16,.12) !important;
  background:#fff !important;
  color:#101010 !important;
  font-size:24px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 10px 24px rgba(16,16,16,.08) !important;
  cursor:pointer !important;
}
.de-carousel__nav:hover,
.de-carousel__nav:focus-visible{
  background:linear-gradient(90deg, rgba(240,0,128,.12), rgba(224,96,48,.12)) !important;
  color:#101010 !important;
  border-color:rgba(240,0,128,.22) !important;
}
.de-cheer-card{
  min-width:min(300px, 78vw) !important;
  max-width:340px !important;
  flex:0 0 auto !important;
  scroll-snap-align:start !important;
  background:linear-gradient(180deg, rgba(240,0,128,.08), rgba(224,96,48,.06)) !important;
  border:1px solid rgba(16,16,16,.10) !important;
  border-radius:16px !important;
  box-shadow:0 12px 26px rgba(16,16,16,.08) !important;
  padding:16px !important;
}
.de-cheer-card__name{
  display:block !important;
  margin:0 0 8px !important;
  font-size:15px !important;
  font-weight:900 !important;
  color:#101010 !important;
}
.de-cheer-card__message{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:#364152 !important;
}
@media (max-width:700px){
  .de-carousel{
    grid-template-columns:1fr !important;
  }
  .de-carousel__nav{
    display:none !important;
  }
  .de-cheer-card{
    min-width:82vw !important;
  }
}