:root{font:16px/1.5 system-ui;color-scheme:light dark}body{margin:0;background:#111827;color:#f9fafb}main{max-width:48rem;margin:auto;padding:3rem 1.25rem}h1{line-height:1.1}form,section{background:#1f2937;padding:1.25rem;border-radius:.75rem;margin:1.5rem 0}label{display:block;font-weight:650}#prefix{box-sizing:border-box;width:100%;font:1.2rem ui-monospace;padding:.7rem;margin:.35rem 0 1rem;border:2px solid #9ca3af;border-radius:.4rem}.check{font-weight:400}button{font:inherit;font-weight:700;padding:.7rem 1.2rem;border:0;border-radius:.4rem;background:#f59e0b;color:#111827;cursor:pointer}output,code,dd{overflow-wrap:anywhere;font:1rem ui-monospace}#validation{color:#fca5a5}a{color:#fbbf24}:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}