:root{color-scheme:light dark;font:16px/1.7 system-ui,sans-serif}body{margin:0;padding:24px;background:#10201c;color:#edf9f3}main{box-sizing:border-box;max-width:640px;margin:8vh auto;padding:28px;border:1px solid #527266;border-radius:16px}h1{font-size:26px;line-height:1.3}p,small{overflow-wrap:anywhere}small{color:#b2c8bc}button{font:inherit;border:0;border-radius:8px;padding:10px 20px;background:#b5ead3;color:#173c2b}button:disabled{opacity:.6}button:focus-visible{outline:3px solid #fff;outline-offset:4px}#result{white-space:pre-line}