/* ============================================================================
   EHDarkMuse — ALYX SAYS  (creator-observation note)  v says-1
   A small personal note under the avatar. Deliberately quiet: no box, no
   border, no chat affordances. Typography sits between the caption (her
   in-the-moment voice) and the hint (system monospace).
   ============================================================================ */

:root { --alyx-text-scale: 1; }   /* rel-1b: one knob for Alyx's type — pill + caption */

.alyx-says {
  position: relative;
  margin-top: 12px;
  padding: 10px 8px 0;
  max-width: 240px;   /* rel-1b: widened with the larger type */
  text-align: center;
  transition: opacity .45s var(--ease, ease);
}
/* a hairline that separates the two voices: cool caption above, warm memory
   below. Gold, fading at both ends so it reads as a whisper, not a divider. */
.alyx-says::before {
  content: "";
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 70%; height: 1px;
  background: linear-gradient(90deg,
    transparent,
    color-mix(in srgb, var(--gold, #c9a961) 40%, transparent),
    transparent);
}
.alyx-says.alyx-says-empty { display: none; }
.alyx-says.alyx-says-fading .alyx-says-text { opacity: 0; }

.alyx-says-label {
  font-family: var(--ff-cinzel, serif);
  font-size: calc(10px * var(--alyx-text-scale, 1));   /* rel-1b */
  letter-spacing: .28em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--gold, #c9a961) 75%, transparent);   /* warm, unmistakably gold */
  margin-bottom: 3px;
}

.alyx-says-text {
  font-family: var(--ff-crimson, Georgia, serif);
  font-style: italic;
  font-size: calc(14px * var(--alyx-text-scale, 1));   /* rel-1b */
  line-height: 1.45;
  color: color-mix(in srgb, var(--text2, #b8b2c4) 85%, var(--gold, #c9a961));
  transition: opacity .45s var(--ease, ease);
}

/* compact mode (avatar docked small while editing): keep the note, smaller */
.alyx-compact .alyx-says { margin-top: 3px; max-width: 210px; }
.alyx-compact .alyx-says-text { font-size: calc(12px * var(--alyx-text-scale, 1)); line-height: 1.35; }
.alyx-compact .alyx-says-label { font-size: calc(8.5px * var(--alyx-text-scale, 1)); }

@media (prefers-reduced-motion: reduce) {
  .alyx-says, .alyx-says-text { transition: none !important; }
}

/* ── says-2: portable creative memory menu (discreet, label-triggered) ── */
.alyx-says-menu {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.alyx-says-mi {
  font-family: var(--ff-mono, monospace);
  font-size: 8.5px;
  letter-spacing: .08em;
  padding: 3px 6px;
  background: transparent;
  border: 1px solid color-mix(in srgb, var(--gold, #c9a961) 25%, transparent);
  border-radius: 3px;
  color: color-mix(in srgb, var(--text3, #857f90) 90%, var(--gold, #c9a961));
  cursor: pointer;
  transition: border-color .2s var(--ease, ease), color .2s var(--ease, ease);
}
.alyx-says-mi:hover {
  border-color: color-mix(in srgb, var(--gold, #c9a961) 55%, transparent);
  color: var(--gold, #c9a961);
}

/* ── says-3: the note is dismissible with a click (adaptive silence) ── */
.alyx-says-text { cursor: default; }
.alyx-says-text:hover { color: color-mix(in srgb, var(--text2, #b8b2c4) 92%, var(--gold, #c9a961)); }