:root { color-scheme: dark; font: 13px/1.45 Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; color: #e7edf0; background: #0b141a; }
.shell { padding: 16px; }
header { display: flex; gap: 10px; align-items: center; padding-bottom: 14px; border-bottom: 1px solid #24343d; }
header img { width: 28px; height: 28px; }
header strong, header small { display: block; }
header small, .card small { color: #91a0a7; margin-top: 2px; }
.status { color: #58c7ec; min-height: 36px; }
.status[data-error="1"] { color: #ff8585; }
.card { padding: 12px; border: 1px solid #2c414b; border-radius: 12px; background: #101c23; }
.card small { display: block; }
button { width: 100%; padding: 10px 12px; margin-top: 10px; border-radius: 9px; cursor: pointer; font-weight: 700; }
button:disabled { opacity: .45; cursor: not-allowed; }
.primary { border: 1px solid #5bd0f3; color: #06131a; background: #5bd0f3; }
.secondary { border: 1px solid #405963; color: #d8e4e8; background: #1a2a32; }
.transcript { margin-top: 18px; }
h2 { margin: 0 0 8px; font-size: 14px; }
.transcript p { padding: 8px 0; margin: 0; border-bottom: 1px solid #1f3038; color: #cbd7db; }
.transcript .empty { color: #7e9098; font-style: italic; }