/**
 * Page-specific styles for /dcf-digital-daisy-chain-experiment/
 * Loaded only when body has .daisy-chain-experiment.
 */

/* Fixed corner signup dock + full-bleed wall */
.daisy-chain-form-dock {
  --daisy-dock-width: min(34.2rem, 100vw);
  /* Fixed expanded height so form ↔ share don't resize; tall enough for the form. */
  --daisy-dock-height: min(92vh, 53rem);
  --daisy-dock-height: min(92dvh, 53rem);
  --daisy-dock-pad: 40px;
  --daisy-dock-radius: 1.1rem;
  --daisy-cta-pink: #f07896;
  --daisy-cta-pink-soft: #f096c0;
  --daisy-cta-pink-deep: #e45f82;
  --daisy-cta-orange: #ffa64d;
  --daisy-cta-orange-deep: #f6902a;
  --daisy-cta-gradient: linear-gradient(
    135deg,
    var(--daisy-cta-orange) 0%,
    var(--daisy-cta-orange-deep) 32%,
    var(--daisy-cta-pink) 72%,
    var(--daisy-cta-pink-deep) 100%
  );
  --daisy-cta-shadow: 0 6px 18px rgba(246, 144, 42, 0.28),
    0 3px 10px rgba(228, 95, 130, 0.22);
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 60;
  width: var(--daisy-dock-width);
  height: var(--daisy-dock-height);
  max-height: var(--daisy-dock-height);
  overflow: hidden;
  padding: var(--daisy-dock-pad);
  padding-top: calc(var(--daisy-dock-pad) - 0.25rem);
  border-radius: var(--daisy-dock-radius) 0 0 0;
  background: rgba(247, 242, 232, 0.96);
  border: 1px solid rgba(26, 46, 36, 0.12);
  box-shadow: 0 18px 48px rgba(26, 46, 36, 0.22);
  backdrop-filter: blur(6px);
  -webkit-overflow-scrolling: touch;
  transform-origin: bottom right;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.daisy-chain-form-dock.daisy-chain-form-dock--entered.daisy-chain-form-dock--ready.daisy-chain-form-dock--has-flower {
  padding-top: 0.9rem;
  padding-bottom: 0.5rem;
}

/* Hidden until wall + form are ready, then rises from the bottom corner.
   Base dock also starts hidden so HTML paints before dock.js never flash the form. */
.daisy-chain-form-dock,
.daisy-chain-form-dock--awaiting-wall {
  transform: translateY(calc(100% + 2.5rem));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Stay invisible while awaiting even if minimized size is applied early. */
.daisy-chain-form-dock--awaiting-wall {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Initial corner: already sized in place — fade opacity only (no slide/pop). */
.daisy-chain-form-dock--awaiting-wall.daisy-chain-form-dock--minimized {
  transform: translateY(0);
}

@keyframes daisy-dock-corner-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.daisy-chain-form-dock--initial-reveal {
  animation: daisy-dock-corner-in 0.8s ease both;
  visibility: visible !important;
}

/* Transition is armed while still off-screen so removing awaiting animates. */
.daisy-chain-form-dock--entered {
  transition:
    transform 420ms cubic-bezier(0.22, 0.82, 0.2, 1),
    opacity 320ms ease,
    visibility 0s linear 0s;
}

.daisy-chain-form-dock--entered:not(.daisy-chain-form-dock--awaiting-wall):not(
    .daisy-chain-form-dock--minimized
  ) {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.daisy-chain-form-dock--minimized:not(.daisy-chain-form-dock--awaiting-wall) {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.daisy-chain-form-dock--minimized {
  /* Corner CTA is pointer-events:none on the shell; fab re-enables clicks. */
  pointer-events: none;
}

/* Size/chrome transitions only after first paint — avoid animating open on load. */
.daisy-chain-form-dock--ready {
  transition:
    width 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    max-width 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    max-height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    right 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    bottom 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    padding 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    border-radius 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 420ms ease,
    transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 420ms ease;
}

.daisy-chain-form-dock__panel {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-height: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* Minimize (toggle): fade form words only — flower shrinks into the corner.
   Submit: fade form + flower, then empty corner until a delayed new flower pops in.
   Expand: form words fade in after the window opens; flower enlarges back into place. */
.daisy-chain-form-dock--ready .daisy-chain-form-dock__form-col,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__label,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__mode,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__toggle,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__view-toggle,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__body,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__panel,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__thanks,
.daisy-chain-form-dock--ready .daisy-chain-form-dock__share {
  transition:
    opacity 320ms ease,
    flex-basis 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    min-height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    max-height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    margin 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    padding 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.daisy-chain-form-dock--ready .daisy-chain-form-dock__flower-col,
.daisy-chain-form-dock--ready .daisy-flower--preview,
.daisy-chain-form-dock--ready .daisy-flower--preview svg {
  transition:
    width 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    min-height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    max-height 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    flex-basis 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    margin 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1),
    filter 280ms ease,
    opacity 240ms ease;
}

/* The in-window bloom leaves with the form — the corner pops in fresh after. */
.daisy-chain-form-dock--content-out .daisy-chain-form-dock__flower-col,
.daisy-chain-form-dock--content-out .daisy-chain-form-dock__form-col,
.daisy-chain-form-dock--content-out .daisy-chain-form-dock__label,
.daisy-chain-form-dock--content-out .daisy-chain-form-dock__mode,
.daisy-chain-form-dock--content-out .daisy-chain-form-dock__toggle,
.daisy-chain-form-dock--content-out .daisy-chain-form-dock__thanks,
.daisy-chain-form-dock--content-out .daisy-chain-form-dock__share,
.daisy-chain-form-dock--content-pending .daisy-chain-form-dock__form-col,
.daisy-chain-form-dock--content-pending .daisy-chain-form-dock__label,
.daisy-chain-form-dock--content-pending .daisy-chain-form-dock__mode,
.daisy-chain-form-dock--content-pending .daisy-chain-form-dock__toggle {
  opacity: 0;
  pointer-events: none;
}

/* After submit: keep the preview flower fully hidden until the delayed corner pop. */
.daisy-chain-form-dock--submit-out .daisy-chain-form-dock__flower-col,
.daisy-chain-form-dock--awaiting-corner .daisy-chain-form-dock__flower-col,
.daisy-chain-form-dock--minimized.daisy-chain-form-dock--awaiting-corner
  .daisy-chain-form-dock__flower-col,
.daisy-chain-form-dock--minimized.daisy-chain-form-dock--awaiting-corner
  .daisy-flower--preview {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.daisy-chain-form-dock__fab {
  display: none;
  appearance: none;
  border: 0;
  background: transparent;
  color: #1a2e24;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 0;
  overflow: visible;
  position: relative;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
}

.daisy-chain-form-dock__fab:focus,
.daisy-chain-form-dock__fab:focus-visible,
.daisy-chain-form-dock__fab:active {
  outline: none !important;
  box-shadow: none !important;
}

.daisy-chain-form-dock__toggle {
  appearance: none;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 6;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1a2e24;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  transition: color 160ms ease, opacity 160ms ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
}

.daisy-chain-form-dock__toggle svg {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
}

.daisy-chain-form-dock__toggle:hover {
  color: rgb(120, 108, 90);
  background: transparent;
}

.daisy-chain-form-dock__toggle:focus,
.daisy-chain-form-dock__toggle:focus-visible,
.daisy-chain-form-dock__toggle:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent;
  color: rgb(120, 108, 90);
}

/* Corner tab: diagonal rule + icon (same size as share-sheet icons). */
.daisy-chain-form-dock__view-toggle {
  appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: 3;
  width: 3.85rem;
  height: 3.85rem;
  min-height: 0;
  margin: 0;
  padding: 0.55rem 0.55rem 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgb(158, 145, 126);
  cursor: pointer;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 0.12rem;
  overflow: hidden;
  transition: color 160ms ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none;
}

/* Light diagonal rule separating the corner tab from the panel. */
.daisy-chain-form-dock__view-toggle::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top right,
    transparent calc(50% - 0.6px),
    rgba(26, 46, 36, 0.2) calc(50% - 0.6px),
    rgba(26, 46, 36, 0.2) calc(50% + 0.6px),
    transparent calc(50% + 0.6px)
  );
  pointer-events: none;
  z-index: 0;
}

/* Hover / focus fill for the triangular corner tab. */
.daisy-chain-form-dock__view-toggle::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top right,
    transparent 50%,
    rgba(26, 46, 36, 0.07) 50%
  );
  opacity: 0;
  transition: opacity 160ms ease;
  pointer-events: none;
  z-index: 0;
}

.daisy-chain-form-dock__view-toggle:hover,
.daisy-chain-form-dock__view-toggle:focus-visible {
  color: rgb(120, 108, 90);
  background: transparent;
}

.daisy-chain-form-dock__view-toggle:hover::after,
.daisy-chain-form-dock__view-toggle:focus-visible::after,
.daisy-chain-form-dock__view-toggle:active::after {
  opacity: 1;
}

.daisy-chain-form-dock__view-toggle:focus,
.daisy-chain-form-dock__view-toggle:focus-visible,
.daisy-chain-form-dock__view-toggle:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent;
}

.daisy-chain-form-dock__view-toggle-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 0;
  transform: translate(2px, -3px);
}

.daisy-chain-form-dock__view-toggle--form .daisy-chain-form-dock__view-toggle-icon {
  transform: translate(0, -1px);
}

.daisy-chain-form-dock__view-toggle svg {
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  flex-shrink: 0;
}

.daisy-chain-form-dock__view-toggle--share {
  gap: 0.1rem;
  padding-right: 0.38rem;
}

.daisy-chain-form-dock__view-toggle--share .daisy-chain-form-dock__view-toggle-icon {
  transform: translate(0, -1px);
}

