body { max-width: 72rem; margin: 0 auto; padding: 1rem; font-family: system-ui, sans-serif; line-height: 1.45; }
nav { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; padding-bottom: 0.75rem; border-bottom: 1px solid #ccc; margin-bottom: 1rem; }
nav a { text-decoration: none; color: #0a4a8a; }
nav a:first-child { font-weight: bold; }
nav .user { margin-left: auto; color: #555; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #f6f6f6; padding: 0.75rem; }
textarea { width: 100%; box-sizing: border-box; font-family: ui-monospace, monospace; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ccc; padding: 0.3rem 0.6rem; text-align: left; vertical-align: top; }
th { background: #f0f0f0; }
.messages { list-style: none; padding: 0; }
.messages li { padding: 0.5rem 0.75rem; margin-bottom: 0.5rem; border: 1px solid #ccc; }
.messages .error { color: #8a0000; border-color: #8a0000; background: #fdeaea; }
.messages .success { color: #0a5a1a; border-color: #0a5a1a; background: #e8f6ea; }