:root{font:16px system-ui;color:#17142f;background:#f7f6fc}body{margin:0}header{display:flex;justify-content:space-between;padding:22px 5%;background:white}main{max-width:940px;margin:42px auto;padding:0 20px}h1{font-size:2.5rem}section,article{background:white;border:1px solid #e7e2f2;border-radius:18px;padding:24px;margin:20px 0}label{display:block;margin:12px 0}input{box-sizing:border-box;display:block;width:100%;padding:12px;border:1px solid #cbc4dc;border-radius:8px}button{cursor:pointer;background:#693eea;color:white;border:0;border-radius:9px;padding:12px 17px;margin:5px 8px 5px 0}button:disabled{opacity:.5;cursor:wait}p{line-height:1.6}#message{white-space:pre-wrap;color:#833200}img{width:100%;max-width:360px;border-radius:12px}small{display:block;color:#655d77}pre{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}