:root { color-scheme: dark; font-family: system-ui,sans-serif; background:#10151c; color:#eef2f7; line-height:1.6; }
* { box-sizing:border-box; } body { margin:0; } main { max-width:44rem; margin:auto; padding:2rem 1.25rem; } a { color:#a5caff; } h1 { line-height:1.2; } form { margin:2rem 0; padding:1.25rem; background:#1b2532; border-radius:1rem; } label { display:block; margin-top:1rem; font-weight:600; } input,select,textarea,button { font:inherit; width:100%; padding:.75em; border:1px solid #8392a5; border-radius:.4em; background:#10151c; color:inherit; min-width:0; } textarea { resize:vertical; } button { margin-top:1.5rem; cursor:pointer; background:#a5caff; color:#10151c; font-weight:700; } button:disabled { opacity:.65; } .hint { margin-top:.3rem; } #result { overflow-wrap:anywhere; } :focus-visible { outline:3px solid #c3a5ff; outline-offset:3px; }