body { margin: 0; font: 16px/1.55 system-ui, sans-serif; background: #15120e; color: #eae3d6; }
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 2.2rem; margin: 0 0 4px; color: #ffd100; }
h2 { margin-top: 2.2rem; color: #ffd100; font-size: 1.3rem; }
a { color: #6fd9a8; }
.tag { color: #a99f8c; margin: 0 0 24px; }
textarea { width: 100%; min-height: 180px; box-sizing: border-box; background: #0c0a08; color: #eae3d6;
           border: 1px solid #3c6; border-radius: 6px; padding: 10px; font: 13px/1.4 ui-monospace, monospace; }
button { margin-top: 12px; background: #2c9; color: #0c0a08; border: 0; border-radius: 6px; padding: 10px 18px;
         font-weight: 600; cursor: pointer; }
button:disabled { opacity: 0.5; cursor: default; }
#status { margin-top: 12px; min-height: 1.5em; }
code { background: #26211a; padding: 1px 5px; border-radius: 4px; }
footer { margin-top: 48px; color: #8a8170; font-size: 0.9rem; }
h3 { margin-top: 1.6rem; color: #e8c766; font-size: 1.1rem; }
ul { padding-left: 1.3rem; }
li { margin: 0.45rem 0; }
b { color: #fff3d6; }