/*! The Overthinker’s Trance */
.dwx-app .dwx-ot-scale { margin-top: 22px; }
.dwx-app .dwx-ot-scale legend { font-size: 15px; color: var(--dwx-cream); margin-bottom: 10px; }
.dwx-app .dwx-ot-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.dwx-app .dwx-ot-cross canvas { display: block; width: 100%; height: 190px; }
.dwx-app .dwx-ot-cross .dwx-row { justify-content: center; margin-top: 6px; }
.dwx-app .dwx-ot-exp { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.dwx-app .dwx-ot-wait { font-family: var(--dwx-serif); font-style: italic; font-size: 1.4rem; color: var(--dwx-muted); text-align: center; animation: dwx-breathe 6s ease-in-out infinite; }
.dwx-app .dwx-ot-q { width: 100%; }
.dwx-app .dwx-ot-q legend { font-family: var(--dwx-serif); font-size: 1.5rem; color: var(--dwx-cream); text-align: center; width: 100%; }
.dwx-app .dwx-ot-reply { font-size: 1.05rem; color: var(--dwx-ink); max-width: 56ch; text-align: center; }
.dwx-app .dwx-ot-passage { font-family: var(--dwx-serif); font-size: clamp(1.3rem, 3vw, 1.7rem); line-height: 1.6; color: var(--dwx-cream); text-align: center; max-width: 38ch; margin: 0 auto; }
.dwx-app .dwx-ot-passage .dwx-ot-w { display: inline-block; white-space: nowrap; }
.dwx-app .dwx-ot-passage .dwx-ot-w span { display: inline-block; transition: transform 6s ease, opacity 6s ease; }
.dwx-app .dwx-ot-dimmer { position: absolute; inset: 0; background: #000; opacity: 0; transition: opacity 4s ease; pointer-events: none; }
.dwx-app .is-dim .dwx-ot-dimmer { opacity: .45; }
.dwx-app .dwx-ot-result { font-family: var(--dwx-serif); font-size: 1.45rem; line-height: 1.4; color: var(--dwx-gold); margin-bottom: 18px; max-width: 46ch; }
@keyframes dwx-breathe { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .dwx-app .dwx-ot-passage .dwx-ot-w span { transition: opacity 6s ease; transform: none !important; }
  .dwx-app .dwx-ot-wait { animation: none; }
}

.dwx-app .dwx-overthinkers-trance .dwx-narr, .dwx-app.dwx-overthinkers-trance .dwx-narr { min-height: 480px; }