:root { color-scheme: light; font-family: system-ui, sans-serif; color: #18364b; background: #f5f8fa; }
body { margin: 0; }
main { max-width: 760px; margin: 0 auto; padding: 24px 18px 56px; }
h1 { line-height: 1.15; }
section { margin: 22px 0; padding: 18px; border: 1px solid #b9cbd7; border-radius: 12px; background: white; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }
li { margin: 16px 0; line-height: 1.5; }
button { min-height: 44px; margin-right: 8px; padding: 8px 12px; border: 0; border-radius: 8px; background: #0d6ea8; color: white; font: inherit; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
output { display: block; min-height: 2em; padding: 12px; border-radius: 8px; background: #e8f2f8; white-space: pre-wrap; }
.warning { padding: 12px; border-left: 4px solid #b36800; background: #fff4df; }