.daisy-chain-form-dock__view-toggle--share svg {
  width: 1.42rem;
  height: 1.42rem;
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__view-toggle {
  display: none;
}

/* Raised corner flower button — compact chrome, flower stays visible. */
.daisy-chain-form-dock--minimized {
  left: auto;
  right: calc(0.5rem - 5px);
  bottom: calc(0.625rem - 10px);
  width: 6.9rem;
  height: 6.9rem;
  max-height: 6.9rem;
  padding: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform-origin: bottom right;
  pointer-events: none;
}

.daisy-chain-form-dock--minimized-settled {
  transition: none;
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__panel {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  opacity: 1;
  pointer-events: none;
  overflow: visible;
  background: transparent;
  padding: 0;
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__body {
  overflow: visible;
  height: 100%;
  min-height: 0;
  gap: 0;
}

/* Collapse form chrome in-flow so the flower can tween with the shrinking window
   (absolute positioning was causing a jump to the corner). */
.daisy-chain-form-dock--minimized .daisy-chain-form-dock__form-col,
.daisy-chain-form-dock--minimized .daisy-chain-form-dock__label,
.daisy-chain-form-dock--minimized .daisy-chain-form-dock__thanks,
.daisy-chain-form-dock--minimized .daisy-chain-form-dock__share {
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  border: 0 !important;
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__hero {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 0;
  height: 100%;
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__flower-col {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  height: 100%;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
  align-items: center;
  justify-content: center;
}

.daisy-chain-form-dock--minimized .daisy-flower--preview {
  /* Resting nudge off the dock corner — also used by the swap/pop keyframes. */
  --daisy-corner-x: -0.66rem;
  --daisy-corner-y: -0.98rem;
  width: 6.58rem;
  height: 6.58rem;
  margin: 0;
  transform: translate(var(--daisy-corner-x), var(--daisy-corner-y));
  filter:
    drop-shadow(0 12px 20px rgba(26, 46, 36, 0.38))
    drop-shadow(0 4px 8px rgba(26, 46, 36, 0.24));
}

.daisy-chain-form-dock--minimized .daisy-flower--preview svg {
  width: 6.58rem;
  height: 6.58rem;
  max-width: 6.58rem;
  max-height: 6.58rem;
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__fab {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  z-index: 3;
}

/* Slightly larger on hover — reads as a clickable corner control. */
.daisy-chain-form-dock--minimized .daisy-chain-form-dock__fab:hover ~ .daisy-chain-form-dock__panel .daisy-flower--preview {
  transform: translate(
      var(--daisy-corner-x, 0),
      calc(var(--daisy-corner-y, -0.25rem) - 0.15rem)
    )
    scale(1.1);
  filter:
    drop-shadow(0 16px 26px rgba(26, 46, 36, 0.44))
    drop-shadow(0 5px 10px rgba(26, 46, 36, 0.28));
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__toggle {
  display: none;
}

.daisy-chain-form-dock__label {
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0;
  color: #1a2e24;
  text-align: left;
}

/* Title left (bottom-aligned with flower), custom daisy on the right. */
.daisy-chain-form-dock__hero {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.85rem;
  width: 100%;
  flex: 0 0 9.45rem;
  min-height: 9.45rem;
}

.daisy-chain-form-dock__hero .daisy-chain-form-dock__flower-col {
  flex: 0 0 auto;
  width: auto;
  min-height: 0;
  align-self: flex-end;
}

.daisy-chain-form-dock__hero .daisy-chain-form-dock__label {
  flex: 1 1 auto;
  align-self: flex-end;
  min-width: 0;
  padding: 0 0 3rem 0;
  max-width: 100%;
  box-sizing: border-box;
  text-align: left;
}

/* Pre-submit toggle: story form ↔ social share JPGs */
.daisy-chain-form-dock__mode {
  display: flex;
  gap: 0.35rem;
  margin: 0 0 0.65rem;
  padding: 0.28rem;
  border-radius: 999px;
  background: rgba(26, 46, 36, 0.07);
  border: 1px solid rgba(26, 46, 36, 0.1);
}

.daisy-chain-form-dock__mode-btn {
  flex: 1 1 0;
  min-width: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  padding: 0.48rem 0.65rem;
  font-family: var(--daisy-font-body, "DM Sans", system-ui, sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #3d5248;
  background: transparent;
  transition:
    background 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

.daisy-chain-form-dock__mode-btn:hover {
  color: #1a2e24;
}

.daisy-chain-form-dock__mode-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px #2f6b4f;
}

.daisy-chain-form-dock__mode-btn.is-active {
  color: #1a2e24;
  background: #fff;
  box-shadow: 0 2px 8px rgba(26, 46, 36, 0.12);
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__mode,
.daisy-chain-form-dock--thanks .daisy-chain-form-dock__mode {
  display: none;
}

.daisy-chain-form-dock__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.15rem;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  max-height: none;
  overflow: hidden;
}

.daisy-chain-form-dock__flower-col {
  flex: 0 0 9.45rem;
  width: 100%;
  min-height: 9.45rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 0;
  z-index: 2;
  position: relative;
  overflow: visible;
}

.daisy-chain-form-dock__hero .daisy-chain-form-dock__flower-col {
  flex: none;
  width: auto;
  min-height: 0;
}

/* Name preview bubble — JS pins it to the live bloom (desktop: lower petals). */
.daisy-name-tip {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.2rem;
  max-width: min(12rem, 46vw);
  margin: 0;
  padding: 0.32rem 0.4rem 0.32rem 0.7rem;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(26, 46, 36, 0.16);
  color: #1a2e24;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 0.92rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.15;
  white-space: nowrap;
  opacity: 0;
  transform: scale(0.85);
  transform-origin: center center;
  transition:
    opacity 280ms ease,
    transform 320ms cubic-bezier(0.2, 1.05, 0.3, 1);
  pointer-events: auto;
  z-index: 5;
}

.daisy-name-tip--visible {
  opacity: 1;
  transform: scale(1);
}

.daisy-name-tip--anonymous {
  padding-right: 0.65rem;
}

.daisy-name-tip--anonymous .daisy-name-tip__text {
  padding-right: 0.35rem;
}

.daisy-name-tip[hidden] {
  display: none !important;
}

.daisy-name-tip__text {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.daisy-name-tip__dismiss,
.daisy-name-tip__restore {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1a2e24;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

.daisy-name-tip__dismiss:hover,
.daisy-name-tip__dismiss:focus-visible,
.daisy-name-tip__restore:hover,
.daisy-name-tip__restore:focus-visible {
  background: transparent;
  opacity: 0.7;
  outline: none;
}

.daisy-name-tip__dismiss[hidden],
.daisy-name-tip__restore[hidden] {
  display: none !important;
}

.daisy-name-tip__restore svg {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
}

/* Desktop: smaller bloom; tip overlays the lower petals. */
@media (min-width: 769px) {
  .daisy-chain-form-dock__hero {
    flex-basis: auto;
    min-height: 7.5rem;
    align-items: flex-end;
  }

  .daisy-chain-form-dock__hero .daisy-chain-form-dock__flower-col {
    flex-basis: auto;
    min-height: 0;
    padding-top: 0;
    justify-content: center;
    box-sizing: border-box;
  }

  .daisy-flower--preview {
    height: 7.09rem;
    position: relative;
    z-index: 1;
  }

  .daisy-flower--preview svg {
    max-height: 7.09rem;
  }

  .daisy-name-tip {
    max-width: min(10rem, 40vw);
    font-size: 0.78rem;
    padding: 0.22rem 0.3rem 0.22rem 0.55rem;
    gap: 0.12rem;
    z-index: 6;
    transform-origin: center bottom;
  }

  .daisy-name-tip--anonymous {
    padding-right: 0.5rem;
  }

  .daisy-name-tip--anonymous .daisy-name-tip__text {
    padding-right: 0.28rem;
  }

  .daisy-name-tip__dismiss,
  .daisy-name-tip__restore {
    width: 0.95rem;
    height: 0.95rem;
    font-size: 0.85rem;
  }

  .daisy-name-tip__restore svg {
    width: 0.68rem;
    height: 0.68rem;
  }
}

.daisy-chain-form-dock--minimized .daisy-name-tip {
  display: none !important;
}

.daisy-chain-form-dock__form-col {
  /* Takes leftover height inside the capped dock; scrolls when fields overflow. */
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* Enough tail for the submit CTA's glow, but not so much that the button
     itself gets pushed past the clip edge. */
  padding-bottom: 1.5rem;
  scroll-padding-bottom: 1.5rem;
  overscroll-behavior: contain;
}

.daisy-chain-form-dock__flower-hint {
  display: none;
}

.daisy-flower--preview {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  height: 9.45rem;
  filter:
    drop-shadow(0 4px 10px rgba(26, 46, 36, 0.12))
    drop-shadow(0 1px 3px rgba(26, 46, 36, 0.08));
  transition: transform 280ms ease, opacity 160ms ease, filter 280ms ease;
}

/* Story-driven scale lives on the SVG's own width/height, so the shared
   .daisy-flower__svg stretch rule has to stand down inside the dock. */
.daisy-flower--preview svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 9.45rem;
}

.daisy-flower--preview.daisy-flower--empty {
  opacity: 1;
}

.daisy-flower--preview.daisy-flower--preview-clicked {
  transform: scale(1.08);
}

/* Corner randomize: suck down, then one smooth bounce up (no mid-settle hitch). */
@keyframes daisy-corner-swap-out {
  0% {
    transform: translate(var(--daisy-corner-x, 0), var(--daisy-corner-y, -0.25rem)) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(var(--daisy-corner-x, 0), 115%) scale(0.42);
    opacity: 0;
  }
}

@keyframes daisy-corner-pop {
  0% {
    transform: translate(var(--daisy-corner-x, 0), 120%) scale(0.4);
    opacity: 0;
  }
  100% {
    transform: translate(var(--daisy-corner-x, 0), var(--daisy-corner-y, -0.25rem)) scale(1);
    opacity: 1;
  }
}

.daisy-chain-form-dock--minimized
  .daisy-flower--preview.daisy-flower--preview-swap-out,
.daisy-chain-form-dock--minimized .daisy-flower--preview.daisy-flower--preview-pop,
.daisy-chain-form-dock--minimized .daisy-flower--preview.daisy-flower--preview-fade {
  /* Don't let the dock transform transition fight keyframe animation. */
  transition: none !important;
}

.daisy-chain-form-dock--minimized
  .daisy-flower--preview.daisy-flower--preview-swap-out {
  animation: daisy-corner-swap-out 0.34s cubic-bezier(0.4, 0, 1, 0.55) both;
  pointer-events: none;
}

.daisy-chain-form-dock--minimized .daisy-flower--preview.daisy-flower--preview-pop {
  /* Overshoot spring: rises past rest, then settles once. */
  animation: daisy-corner-pop 0.78s cubic-bezier(0.22, 1.4, 0.36, 1) both;
}

@keyframes daisy-corner-fade-in {
  0% {
    transform: translate(var(--daisy-corner-x, 0), var(--daisy-corner-y, -0.25rem)) scale(0.94);
    opacity: 0;
  }
  100% {
    transform: translate(var(--daisy-corner-x, 0), var(--daisy-corner-y, -0.25rem)) scale(1);
    opacity: 1;
  }
}

.daisy-chain-form-dock--minimized .daisy-flower--preview.daisy-flower--preview-fade {
  /* First paint: quiet opacity fade instead of bounce pop. */
  animation: daisy-corner-fade-in 0.85s ease both;
}

.daisy-chain-form-dock--minimized .daisy-flower--preview.daisy-flower--preview-clicked {
  transform: translate(
      var(--daisy-corner-x, 0),
      calc(var(--daisy-corner-y, -0.25rem) - 0.15rem)
    )
    scale(1.14);
}

.daisy-flower--typing .daisy-flower__bloom {
  animation: daisy-flower-typing 4.2s ease-in-out infinite;
  transform-origin: 50% 55%;
}

.daisy-flower--spinning .daisy-flower__bloom,
.daisy-flower--alive .daisy-flower__bloom {
  animation: daisy-flower-spin 48s linear infinite;
  transform-origin: 50% 50%;
}

/* Wall spin gated by LOD + idle settle (see styles.css / viz.js). */
.daisy-chain__wall .daisy-flower--spinning .daisy-flower__bloom,
.daisy-chain__wall .daisy-flower--alive .daisy-flower__bloom,
.daisy-chain__wall .daisy-flower--typing .daisy-flower__bloom {
  animation: none !important;
}

.daisy-chain__wall--with-spin:not(.daisy-chain__wall--settled)
  .daisy-flower--spinning
  .daisy-flower__bloom,
.daisy-chain__wall--with-spin:not(.daisy-chain__wall--settled)
  .daisy-flower--alive
  .daisy-flower__bloom {
  animation: daisy-flower-spin 48s linear infinite !important;
  transform-origin: 50% 50%;
}

@keyframes daisy-flower-typing {
  0%,
  100% {
    transform: rotate(-0.8deg) scale(0.992);
  }
  50% {
    transform: rotate(0.8deg) scale(1.012);
  }
}

@keyframes daisy-flower-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .daisy-chain-form-dock--minimized
    .daisy-flower--preview.daisy-flower--preview-swap-out,
  .daisy-chain-form-dock--minimized .daisy-flower--preview.daisy-flower--preview-pop,
  .daisy-chain-form-dock--minimized .daisy-flower--preview.daisy-flower--preview-fade,
  .daisy-chain-form-dock--initial-reveal {
    animation: none;
  }

  body.daisy-chain-experiment .daisy-chain__stage,
  body.daisy-chain-experiment .daisy-chain__links,
  body.daisy-chain-experiment .daisy-chain__care-count,
  body.daisy-chain-experiment .daisy-chain__sync-status,
  body.daisy-chain-experiment .daisy-chain__legal-disclaimer,
  body.daisy-chain-experiment .header-logo {
    transition: none;
  }
}

/* Soft first paint: wall, logo, and tally fade in together when ready. */
body.daisy-chain-experiment .daisy-chain__stage,
body.daisy-chain-experiment .daisy-chain__links,
body.daisy-chain-experiment .daisy-chain__care-count,
body.daisy-chain-experiment .daisy-chain__sync-status,
body.daisy-chain-experiment .daisy-chain__legal-disclaimer,
body.daisy-chain-experiment .header-logo {
  opacity: 0;
  transition: opacity 0.95s cubic-bezier(0.22, 0.82, 0.2, 1);
}

body.daisy-chain-experiment.daisy-chain-experiment--revealed .daisy-chain__stage,
body.daisy-chain-experiment.daisy-chain-experiment--revealed .daisy-chain__links,
body.daisy-chain-experiment.daisy-chain-experiment--revealed
  .daisy-chain__care-count:not([hidden]),
body.daisy-chain-experiment.daisy-chain-experiment--revealed
  .daisy-chain__sync-status:not([hidden]),
body.daisy-chain-experiment.daisy-chain-experiment--revealed
  .daisy-chain__legal-disclaimer,
body.daisy-chain-experiment.daisy-chain-experiment--revealed .header-logo {
  opacity: 1;
}

@keyframes daisy-flower-sway {
  0%,
  100% {
    transform: rotate(-2.5deg) scale(1);
  }
  50% {
    transform: rotate(2.5deg) scale(1.03);
  }
}

.daisy-chain-form-dock .ngp-form,
.daisy-chain-form-dock .at,
.daisy-chain-form-dock .at form {
  max-width: 100%;
}

.daisy-chain-form-dock .at label,
.daisy-chain-form-dock .at input,
.daisy-chain-form-dock .at textarea,
.daisy-chain-form-dock .at select,
.daisy-chain-form-dock .at button {
  max-width: 100%;
}

body.daisy-chain-experiment {
  --daisy-ink: #1a2e24;
  --daisy-ink-soft: rgba(26, 46, 36, 0.72);
  --daisy-leaf-bright: #3f8f67;
  --daisy-shadow: rgba(26, 46, 36, 0.14);
  --daisy-font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, serif;
  /* Outlined share-screen CTAs: Add My Story / Join the 1 Million. */
  /* Same coral as the Facebook / X / email icon row above the buttons. */
  --daisy-share-cta: #f56f6f;
  --daisy-share-cta-deep: #d95454;
  --daisy-share-cta-tint: rgba(245, 111, 111, 0.1);
  --daisy-cta-pink: #f07896;
  --daisy-cta-pink-soft: #f096c0;
  --daisy-cta-pink-deep: #e45f82;
  --daisy-cta-orange: #ffa64d;
  --daisy-cta-orange-deep: #f6902a;
  --daisy-cta-gradient: linear-gradient(
    135deg,
    var(--daisy-cta-orange) 0%,
    var(--daisy-cta-orange-deep) 32%,
    var(--daisy-cta-pink) 72%,
    var(--daisy-cta-pink-deep) 100%
  );
  --daisy-cta-shadow: 0 6px 18px rgba(246, 144, 42, 0.28),
    0 3px 10px rgba(228, 95, 130, 0.22);
  /* Solid only — painted field lives on a fixed layer (avoids choppy body bg). */
  background: #f7f2e8 !important;
  overflow-x: hidden;
  max-width: 100%;
}

html:has(body.daisy-chain-experiment) {
  background: #f7f2e8 !important;
  overflow-x: hidden;
  max-width: 100%;
}

/*
 * Morning field colors, painted once on a fixed plane.
 * Fades use same-hue → alpha 0 (not `transparent`) so browsers don’t band through black.
 */
body.daisy-chain-experiment::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-color: #f7f2e8;
  background-image:
    radial-gradient(
      1200px 700px at 12% -10%,
      rgba(232, 197, 106, 0.35) 0%,
      rgba(232, 197, 106, 0.2) 26%,
      rgba(232, 197, 106, 0.08) 42%,
      rgba(232, 197, 106, 0) 58%
    ),
    radial-gradient(
      900px 600px at 100% 0%,
      rgba(63, 143, 103, 0.28) 0%,
      rgba(63, 143, 103, 0.15) 24%,
      rgba(63, 143, 103, 0.06) 40%,
      rgba(63, 143, 103, 0) 55%
    ),
    linear-gradient(
      165deg,
      #f7f2e8 0%,
      #f2ebe0 20%,
      #ebe3d2 48%,
      #e2e5d7 76%,
      #d9e5dc 100%
    );
}

body.daisy-chain-experiment .layout-body,
body.daisy-chain-experiment .layout-flexible-text,
body.daisy-chain-experiment .layout-generic {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body.daisy-chain-experiment .layout-section-code {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
}

/* If the EA embed is pasted without the dock wrapper, still pin the code block. */
body.daisy-chain-experiment .layout-section-code:not(:has(.daisy-chain-form-dock)) {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 60;
  width: min(24rem, 100vw);
  max-height: min(70vh, 36rem);
  overflow: auto;
  padding: 20px !important;
  border-radius: 1.1rem 0 0 0;
  background: rgba(247, 242, 232, 0.96) !important;
  border: 1px solid rgba(26, 46, 36, 0.12);
  box-shadow: 0 18px 48px rgba(26, 46, 36, 0.22);
  backdrop-filter: blur(10px);
}

body.daisy-chain-experiment .daisy-chain-auto-wall {
  position: fixed;
  inset: 0;
  z-index: 5;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  /* Clip brushed-off blooms — overflow:auto was creating mobile sideways scroll. */
  overflow: hidden;
  background: transparent;
}

body.daisy-chain-experiment .daisy-chain-auto-wall .daisy-chain {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-right: 0;
  overflow: hidden;
}

/* The header floats over the wall now, so the wall takes the whole viewport. */
body.daisy-chain-experiment .daisy-chain-auto-wall .daisy-chain__wall {
  min-height: 100vh;
  height: 100vh;
  padding-top: 0;
  overflow: hidden;
}

body.daisy-chain-experiment .daisy-chain-auto-wall .daisy-catalog {
  min-height: calc(100vh - 5.5rem);
  height: auto;
  padding: clamp(1.5rem, 4vw, 4rem);
  overflow: visible;
}

/*
 * Catalog / design-share scroll:
 * The live wall page locks document scroll (fixed full-viewport stage).
 * Keep that stage fixed, but make IT the scrollport so the catalog can move.
 */
html:has(body.daisy-chain-catalog-view),
html:has(body.daisy-chain-experiment:has(.daisy-catalog)) {
  height: 100% !important;
  overflow: hidden !important;
}

body.daisy-chain-experiment.daisy-chain-catalog-view,
body.daisy-chain-experiment:has(.daisy-catalog) {
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.daisy-chain-experiment.daisy-chain-catalog-view .layout-body,
body.daisy-chain-experiment.daisy-chain-catalog-view .layout-flexible-text,
body.daisy-chain-experiment.daisy-chain-catalog-view .layout-generic,
body.daisy-chain-experiment:has(.daisy-catalog) .layout-body,
body.daisy-chain-experiment:has(.daisy-catalog) .layout-flexible-text,
body.daisy-chain-experiment:has(.daisy-catalog) .layout-generic {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.daisy-chain-experiment.daisy-chain-catalog-view .daisy-chain-auto-wall,
body.daisy-chain-experiment:has(.daisy-catalog) .daisy-chain-auto-wall {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  touch-action: pan-y;
}

body.daisy-chain-experiment.daisy-chain-catalog-view .daisy-chain-auto-wall .daisy-chain,
body.daisy-chain-experiment:has(.daisy-catalog) .daisy-chain-auto-wall .daisy-chain {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 100%;
  overflow: visible !important;
  touch-action: pan-y;
}

body.daisy-chain-experiment.daisy-chain-catalog-view .daisy-chain-auto-wall .daisy-chain__wall,
body.daisy-chain-experiment.daisy-chain-catalog-view .daisy-chain-auto-wall .daisy-catalog,
body.daisy-chain-experiment:has(.daisy-catalog) .daisy-chain-auto-wall .daisy-chain__wall,
body.daisy-chain-experiment:has(.daisy-catalog) .daisy-chain-auto-wall .daisy-catalog {
  display: block;
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
  touch-action: pan-y;
}

/* Catalog review mode: no signup dock. */
body.daisy-chain-experiment:has(.daisy-catalog) .daisy-chain-form-dock,
body.daisy-chain-experiment:has(.daisy-catalog) .layout-section-code,
body.daisy-chain-catalog-view .daisy-chain-form-dock,
body.daisy-chain-catalog-view .layout-section-code {
  display: none !important;
}

body.daisy-chain-experiment .layout-hero,
body.daisy-chain-experiment .hero {
  display: none !important;
}

/* Logo behind the chain; share control is hoisted to body (see share-bar.js). */
body.daisy-chain-experiment .layout-header,
body.daisy-chain-experiment .layout-header-landing-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  height: auto !important;
  min-height: 0;
  background: transparent;
  border-bottom: none;
  overflow: visible;
  padding: 0;
  padding-bottom: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  /* Let clicks fall through the transparent header to the flower chain below. */
  pointer-events: none;
}

/* Wall flower name tips — floating tip on the wall (not clipped by blooms). */
body.daisy-chain-experiment .daisy-chain__flower {
  overflow: visible !important;
  border-radius: 0 !important;
}

body.daisy-chain-experiment .daisy-chain__flower:hover,
body.daisy-chain-experiment .daisy-chain__flower:focus-visible,
body.daisy-chain-experiment .daisy-chain__flower.is-dragging {
  z-index: 40 !important;
}

body.daisy-chain-experiment .daisy-chain__flower--quoted {
  z-index: 50 !important;
}

body.daisy-chain-experiment .daisy-chain__flower--hovered {
  z-index: 49 !important;
}

body.daisy-chain-experiment .daisy-chain__flower-tip {
  display: none !important;
}

body.daisy-chain-experiment .daisy-chain__floating-tip {
  /* Below the form dock (z-index 60) so name tips never cover the panel. */
  z-index: 55 !important;
}

body.daisy-chain-experiment .daisy-chain__floating-tip:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.daisy-chain-experiment .daisy-chain__invite-tip {
  z-index: 140 !important;
}

body.daisy-chain-experiment .daisy-chain__flower--invite {
  z-index: 55 !important;
}

/* Hide mobile nav toggle — experiment is wall + dock only. */
body.daisy-chain-experiment #responsive-menu-button,
body.daisy-chain-experiment button#responsive-menu-button,
body.daisy-chain-experiment .responsive-menu-button,
body.daisy-chain-experiment #responsive-menu-container,
body.daisy-chain-experiment .responsive-menu-pro-button,
body.daisy-chain-experiment .responsive-menu-box,
body.daisy-chain-experiment #rmp_menu_trigger-9528,
body.daisy-chain-experiment #rmp_menu_trigger-32581,
body.daisy-chain-experiment [id^="rmp_menu_trigger"],
body.daisy-chain-experiment button[id^="rmp_menu_trigger"],
body.daisy-chain-experiment .rmp-container,
body.daisy-chain-experiment [id^="rmp-container"],
body.daisy-chain-experiment #rmp-container-9528,
body.daisy-chain-experiment #rmp-container-32581,
body.daisy-chain-experiment #rmp-container-27399,
body.daisy-chain-experiment #rmp-container-25987,
body.daisy-chain-experiment #rmp-container-26234,
body.daisy-chain-experiment #rmp-container-27411,
body.daisy-chain-experiment .header-nav,
body.daisy-chain-experiment .header-nav * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  z-index: -1 !important;
}

body.daisy-chain-experiment .header-logo,
body.daisy-chain-experiment .header-logo li,
body.daisy-chain-experiment ul.menu-logo-switcher {
  overflow: visible !important;
  pointer-events: none;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.daisy-chain-experiment .header-logo li::marker,
body.daisy-chain-experiment ul.menu-logo-switcher li::marker,
body.daisy-chain-experiment .header-logo li::before,
body.daisy-chain-experiment ul.menu-logo-switcher li::before {
  content: none !important;
  display: none !important;
}

body.daisy-chain-experiment .header-logo {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  transform: translate(calc(-50% - 8px), 8px);
  z-index: 1;
  flex: 0 0 auto !important;
  order: 0 !important;
  width: auto !important;
  max-width: none !important;
}

body.daisy-chain-experiment .header-logo li {
  display: block !important;
  overflow: visible !important;
}

body.daisy-chain-experiment .header-logo li a {
  pointer-events: auto;
}

body.daisy-chain-experiment .header-logo li a:hover {
  opacity: 0.92 !important;
}

body.daisy-chain-experiment .daisy-chain__sync-status {
  left: clamp(0.65rem, 2vw, 1rem);
  /* Fallback when the form dock isn't mounted yet. */
  bottom: clamp(4.75rem, 11vh, 6.25rem);
  max-width: min(88vw, 22rem);
  font-size: 8px;
  line-height: 1.4;
  color: rgba(158, 145, 126, 0.32);
}

body.daisy-chain-experiment .daisy-chain__sync-status[hidden] {
  display: none !important;
}

/* Prefer the form-dock footer slot (centered under form + share UI). */
.daisy-chain-form-dock__sync {
  order: 40;
  flex: 0 0 auto;
  width: 100%;
  margin-top: auto;
  padding: 0.35rem 0.25rem 0;
  box-sizing: border-box;
  text-align: center;
  pointer-events: none;
  z-index: 2;
}

body.daisy-chain-experiment .daisy-chain__sync-status--dock,
.daisy-chain-form-dock .daisy-chain__sync-status {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  max-width: none;
  width: 100%;
  margin: 0;
  font-size: 8px;
  line-height: 1.35;
  text-align: center;
  color: rgba(158, 145, 126, 0.5);
}

/* Keep the sync line when the dock is open in form or share mode. */
.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__sync,
.daisy-chain-form-dock--post-share .daisy-chain-form-dock__sync,
.daisy-chain-form-dock--thanks .daisy-chain-form-dock__sync {
  display: block;
  padding-left: var(--daisy-dock-pad, 20px);
  padding-right: var(--daisy-dock-pad, 20px);
}

.daisy-chain-form-dock--minimized .daisy-chain-form-dock__sync {
  display: none !important;
}

body.daisy-chain-experiment .daisy-chain__legal-disclaimer {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 10px;
  transform: none;
  text-align: center;
  color: rgb(158, 145, 126);
  font-size: clamp(0.58rem, 0.95vw, 0.68rem);
}

body.daisy-chain-experiment .daisy-chain__care-count {
  /* Logo clearance + 2rem of breathing room. */
  top: calc(clamp(3.4rem, 7.4vw, 5.4rem) + 2rem);
  z-index: 0;
  color: rgb(158, 145, 126);
}

body.daisy-chain-experiment .header-logo li a,
body.daisy-chain-experiment.en .header-logo li a,
body.daisy-chain-experiment.es .header-logo li a,
body.daisy-chain-experiment body .header-logo li a {
  display: block !important;
  box-sizing: content-box !important;
  width: min(9.5rem, 46vw) !important;
  max-width: 180px !important;
  height: 1.4rem !important;
  min-height: 1.4rem !important;
  margin: 0 !important;
  padding: clamp(0.5rem, 1.5vw, 0.7rem) clamp(0.85rem, 2.6vw, 1.15rem) !important;
  color: transparent !important;
  background-color: rgb(158, 145, 126) !important;
  background-image: none !important;
  -webkit-mask-image: var(--daisy-experiment-logo) !important;
  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-position: center center !important;
  -webkit-mask-size: 100% auto !important;
  -webkit-mask-origin: content-box !important;
  -webkit-mask-clip: content-box !important;
  mask-image: var(--daisy-experiment-logo) !important;
  mask-repeat: no-repeat !important;
  mask-position: center center !important;
  mask-size: 100% auto !important;
  mask-origin: content-box !important;
  mask-clip: content-box !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  overflow: visible !important;
}

@media only screen and (min-width: 481px) {
  body.daisy-chain-experiment .header-logo li a,
  body.daisy-chain-experiment.en .header-logo li a,
  body.daisy-chain-experiment.es .header-logo li a {
    width: min(11.5rem, 44vw) !important;
    height: 1.72rem !important;
    min-height: 1.72rem !important;
  }
}

@media only screen and (min-width: 768px) {
  body.daisy-chain-experiment .header-logo li a,
  body.daisy-chain-experiment.en .header-logo li a,
  body.daisy-chain-experiment.es .header-logo li a {
    width: min(12.8rem, 44vw) !important;
    max-width: none !important;
    height: 2rem !important;
    min-height: 2rem !important;
  }
}

@media only screen and (min-width: 992px) {
  body.daisy-chain-experiment .header-logo li a,
  body.daisy-chain-experiment.en .header-logo li a,
  body.daisy-chain-experiment.es .header-logo li a {
    width: 14.4rem !important;
    max-width: none !important;
    height: 2.24rem !important;
    min-height: 2.24rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  body.daisy-chain-experiment .header-logo li a,
  body.daisy-chain-experiment.en .header-logo li a,
  body.daisy-chain-experiment.es .header-logo li a {
    width: 16rem !important;
    max-width: none !important;
    height: 2.48rem !important;
    min-height: 2.48rem !important;
  }
}

/* Hide language switcher for now — share bar takes this corner. */
body.daisy-chain-experiment .header-language .menu,
body.daisy-chain-experiment .header-language .menu-language-switcher,
body.daisy-chain-experiment .header-language .wpml-ls {
  display: none !important;
}

/* Page-corner share control removed — use the dock window toggle instead. */
body.daisy-chain-experiment > .daisy-share-bar-host,
body.daisy-chain-experiment .daisy-share-bar-host,
body.daisy-chain-experiment .header-language.daisy-share-bar-host {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body.daisy-chain-experiment .header-language:not(.daisy-share-bar-host) {
  display: none !important;
}

.daisy-share-bar {
  display: none !important;
}

.daisy-share-bar__btn {
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  background: rgba(247, 242, 232, 0.96);
  color: #1a2e24;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  filter:
    drop-shadow(0 10px 16px rgba(26, 46, 36, 0.28))
    drop-shadow(0 3px 6px rgba(26, 46, 36, 0.16));
  opacity: 1;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 160ms ease, filter 160ms ease, background 160ms ease;
}

.daisy-share-bar__btn:hover {
  background: #fffdf8;
  color: #1a2e24;
  opacity: 1;
  transform: translateY(-0.12rem) scale(1.08);
  filter:
    drop-shadow(0 14px 22px rgba(26, 46, 36, 0.34))
    drop-shadow(0 4px 8px rgba(26, 46, 36, 0.2));
  box-shadow: none;
}

.daisy-share-bar__btn:focus,
.daisy-share-bar__btn:focus-visible,
.daisy-share-bar__btn:active {
  outline: none !important;
  box-shadow: none !important;
  color: #1a2e24;
  opacity: 1;
}

.daisy-share-bar__btn svg {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  fill: none;
  stroke: currentColor;
  opacity: 1;
}

.daisy-share-sheet {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 1.25rem;
}

.daisy-share-sheet[hidden] {
  display: none !important;
}

.daisy-share-sheet__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(26, 46, 36, 0.42);
  backdrop-filter: blur(4px);
}

.daisy-share-sheet__dialog {
  position: relative;
  z-index: 1;
  width: min(22rem, 100%);
  padding: 1.35rem 1.25rem 1.2rem;
  border-radius: 1.1rem;
  background: rgba(247, 242, 232, 0.98);
  border: 1px solid rgba(26, 46, 36, 0.12);
  box-shadow: 0 22px 56px rgba(26, 46, 36, 0.28);
  text-align: center;
}

.daisy-share-sheet__close {
  position: absolute;
  top: 0.55rem;
  right: 0.65rem;
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(26, 46, 36, 0.55);
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.2rem 0.4rem;
}

.daisy-share-sheet__title {
  margin: 0 0 0.75rem;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.35rem;
  font-weight: 600;
  color: #1a2e24;
  letter-spacing: -0.02em;
}

.daisy-share-sheet__preview {
  width: min(19.8rem, 79vw);
  aspect-ratio: auto;
  height: auto;
  margin: 0 auto 0.85rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.7rem;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  border: 0;
}

.daisy-share-sheet__preview[hidden] {
  display: none !important;
}

.daisy-share-sheet__carousel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.daisy-share-sheet__stack {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 0.55rem;
  touch-action: pan-y;
  cursor: pointer;
  outline: none;
  overflow: visible;
}

.daisy-share-sheet__stack:active {
  cursor: pointer;
}

.daisy-share-sheet__slide {
  position: absolute;
  inset: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 280ms ease;
  will-change: transform, opacity;
  transform-origin: center center;
}

/* Polaroid frame — preview only, not baked into downloaded JPGs. */
.daisy-share-sheet__polaroid {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #ffffff;
  padding: 0.42rem 0.42rem 1.05rem;
  border: 3px solid #ffffff;
  box-shadow:
    0 2px 6px rgba(26, 46, 36, 0.1),
    0 14px 32px rgba(26, 46, 36, 0.2),
    0 28px 56px rgba(26, 46, 36, 0.1);
}

/* Decor tilts left; quote tilts right. Stack peeks for pos 1–2. */
.daisy-share-sheet__slide[data-card="decor"] {
  --daisy-slide-tilt: -4.5deg;
  --daisy-slide-peek-x: 0.6rem;
}

.daisy-share-sheet__slide[data-card="quote"] {
  --daisy-slide-tilt: 4.5deg;
  --daisy-slide-peek-x: -0.6rem;
}

.daisy-share-sheet__slide[data-pos="0"] {
  z-index: 5;
  transform: rotate(var(--daisy-slide-tilt, 0deg)) translate(0, 0) scale(1);
  opacity: 1;
}

.daisy-share-sheet__slide[data-pos="1"] {
  z-index: 3;
  transform: rotate(calc(var(--daisy-slide-tilt, 0deg) * 0.55))
    translate(var(--daisy-slide-peek-x, 0.5rem), 0.75rem) scale(0.93);
  opacity: 0.76;
  pointer-events: none;
}

.daisy-share-sheet__slide[data-pos="2"] {
  z-index: 2;
  transform: rotate(calc(var(--daisy-slide-tilt, 0deg) * 0.35))
    translate(calc(var(--daisy-slide-peek-x, 0.5rem) * 1.4), 1.2rem) scale(0.88);
  opacity: 0.5;
  pointer-events: none;
}

.daisy-share-sheet__preview-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  display: block;
  pointer-events: none;
  user-select: none;
  border-radius: 0;
}

.daisy-share-sheet__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin: 0 0 0.85rem;
}

.daisy-share-sheet__dots[hidden] {
  display: none !important;
}

.daisy-share-sheet__dot {
  appearance: none;
  width: 0.55rem;
  height: 0.55rem;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  border: 0;
  background: rgba(26, 46, 36, 0.22);
  cursor: pointer;
  transition: transform 180ms ease, background 180ms ease;
}

.daisy-share-sheet__dot.is-active {
  background: #1a2e24;
  transform: scale(1.2);
}

.daisy-share-sheet__dot:focus-visible {
  outline: 2px solid #009ca8;
  outline-offset: 3px;
}

.daisy-share-sheet__preview-loading {
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
  font-size: 0.85rem;
  color: rgba(26, 46, 36, 0.55);
  width: 100%;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  border-radius: 0;
  background: rgba(26, 46, 36, 0.04);
  border: 1px solid rgba(26, 46, 36, 0.08);
}

.daisy-share-sheet__hint {
  margin: 0 0 0.85rem;
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
  font-size: 0.92rem;
  color: rgba(26, 46, 36, 0.68);
}

.daisy-share-sheet__save-title {
  margin: 0 0 1.75rem;
  text-align: center;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #1a2e24;
}

.daisy-share-sheet__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
}

.daisy-share-sheet__divider {
  width: 100%;
  height: 1px;
  margin: 0.35rem 0 0.15rem;
  background: rgba(26, 46, 36, 0.14);
  border: 0;
  flex-shrink: 0;
}

/* “Share this page!” label stays off — the icon row reads on its own.
   “Share My Story” shows whenever thank-you isn’t the panel heading. */
.daisy-share-sheet__share-label,
.daisy-share-sheet--embedded .daisy-share-sheet__share-label {
  display: none;
}

.daisy-share-sheet__share-label {
  margin: 0;
  text-align: center;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: #1a2e24;
}

.daisy-share-sheet__icon-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.daisy-share-sheet__icon-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
  color: #f56f6f;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: color 160ms ease;
}

.daisy-share-sheet__icon-btn svg {
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  flex-shrink: 0;
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), color 160ms ease, fill 160ms ease;
}

.daisy-share-sheet__icon-btn:hover {
  background: transparent;
  color: var(--daisy-share-cta-deep, #d95454);
  text-decoration: none;
}

.daisy-share-sheet__icon-btn:hover svg {
  transform: scale(1.22);
}

.daisy-share-sheet__icon-btn:focus,
.daisy-share-sheet__icon-btn:focus-visible {
  outline: none;
}

.daisy-share-sheet__icon-btn:focus-visible svg {
  transform: scale(1.12);
}

.daisy-share-sheet__icon-btn:focus-visible {
  color: var(--daisy-share-cta-deep, #d95454);
}

.daisy-share-sheet__icon-btn[hidden] {
  display: none !important;
}

.daisy-share-sheet__action {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.65rem;
  margin: 0;
  padding: 0.55rem 0.9rem;
  border-radius: 0;
  border: 1px solid rgba(26, 46, 36, 0.14);
  background: rgba(255, 255, 255, 0.72);
  color: #1a2e24;
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 140ms ease, transform 140ms ease;
}

.daisy-share-sheet__action:hover:not(.daisy-share-sheet__action--learn):not(
    .daisy-share-sheet__action--another
  ):not(.daisy-share-sheet__action--download) {
  background: #fff;
  transform: translateY(-1px);
}

.daisy-share-sheet__action--download {
  min-height: 3.1rem;
  padding: 0.7rem 1rem;
  background: var(--daisy-cta-gradient);
  border: 0;
  border-radius: 0.65rem;
  color: #1a2e24;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.25rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  box-shadow: var(--daisy-cta-shadow);
}

.daisy-share-sheet__action--download:hover {
  background: linear-gradient(
    135deg,
    #ffb866 0%,
    #f6902a 30%,
    #f07896 70%,
    #e45f82 100%
  );
  color: #1a2e24;
  transform: translateY(-1px);
  box-shadow:
    0 8px 22px rgba(246, 144, 42, 0.34),
    0 4px 12px rgba(228, 95, 130, 0.28);
}

.daisy-share-sheet__action[hidden] {
  display: none !important;
}

.daisy-share-sheet__toast {
  display: inline-block;
  margin-top: 0.75rem;
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: #2f6b4f;
}

.daisy-share-sheet__toast[hidden] {
  display: none !important;
}

body.daisy-share-sheet-open {
  overflow: hidden;
}

/* Theme footer/disclaimer — full-bleed wall only. */
body.daisy-chain-experiment .layout-footer,
body.daisy-chain-experiment .layout-disclaimer,
body.daisy-chain-experiment .container-footer,
body.daisy-chain-experiment .container-disclaimer,
body.daisy-chain-experiment footer:not(.FooterHtml),
body.daisy-chain-experiment .site-footer,
body.daisy-chain-experiment .footer-plain {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

/*
 * Hide the EA form title + fieldset legends — the panel supplies its own
 * heading. Target the header markup by name only: EveryAction also delivers
 * the disclaimer as an .at-markup block, so hiding those wholesale drops
 * required legal copy.
 */
body.daisy-chain-experiment .daisy-chain-form-dock .HeaderHtml,
body.daisy-chain-experiment .daisy-chain-form-dock .at-markup.HeaderHtml,
body.daisy-chain-experiment .daisy-chain-form-dock header.at-title,
body.daisy-chain-experiment .daisy-chain-form-dock .at-title,
body.daisy-chain-experiment .daisy-chain-form-dock header.at-title + .HeaderHtml,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation > legend,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-legend,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.Story > legend,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.Story .at-legend {
  display: none !important;
}

/*
 * Disclaimer and any other EA copy block: fine print, so it fits the panel
 * without competing with the fields.
 */
body.daisy-chain-experiment .daisy-chain-form-dock .at-markup:not(.HeaderHtml) {
  margin: 0.35rem 0 0 !important;
  padding: 0 !important;
  font-family: "Source Sans 3", "Segoe UI", sans-serif !important;
  font-size: 0.7rem !important;
  line-height: 1.4 !important;
  color: rgba(74, 52, 36, 0.48) !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-markup:not(.HeaderHtml) p,
body.daisy-chain-experiment .daisy-chain-form-dock .at-markup:not(.HeaderHtml) li,
body.daisy-chain-experiment .daisy-chain-form-dock footer.FooterHtml p {
  margin: 0 0 0.25rem !important;
  font-size: inherit !important;
  line-height: 1.2 !important;
  color: inherit !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-markup:not(.HeaderHtml) a,
body.daisy-chain-experiment .daisy-chain-form-dock footer.FooterHtml a {
  color: inherit !important;
  text-decoration: underline !important;
}

/* Single title from the page chrome */
body.daisy-chain-experiment .daisy-chain-form-dock .daisy-chain-form-dock__label {
  display: block;
  margin: 0;
  padding: 0 0 3rem 0;
  text-align: left;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #1a2e24;
  background: transparent;
}

/* Line break for “Add to” / “the daisy chain!” on narrow phones only.
   Empty span (not <br>) so display:block reliably starts a new line. */
.daisy-chain-form-dock__label-br {
  display: none;
}

@media (max-width: 524px) {
  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .daisy-chain-form-dock__label-br {
    display: block;
  }
}

/* Post-submit: thank-you headline + share/download in the open dock. */
.daisy-chain-form-dock__thanks {
  display: none;
  margin: 0;
  padding: 0.35rem 0.85rem 0.55rem;
  text-align: center;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  /* Matches the share panel titles it now stands in for. */
  font-size: 1.5rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: #1a2e24;
  opacity: 1;
  transition: opacity 320ms ease;
}

.daisy-chain-form-dock__share {
  display: none;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

.daisy-chain-form-dock--thanks {
  justify-content: flex-start;
}

.daisy-chain-form-dock--thanks .daisy-chain-form-dock__panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* Extra bottom room for CTAs; sync lives on the dock shell below the panel. */
  padding: 0.85rem 0.9rem 0.85rem;
  box-sizing: border-box;
}

.daisy-chain-form-dock--thanks .daisy-chain-form-dock__label,
.daisy-chain-form-dock--thanks .daisy-chain-form-dock__flower-col,
.daisy-chain-form-dock--thanks .daisy-chain-form-dock__body {
  display: none !important;
}

/* Keep minimize available so the user closes when ready. */
.daisy-chain-form-dock--thanks .daisy-chain-form-dock__toggle {
  display: inline-flex !important;
}

.daisy-chain-form-dock--thanks .daisy-chain-form-dock__thanks {
  display: block;
  flex: 0 0 auto;
}

.daisy-chain-form-dock--thanks.daisy-chain-form-dock--post-share .daisy-chain-form-dock__share,
.daisy-chain-form-dock--post-share .daisy-chain-form-dock__share,
.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__share {
  display: block;
}

/* Pre-submit social share: hide form + flower, show embedded share panel. */
/* Pre-submit social share: hide form + flower, show embedded share panel. */
.daisy-chain-form-dock--share-mode:not(.daisy-chain-form-dock--minimized),
.daisy-chain-form-dock--post-share:not(.daisy-chain-form-dock--minimized) {
  /* No side pad so the share divider can span edge-to-edge. */
  padding-left: 0;
  padding-right: 0;
}

.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__panel,
.daisy-chain-form-dock--post-share .daisy-chain-form-dock__panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* Leave room for the dock-footer sync line below the panel. */
  padding: 0.35rem 0 0.55rem;
  box-sizing: border-box;
}

.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__label,
.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__body {
  display: none !important;
}

.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__thanks,
.daisy-chain-form-dock--post-share .daisy-chain-form-dock__thanks {
  padding-left: var(--daisy-dock-pad, 20px);
  padding-right: var(--daisy-dock-pad, 20px);
  box-sizing: border-box;
}

.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__toggle {
  top: 0.75rem;
  left: 0.75rem;
}

.daisy-chain-form-dock--share-mode .daisy-chain-form-dock__view-toggle,
.daisy-chain-form-dock--post-share .daisy-chain-form-dock__view-toggle,
.daisy-chain-form-dock--thanks .daisy-chain-form-dock__view-toggle {
  right: 0;
  top: 0;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 8;
}

/* Hide EA's own confirmation chrome while we show our thank-you. */
.daisy-chain-form-dock--thanks .ngp-form,
.daisy-chain-form-dock--thanks .at,
.daisy-chain-form-dock--thanks .at-form,
.daisy-chain-form-dock--thanks .ThankYouHtml,
.daisy-chain-form-dock--thanks .at-thank-you {
  display: none !important;
}

/* Embedded share panel (inside dock, not a modal). */
.daisy-share-sheet--embedded {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  width: 100%;
  max-width: none;
  pointer-events: auto;
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 0;
}

.daisy-share-sheet--embedded .daisy-share-sheet__preview {
  margin: 0.35rem auto 0.55rem;
  max-width: min(100%, 19.25rem);
  min-height: 12.1rem;
  padding: 0 var(--daisy-dock-pad, 20px);
  box-sizing: border-box;
}

.daisy-share-sheet--embedded .daisy-share-sheet__save-title {
  margin: 0.55rem var(--daisy-dock-pad, 20px) 1.85rem;
  font-size: 1.5rem;
}

/* Post-submit, the thank-you line is the panel's heading. */
.daisy-chain-form-dock--thanks .daisy-share-sheet__save-title {
  display: none;
}

.daisy-share-sheet--embedded .daisy-share-sheet__polaroid {
  box-shadow: 0 8px 20px rgba(26, 46, 36, 0.14);
}

.daisy-share-sheet--embedded .daisy-share-sheet__hint {
  margin: 0.35rem var(--daisy-dock-pad, 20px) 0.95rem;
  font-size: 0.88rem;
}

.daisy-share-sheet--embedded .daisy-share-sheet__share-label {
  font-size: 1.5rem;
  padding: 0 var(--daisy-dock-pad, 20px);
  box-sizing: border-box;
}

.daisy-share-sheet--embedded .daisy-share-sheet__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.55rem;
  width: 100%;
  padding: 0 0 1.4rem;
  box-sizing: border-box;
}

.daisy-share-sheet--embedded .daisy-share-sheet__action--download {
  width: 68%;
  max-width: 17.5rem;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

/* True edge-to-edge rule (dock side padding is 0 in share mode). */
.daisy-share-sheet--embedded .daisy-share-sheet__divider {
  width: 100%;
  margin: 1.5rem 0 0.5rem;
  height: 1px;
  background: rgba(26, 46, 36, 0.16);
  align-self: stretch;
  flex-shrink: 0;
}

.daisy-share-sheet--embedded .daisy-share-sheet__icon-row {
  padding: 0 var(--daisy-dock-pad, 20px);
  box-sizing: border-box;
  gap: 0.7rem;
}

.daisy-share-sheet--embedded .daisy-share-sheet__icon-btn {
  width: 3.4rem;
  height: 3.4rem;
  color: var(--daisy-share-cta, #f56f6f);
  text-decoration: none;
}

.daisy-share-sheet--embedded .daisy-share-sheet__icon-btn:hover,
.daisy-share-sheet--embedded .daisy-share-sheet__icon-btn:focus-visible {
  color: var(--daisy-share-cta-deep, #d95454);
  text-decoration: none;
}

.daisy-share-sheet--embedded .daisy-share-sheet__icon-btn svg {
  width: 1.55rem;
  height: 1.55rem;
}

.daisy-share-sheet--embedded .daisy-share-sheet__action--another,
.daisy-share-sheet--embedded .daisy-share-sheet__action--learn {
  margin-top: 0;
  width: auto;
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
  min-height: 2.75rem;
  padding: 0.55rem 0.75rem;
  border-radius: 0.65rem;
  background: transparent;
  color: var(--daisy-share-cta, #de4174);
  border: 2px solid var(--daisy-share-cta, #de4174);
  box-shadow: none;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.02rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.2;
  gap: 0.45rem;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
}

.daisy-share-sheet__plus-flower {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.05rem;
  flex-shrink: 0;
  line-height: 0;
  color: inherit;
}

.daisy-share-sheet__plus-flower svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  color: inherit;
}

.daisy-share-sheet__action--another,
.daisy-share-sheet__action--learn,
.daisy-share-sheet__action--learn:link,
.daisy-share-sheet__action--learn:visited {
  gap: 0.45rem;
  text-decoration: none;
  white-space: nowrap;
  color: var(--daisy-share-cta, #de4174);
}

.daisy-share-sheet--embedded .daisy-share-sheet__action--another:hover,
.daisy-share-sheet--embedded .daisy-share-sheet__action--learn:hover,
.daisy-share-sheet--embedded .daisy-share-sheet__action--learn:active,
.daisy-share-sheet--embedded .daisy-share-sheet__action--learn:focus,
.daisy-share-sheet--embedded .daisy-share-sheet__action--learn:focus-visible {
  background: var(--daisy-share-cta-tint, rgba(222, 65, 116, 0.09));
  border-color: var(--daisy-share-cta-deep, #b92f5c);
  color: var(--daisy-share-cta-deep, #b92f5c);
  text-decoration: none;
  transform: none;
}

.daisy-share-sheet--embedded .daisy-share-sheet__action--another:focus-visible,
.daisy-share-sheet--embedded .daisy-share-sheet__action--learn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--daisy-share-cta-deep, #b92f5c);
  text-decoration: none;
}

.daisy-share-sheet__cta-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  align-items: stretch;
  gap: 0.55rem;
  width: 100%;
  margin-top: 0.85rem;
  padding: 0 var(--daisy-dock-pad, 40px);
  box-sizing: border-box;
}

.daisy-share-sheet__action--learn {
  margin-top: 0.85rem;
  width: calc(100% - 2 * var(--daisy-dock-pad, 20px));
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  min-height: 2.75rem;
  padding: 0.55rem 1rem;
  border-radius: 0.65rem;
  background: transparent;
  color: var(--daisy-share-cta, #de4174);
  border: 2px solid var(--daisy-share-cta, #de4174);
  box-shadow: none;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.02rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  white-space: normal;
}

.daisy-share-sheet__cta-row .daisy-share-sheet__action--another,
.daisy-share-sheet__cta-row .daisy-share-sheet__action--learn {
  margin: 0;
  width: auto;
  flex: 1 1 0;
  max-width: none;
  min-width: 0;
  padding: 0.55rem 0.75rem;
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
}

.daisy-share-sheet__action--learn:hover,
.daisy-share-sheet__action--learn:active,
.daisy-share-sheet__action--learn:focus,
.daisy-share-sheet__action--learn:focus-visible {
  background: var(--daisy-share-cta-tint, rgba(222, 65, 116, 0.09));
  border-color: var(--daisy-share-cta-deep, #b92f5c);
  color: var(--daisy-share-cta-deep, #b92f5c);
  text-decoration: none;
  transform: none;
}

.daisy-share-sheet__action--learn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--daisy-share-cta-deep, #b92f5c);
  text-decoration: none;
}

/*
 * Beat NDWA theme link defaults (a:not(.button) { color: #ff9d14; underline }).
 * Share icon row uses <a> for Facebook / X / email; Join the 1 Million is an <a> CTA.
 */
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:not(.button),
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:not(.button):link,
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:not(.button):visited {
  color: var(--daisy-share-cta, #f56f6f);
  text-decoration: none;
}

/* Theme hero-color link hovers (.layout-body.highlight-color-* a:hover) would
   otherwise repaint these orange. */
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:hover,
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:active,
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:focus,
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:focus-visible,
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:hover svg,
body.daisy-chain-experiment a.daisy-share-sheet__icon-btn:focus svg {
  color: var(--daisy-share-cta-deep, #d95454) !important;
  text-decoration: none !important;
}

body.daisy-chain-experiment .daisy-share-sheet__icon-btn svg {
  color: inherit;
}

body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button),
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):link,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):visited,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):hover,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):active,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):focus,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):focus-visible {
  color: var(--daisy-share-cta, #de4174);
  border-color: var(--daisy-share-cta, #de4174);
  text-decoration: none;
  -webkit-text-decoration: none;
  background: transparent;
  transform: none;
}

body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):hover,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:not(.button):focus-visible {
  color: var(--daisy-share-cta-deep, #b92f5c);
  border-color: var(--daisy-share-cta-deep, #b92f5c);
  background: var(--daisy-share-cta-tint, rgba(222, 65, 116, 0.09));
  text-decoration: none;
  -webkit-text-decoration: none;
  transform: none;
}

/* Match the Add Another Story button exactly — theme hero-color link hovers
   (.layout-body.highlight-color-* a:hover) otherwise recolor the label. */
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:hover,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:active,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:focus,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:focus-visible,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:hover span,
body.daisy-chain-experiment a.daisy-share-sheet__action--learn:hover svg {
  color: var(--daisy-share-cta-deep, #b92f5c) !important;
}

.daisy-chain-form-dock__share {
  position: relative;
  left: auto;
  bottom: auto;
  margin: 0.55rem auto 0;
  display: block;
  text-align: center;
  /* Keep Download JPG glow inside the scrollport. */
  padding-bottom: 0.65rem;
  box-sizing: border-box;
}

.daisy-chain-form-dock--content-out .daisy-chain-form-dock__share {
  opacity: 0;
  pointer-events: none;
}

/* Compact EA field spacing inside the dock */
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset {
  padding: 0.2rem 0 !important;
  margin: 0 !important;
  border: 0 !important;
  min-width: 0 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-row {
  margin: 0 !important;
  padding: 0 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-row > [class^="at-"] {
  margin: 0 0.2rem !important;
  min-width: 0 !important;
  flex-basis: auto !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at label,
body.daisy-chain-experiment .daisy-chain-form-dock .at .at-field-label {
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif) !important;
  font-size: 0.9rem !important;
  font-weight: 550 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  margin: 0 0 0.2rem !important;
  color: #1a2e24 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at input,
body.daisy-chain-experiment .daisy-chain-form-dock .at select {
  margin: 0 0 0.35rem !important;
  height: calc(2.75rem - 5px) !important;
  min-height: calc(2.75rem - 5px) !important;
  box-sizing: border-box !important;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif) !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  color: #1a2e24 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at textarea {
  margin: 0 0 0.35rem !important;
  min-height: calc(6.5rem - 40px) !important;
  box-sizing: border-box !important;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif) !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  color: #1a2e24 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at .btn-at,
body.daisy-chain-experiment .daisy-chain-form-dock .at .btn-at-primary,
body.daisy-chain-experiment .daisy-chain-form-dock .at button[type="submit"],
body.daisy-chain-experiment .daisy-chain-form-dock .at input[type="submit"] {
  width: 68% !important;
  max-width: 17.5rem !important;
  margin: 0.25rem auto 0 !important;
  padding: 0.7rem 1rem !important;
  min-height: 3.1rem !important;
  height: auto !important;
  display: block !important;
  box-sizing: border-box !important;
  background: var(--daisy-cta-gradient) !important;
  border: 0 !important;
  border-radius: 0.65rem !important;
  color: #1a2e24 !important;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif) !important;
  font-size: 1.3rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  box-shadow: var(--daisy-cta-shadow) !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at .btn-at:hover,
body.daisy-chain-experiment .daisy-chain-form-dock .at .btn-at-primary:hover,
body.daisy-chain-experiment .daisy-chain-form-dock .at button[type="submit"]:hover,
body.daisy-chain-experiment .daisy-chain-form-dock .at input[type="submit"]:hover {
  background: linear-gradient(
    135deg,
    #ffb866 0%,
    #f6902a 30%,
    #f07896 70%,
    #e45f82 100%
  ) !important;
  color: #1a2e24 !important;
  box-shadow:
    0 8px 22px rgba(246, 144, 42, 0.34),
    0 4px 12px rgba(228, 95, 130, 0.28) !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-form-submit {
  padding: 0.35rem 0 0.4rem !important;
  margin-bottom: 0 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at .at-check input + span {
  margin-bottom: 0 !important;
}

/* Kill EA form chrome backgrounds so the wall shows through */
body.daisy-chain-experiment .daisy-chain-form-dock .ngp-form,
body.daisy-chain-experiment .daisy-chain-form-dock .at,
body.daisy-chain-experiment .daisy-chain-form-dock .at form,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fields,
body.daisy-chain-experiment .daisy-chain-form-dock .at-row,
body.daisy-chain-experiment .daisy-chain-form-dock .at-form-submit,
body.daisy-chain-experiment .daisy-chain-form-dock .at-inner {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  min-height: 0;
}

/* Desktop: hold the form area open so the panel doesn't collapse while the
   EveryAction embed mounts. Rows keep min-height:0 from the rule above. */
@media (min-width: 769px) {
  body.daisy-chain-experiment .daisy-chain-form-dock .ngp-form,
  body.daisy-chain-experiment .daisy-chain-form-dock .at,
  body.daisy-chain-experiment .daisy-chain-form-dock .at form,
  body.daisy-chain-experiment .daisy-chain-form-dock .at-inner {
    min-height: 530px;
  }
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-check,
body.daisy-chain-experiment .daisy-chain-form-dock .at-row.YesSignMeUpForUpdatesForBinder,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .SmsSubscribeMobilePhone,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .YesSignMeUpForUpdatesForBinder {
  margin: 0.05rem 0 0.15rem !important;
  font-size: 0.72rem !important;
  line-height: 1.8 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-check .at-checkbox-title-container {
  display: inline;
}

/*
 * Field sequence is whatever EveryAction emits. Don't reorder: a numbered
 * scheme here silently misplaces any field added to the live form later,
 * because anything unlisted falls outside the numbering.
 */
body.daisy-chain-experiment .daisy-chain-form-dock form {
  display: flex;
  flex-direction: column;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.Story {
  /* Breathing room above “What is your care story?” */
  margin-top: 0.75rem !important;
}

/*
 * Contact fields: two-column grid. Email and phone share a row; each opt-in
 * checkbox sits under its field even though EveryAction emits SMS before
 * email in the markup. Full consent copy comes from EveryAction's FooterHtml
 * block (SmsLegalDisclaimer is an empty shell on this form).
 */
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  column-gap: 0.4rem;
  row-gap: 0.15rem;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-row {
  display: contents;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-text,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-check,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-select,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .at-markup {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  min-width: 0 !important;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .FirstName {
  grid-column: 1;
  grid-row: 1;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .LastName {
  grid-column: 2;
  grid-row: 1;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .PostalCode {
  grid-column: 1 / -1;
  grid-row: 2;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .EmailAddress {
  grid-column: 1;
  grid-row: 3;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .MobilePhone {
  grid-column: 2;
  grid-row: 3;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .YesSignMeUpForUpdatesForBinder {
  grid-column: 1;
  grid-row: 4;
  align-self: start;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .SmsSubscribeMobilePhone {
  grid-column: 2;
  grid-row: 4;
  align-self: start;
}

/*
 * EveryAction hides FooterHtml by default; it holds the SMS + email consent
 * copy for this form. SmsLegalDisclaimer exists but is empty here.
 */
body.daisy-chain-experiment .daisy-chain-form-dock footer.FooterHtml,
body.daisy-chain-experiment .daisy-chain-form-dock .at-markup.FooterHtml {
  display: block !important;
  visibility: visible !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0.25rem 0 0 !important;
  padding: 0 !important;
  width: 100%;
  pointer-events: auto !important;
  color: rgba(74, 52, 36, 0.48) !important;
}

/* Submit above disclaimer; disclaimer stays full-width below. */
.daisy-chain-form-dock__submit-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.65rem;
  width: 100%;
  padding: 0 0.25rem;
}

.daisy-chain-form-dock__submit-row .daisy-chain-form-dock__anonymous {
  order: 0;
  margin: 0.05rem 0 0 !important;
  font-size: 0.72rem !important;
  line-height: 1.8 !important;
  width: 100%;
}

.daisy-chain-form-dock__submit-row .daisy-chain-form-dock__anonymous label {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  cursor: pointer;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.daisy-chain-form-dock__submit-row .daisy-chain-form-dock__anonymous .at-checkbox-title-container {
  display: inline;
  margin-bottom: 0 !important;
}

.daisy-chain-form-dock__submit-row .at-form-submit {
  order: 1;
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.daisy-chain-form-dock__submit-row footer.FooterHtml,
.daisy-chain-form-dock__submit-row .at-markup.FooterHtml {
  order: 2;
  margin: 0.25rem 0 0 !important;
  width: 100%;
}

body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .PersonalUrl,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .SocialNetworkTrackingId,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .SocialNetwork,
body.daisy-chain-experiment .daisy-chain-form-dock .at-fieldset.ContactInformation .TrackingPixel {
  display: none !important;
}

@media (max-width: 768px) {
  /* Expanded dock fills the viewport, anchored bottom-right so grow/shrink
     originates from the corner flower (not top-left via inset:0). */
  .daisy-chain-form-dock:not(.daisy-chain-form-dock--minimized),
  body.daisy-chain-experiment
    .layout-section-code.daisy-chain-form-dock:not(.daisy-chain-form-dock--minimized) {
    --daisy-dock-width: 100%;
    --daisy-dock-height: 100vh;
    --daisy-dock-height: 100dvh;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    padding: max(0.75rem, env(safe-area-inset-top))
      max(0.85rem, env(safe-area-inset-right))
      max(0.85rem, env(safe-area-inset-bottom))
      max(0.85rem, env(safe-area-inset-left));
    --daisy-dock-pad: max(0.85rem, env(safe-area-inset-left));
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none;
    transform-origin: bottom right;
  }

  .daisy-chain-form-dock--share-mode:not(.daisy-chain-form-dock--minimized),
  .daisy-chain-form-dock--post-share:not(.daisy-chain-form-dock--minimized) {
    /* Keep divider edge-to-edge; content uses --daisy-dock-pad inset. */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .daisy-share-sheet--embedded .daisy-share-sheet__divider {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .daisy-chain-form-dock--minimized {
    inset: auto !important;
    left: auto !important;
    right: calc(0.375rem - 5px) !important;
    top: auto !important;
    bottom: calc(0.425rem - 10px) !important;
    width: 6rem !important;
    height: 6rem !important;
    max-width: 6rem !important;
    max-height: 6rem !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform-origin: bottom right;
  }

  .daisy-chain-form-dock--minimized .daisy-flower--preview,
  .daisy-chain-form-dock--minimized .daisy-flower--preview svg {
    width: 5.72rem;
    height: 5.72rem;
    max-width: 5.72rem;
    max-height: 5.72rem;
  }

  .daisy-chain-form-dock:not(.daisy-chain-form-dock--minimized)
    .daisy-chain-form-dock__panel {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: none;
  }

  .daisy-chain-form-dock:not(.daisy-chain-form-dock--minimized)
    .daisy-chain-form-dock__body {
    flex: 1 1 auto;
    min-height: 0;
  }

  .daisy-chain-form-dock__hero {
    flex-basis: 5rem;
    min-height: 5rem;
    align-items: center;
  }

  .daisy-chain-form-dock__flower-col {
    flex-basis: 5rem;
    min-height: 5rem;
  }

  .daisy-flower--preview {
    height: 5rem;
  }

  .daisy-flower--preview svg {
    max-height: 5rem;
  }

  /* Match form submit (“Add My Story”) size; break onto two lines. */
  .daisy-chain-form-dock__hero .daisy-chain-form-dock__label {
    align-self: center;
    padding: 0;
    font-size: 1.3rem;
    line-height: 1.15;
  }

  .daisy-chain-form-dock__label,
  body.daisy-chain-experiment .daisy-chain-form-dock .daisy-chain-form-dock__label {
    font-size: 1.3rem;
    margin: 0;
    padding: 0;
    line-height: 1.15;
  }

  .daisy-chain-form-dock__thanks {
    font-size: 1.13rem;
  }

  .daisy-share-sheet__action--another,
  .daisy-share-sheet__action--learn,
  .daisy-share-sheet__action--learn:link,
  .daisy-share-sheet__action--learn:visited {
    gap: 0.2rem;
  }

  .daisy-share-sheet__cta-row .daisy-share-sheet__action--another,
  .daisy-share-sheet__cta-row .daisy-share-sheet__action--learn,
  .daisy-share-sheet__action--learn {
    font-size: 0.88rem;
    padding: 0.5rem 0.65rem;
  }

  /* Drop the count clear of the stacked mobile logo. */
  body.daisy-chain-experiment .daisy-chain__care-count {
    top: clamp(3.5rem, 12vw, 4.75rem);
  }

  /* Prompt + quote: true viewport center; logo/count float above and are ignored. */
  body.daisy-chain-experiment .daisy-chain__featured {
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
  }

  body.daisy-chain-experiment .daisy-chain__care-count-num {
    font-size: clamp(2.1rem, 9.5vw, 2.85rem);
  }

  body.daisy-chain-experiment .daisy-chain__care-count-label {
    font-size: clamp(0.88rem, 3.6vw, 1.06rem);
  }

  body.daisy-chain-experiment .daisy-chain__legal-disclaimer {
    max-width: 900px;
    margin: 0 auto 10px;
    text-align: center;
    font-size: 0.55rem;
    line-height: 1.35;
    padding: 0 0.65rem;
  }

  .daisy-chain-form-dock__view-toggle {
    width: 3.55rem;
    height: 3.55rem;
  }

  body.daisy-chain-experiment .daisy-chain-form-dock .at label,
  body.daisy-chain-experiment .daisy-chain-form-dock .at .at-field-label {
    font-size: 0.82rem !important;
  }

  body.daisy-chain-experiment .daisy-chain-form-dock .at input,
  body.daisy-chain-experiment .daisy-chain-form-dock .at select {
    height: 2.4rem !important;
    min-height: 2.4rem !important;
    font-size: 0.92rem !important;
  }

  body.daisy-chain-experiment .daisy-chain-form-dock .at textarea {
    min-height: 5.5rem !important;
    font-size: 0.92rem !important;
  }

  body.daisy-chain-experiment .daisy-chain-form-dock .at .at-check,
  body.daisy-chain-experiment .daisy-chain-form-dock .at-row.YesSignMeUpForUpdatesForBinder,
  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .at-fieldset.ContactInformation
    .SmsSubscribeMobilePhone,
  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .at-fieldset.ContactInformation
    .YesSignMeUpForUpdatesForBinder,
  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .at-fieldset.ContactInformation
    .at-check
    .at-checkbox-title-container {
    line-height: 1 !important;
  }

  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .at-fieldset.ContactInformation
    .at-check
    .at-checkbox-title-container,
  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .at-fieldset.ContactInformation
    .at-check
    label,
  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .at-fieldset.ContactInformation
    .at-check
    span[id$="-label"] {
    display: block !important;
  }

  /* Nudge the hero preview flower off the top-right dock edge. */
  .daisy-chain-form-dock:not(.daisy-chain-form-dock--minimized)
    .daisy-chain-form-dock__hero
    .daisy-chain-form-dock__flower-col {
    margin-top: 0.5rem;
    margin-right: 1rem;
  }

  .daisy-name-tip {
    max-width: min(9.5rem, 42vw);
    font-size: 0.82rem;
    padding: 0.28rem 0.35rem 0.28rem 0.55rem;
  }

  .daisy-name-tip--anonymous {
    padding-right: 0.5rem;
  }

  body.daisy-chain-experiment .daisy-chain__floating-tip {
    font-size: 0.78rem;
  }

  body.daisy-chain-experiment .daisy-chain__invite-tip {
    font-size: 1.02rem;
    padding: 0.6rem 1.05rem;
  }

  body.daisy-chain-experiment .daisy-chain-auto-wall {
    padding: 0;
  }

  body.daisy-chain-experiment .daisy-chain-auto-wall .daisy-chain {
    padding-right: 0;
  }
}

@media (min-width: 475px) and (max-width: 768px) {
  body.daisy-chain-experiment
    .daisy-chain-form-dock
    .at-fieldset.ContactInformation
    .at-check
    span[id$="-label"] {
    padding-top: 4px !important;
  }
}

/* —— Bottom “Share!” peek tab (opens share sheet) —— */
.daisy-care-info {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 55;
  pointer-events: none;
  display: flex;
  justify-content: center;
}

.daisy-care-info__tab {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  /* Sit mostly on-screen so the full label stays readable */
  padding: 0.55rem 1.25rem 0.7rem;
  border-radius: 0.85rem 0.85rem 0 0;
  background: rgba(247, 242, 232, 0.96);
  color: #1a2e24;
  font-family: var(--daisy-font-display, "Fraunces", Georgia, serif);
  font-size: 1.15rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 -4px 18px rgba(26, 46, 36, 0.14);
  border: 1px solid rgba(26, 46, 36, 0.12);
  border-bottom: 0;
  transform: translateY(0);
  transition: transform 200ms ease, box-shadow 200ms ease, background 160ms ease;
}

.daisy-care-info__tab:hover,
.daisy-care-info__tab:focus-visible {
  background: #fff;
  transform: translateY(-3px);
  box-shadow: 0 -6px 22px rgba(26, 46, 36, 0.2);
  outline: none;
}

.daisy-care-info__tab:focus-visible {
  box-shadow:
    0 -6px 22px rgba(26, 46, 36, 0.2),
    0 0 0 2px #2f6b4f;
}

.daisy-care-info__tab-label {
  display: block;
}

.daisy-care-info__tab-icon {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
  color: #2f6b4f;
}

.daisy-care-info__tab-icon svg {
  display: block;
}

@media (max-width: 719px) {
  .daisy-care-info__tab {
    font-size: 1.05rem;
    padding: 0.55rem 1.1rem 0.7rem;
    white-space: normal;
    text-align: center;
    max-width: calc(100vw - 2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .daisy-care-info__tab {
    transition: none;
  }
}