:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111827;color:#edf2f7}body{margin:0}main{max-width:1050px;margin:0 auto;padding:2rem}h1{margin-bottom:.2rem}.muted{color:#9ca3af}section{background:#1f2937;border:1px solid #374151;border-radius:10px;padding:1rem}label{display:grid;gap:.4rem;margin:.75rem 0}input,textarea,select,button{font:inherit;padding:.6rem;border-radius:6px;border:1px solid #4b5563;background:#111827;color:inherit}button{cursor:pointer;background:#2563eb;border:0}button:hover{background:#1d4ed8}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}#notice{min-height:1.5rem;margin:.8rem 0}.error{color:#fca5a5}.ok{color:#86efac}article{border-top:1px solid #374151;padding:.7rem 0}article span{display:block;color:#9ca3af;font-size:.82rem}article h3{margin:.4rem 0}article p{white-space:pre-wrap}@media(max-width:700px){.grid{grid-template-columns:1fr}}