:root {
  color-scheme: dark;
  --bg: #100818;
  --panel: #1a1028;
  --text: #f5ecff;
  --muted: #b6a3c9;
  --accent: #c084fc;
  --ok: #34d399;
  font-family: ui-sans-serif, system-ui, sans-serif;
}
body { margin: 0; background: var(--bg); color: var(--text); }
.shell { max-width: 900px; margin: 0 auto; padding: 2rem 1rem 3rem; }
.panel { background: var(--panel); border: 1px solid #3b2a55; border-radius: 14px; padding: 1rem; margin-top: 1rem; }
button { background: var(--accent); color: #1a1028; border: none; border-radius: 10px; padding: 0.7rem 1rem; font-weight: 700; cursor: pointer; }
.trace { display: grid; gap: 0.5rem; margin-top: 1rem; }
.event { border-left: 3px solid var(--accent); padding: 0.5rem 0.75rem; background: #120a1c; border-radius: 0 8px 8px 0; opacity: 0.35; transition: opacity .25s; }
.event.live { opacity: 1; }
.event.done { opacity: 0.85; border-left-color: var(--ok); }
pre { white-space: pre-wrap; margin: 0.25rem 0 0; color: var(--muted); font-size: 0.85rem; }
.answer { font-size: 1.1rem; margin-top: 0.75rem; }