:root { color-scheme: light dark; }
body { font: 15px/1.5 system-ui, sans-serif; margin: 0; display: flex; flex-direction: column; height: 100vh; }
header { display: flex; gap: 12px; align-items: center; padding: 10px 16px; border-bottom: 1px solid #8883; }
#banner { padding: 8px 16px; font: 12px/1.4 ui-monospace, monospace; background: #8881; }
main { flex: 1; overflow-y: auto; padding: 16px; }
.turn { margin-bottom: 12px; white-space: pre-wrap; }
.turn.you { font-weight: 600; }
.turn.error { color: #c0392b; }
#composer { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid #8883; }
#input { flex: 1; padding: 10px; }