.reflect-layout { max-width: 660px; margin: 0 auto; padding: 1.5rem 2rem 4rem; }
.reflect-eyebrow { text-align: center; margin-bottom: 0.5rem; }
.reflect-title { font-family: var(--font-serif); font-size: 2rem; text-align: center; margin-bottom: 0.4rem; font-weight: 400; }
.reflect-sub { text-align: center; font-size: 0.82rem; color: var(--warm-gray); margin-bottom: 1.5rem; }
.reflect-cta { text-align: center; margin-top: 1.5rem; }

.prompt-card { background: white; border: 1px solid var(--aged); border-radius: var(--radius-lg); padding: 1.8rem; margin-bottom: 1.2rem; box-shadow: var(--shadow-sm); }
.prompt-number { font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--rust); margin-bottom: 0.5rem; }
.prompt-question { font-family: var(--font-serif); font-size: 1.2rem; line-height: 1.5; margin-bottom: 1rem; font-style: italic; }
.prompt-voice-row { display: flex; align-items: flex-start; gap: 0.6rem; }
.prompt-answer { flex: 1; background: var(--paper); border: 1px solid var(--aged); border-radius: var(--radius-sm); padding: 0.8rem 0.9rem; font-family: var(--font-body); font-size: 0.88rem; line-height: 1.7; color: var(--ink); resize: vertical; min-height: 80px; outline: none; transition: border-color var(--transition); }
.prompt-answer:focus { border-color: var(--rust); }

.reflect-box { background: linear-gradient(135deg, #1a1510, #2d2418); border-radius: var(--radius-lg); padding: 1.8rem; margin-top: 1.5rem; position: relative; overflow: hidden; }
.reflect-box::before { content: '"'; position: absolute; top: -0.5rem; left: 1rem; font-family: var(--font-serif); font-size: 7rem; color: rgba(201,168,76,0.12); line-height: 1; pointer-events: none; }
.reflect-label { font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); margin-bottom: 0.7rem; display: flex; align-items: center; gap: 0.5rem; }
.reflect-dot { width: 6px; height: 6px; background: var(--gold); border-radius: 50%; animation: rpulse 2s infinite; }
@keyframes rpulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.reflect-text { font-family: var(--font-serif); font-size: 1rem; line-height: 1.8; color: rgba(245,240,232,0.9); font-style: italic; position: relative; z-index: 1; }
.reflect-question { margin-top: 0.9rem; font-size: 0.77rem; color: var(--gold); padding: 0.7rem 0.9rem; background: rgba(201,168,76,0.1); border-left: 2px solid var(--gold); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }