:root{--fundo:#0f1115;--tinta:#e8eaed;--tinta-fraca:#9aa0a6;--borda:#2a2f37;--acento:#7aa2f7;--perigo:#f7768e}*{box-sizing:border-box}html,body{background:var(--fundo);color:var(--tinta);-webkit-text-size-adjust:100%;margin:0;padding:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}main{max-width:32rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{margin:0 0 .25rem;font-size:1.5rem}p{color:var(--tinta-fraca);margin:.5rem 0 1.5rem}button{width:100%;min-height:3rem;color:var(--fundo);background:var(--acento);cursor:pointer;border:0;border-radius:.6rem;padding:.75rem 1rem;font-size:1rem}button:disabled{opacity:.5;cursor:progress}button.discreto{color:var(--tinta-fraca);border:1px solid var(--borda);background:0 0}input{width:100%;min-height:3rem;color:var(--tinta);border:1px solid var(--borda);background:#171a21;border-radius:.6rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:1rem}.erro{color:var(--perigo)}.codigo{letter-spacing:.08em;word-break:break-all;border:1px solid var(--acento);background:#171a21;border-radius:.6rem;margin:1rem 0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem}