*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #0d0d0d; color: #eaeaea; font: 17px/1.45 -apple-system, system-ui, sans-serif; }
main { max-width: 34rem; margin: 0 auto; padding: 2.5rem 1.25rem; }
h1 { font-size: 1.3rem; margin: 0 0 1.5rem; }
label { display: block; font-size: .85rem; color: #9a9a9a; margin-bottom: .35rem; }
input { width: 100%; box-sizing: border-box; padding: .8rem; font: 16px ui-monospace, monospace; background: #1a1a1a; color: #fff; border: 1px solid #333; border-radius: 8px; }
button { display: block; width: 100%; margin-top: 1rem; padding: .95rem; font-size: 1.05rem; font-weight: 600; border: 0; border-radius: 999px; background: #1ed760; color: #000; }
pre { white-space: pre-wrap; word-break: break-all; background: #1a1a1a; padding: .8rem; border-radius: 8px; font-size: .8rem; user-select: all; -webkit-user-select: all; }
.small { font-size: .85rem; color: #9a9a9a; }