:root{font-family:system-ui;background:#10233f;color:#eaf2ff}body{margin:0}header{padding:1rem 2rem;display:flex;justify-content:space-between;background:#173963}main{max-width:960px;margin:auto;padding:1rem}nav{display:flex;gap:.5rem;flex-wrap:wrap}button{background:#66bee9;color:#08213b;border:0;border-radius:.45rem;padding:.65rem 1rem;font-weight:700}section{margin-top:1rem;background:#173052;padding:1.25rem;border-radius:.75rem}article{background:#102945;border-left:4px solid #66bee9;padding:1rem;margin:.75rem 0}pre{white-space:pre-wrap;overflow:auto;background:#091a2e;padding:1rem}@media(max-width:600px){header{padding:1rem}main{padding:.75rem}}.message{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}