:root { font-family: Inter, system-ui, sans-serif; color: #172033; background: #f4f6fa; }
body { margin: 0; }
.shell { max-width: 760px; margin: 0 auto; padding: 20px; }
h1 { font-size: 1.6rem; }
h2 { margin: 0 0 10px; font-size: 1rem; color: #536078; }
.card { margin: 14px 0; padding: 18px; border: 1px solid #dce2ec; border-radius: 12px; background: white; }
.phrase { background: #fff7e6; border-color: #f2c96d; }
.phrase h2 { margin-top: 8px; color: #694d0b; font-size: 1.6rem; }
.question { font-size: 1.15rem; font-weight: 600; }
pre { margin: 0; white-space: pre-wrap; font: inherit; line-height: 1.55; }
.transcript { color: #536078; }
.error { color: #8f1d1d; background: #fff1f1; }