body { margin: 0; background: #0b0f0d; color: #ecf3ee; font: 16px/1.6 Arial, sans-serif; }
main { display: block; max-width: 920px; margin: 0 auto; padding: 28px 24px; }
a { color: #8fe6b2; text-decoration: underline; }
a:focus, input:focus, button:focus { outline: 2px solid #8fe6b2; outline-offset: 3px; }
h1 { font-size: 32px; line-height: 1.2; margin: 10px 0 16px; }
h2 { margin-top: 36px; font-size: 23px; }
h3 { margin: 0 0 8px; font-size: 19px; }
p { margin: 8px 0 14px; }
nav { display: block; padding: 14px 0; border-top: 1px solid #294033; border-bottom: 1px solid #294033; }
nav a { display: inline-block; margin: 6px 20px 6px 0; }
.brand { font-size: 12px; letter-spacing: 2px; color: #8fe6b2; }
.notice, form { border-left: 3px solid #8fe6b2; background: #142019; padding: 14px 20px; margin: 24px 0; }
label { display: block; }
input { width: 90%; max-width: 620px; font: inherit; padding: 10px; margin-top: 6px; background: #0b0f0d; color: #ecf3ee; border: 1px solid #6f8879; }
button { font: bold 16px Arial,sans-serif; padding: 12px 18px; color: #0b0f0d; background: #8fe6b2; border: 0; cursor: pointer; }
.files { padding: 0; list-style: none; }
.files li { border-bottom: 1px solid #294033; padding: 22px 0; overflow-wrap: anywhere; word-wrap: break-word; }
.hash { font: 12px/1.6 monospace; color: #a9bcb0; word-break: break-all; }
code { color: #8fe6b2; }
footer { display: block; border-top: 1px solid #294033; margin-top: 36px; padding-top: 20px; color: #a9bcb0; font-size: 13px; }

/* Preserve the lightweight console view while making it comfortable on phones. */
main, input, button { box-sizing: border-box; }
main, .notice, form { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  main { padding: 22px max(16px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
  h1 { font-size: 28px; }
  nav a, .files a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; vertical-align: middle; }
  nav a { margin: 0 16px 0 0; }
  .notice, form { padding: 14px 16px; }
  input { width: 100%; min-width: 0; min-height: 48px; font-size: 16px; }
  button { width: 100%; min-height: 48px; white-space: normal; }
  h2[id] { scroll-margin-top: 20px; }
}