:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0,#172d50,transparent 60%),#071326;color:#e8eff8;font:14px/1.8 system-ui;text-align:center;padding:30px 18px}main{width:min(100%,570px);padding:34px 28px;border:1px solid #35415a;border-radius:25px;background:#111f34;box-shadow:0 25px 70px #0005}img{border-radius:25px;filter:drop-shadow(0 7px 20px #0005)}h1{color:#f0c56c;font-size:30px;margin:12px 0 23px}h2{font-size:24px;margin:18px 0 4px;line-height:1.35}#ar-title{font-size:21px;margin:10px 0 20px;color:#dae4f3}p{color:#b8c7da;margin:10px auto;max-width:450px}#symbol{font-size:20px;color:#90c8ff;border:1px solid currentColor;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;margin:auto;background:#203955}body[data-tone=error] #symbol{color:#ff98a7;background:#452738}body[data-tone=warning] #symbol{color:#f5cb72;background:#453b27}body[data-tone=success] #symbol{color:#83e4b8;background:#1c4235}.divider{height:1px;background:#34415a;margin:26px 0}h3{font-size:13px;color:#dfcb9e}#current{font-size:13px}ol{list-style:none;text-align:left;padding:0;margin:18px 0 0}li{display:flex;gap:13px;align-items:baseline;border-left:2px solid #c8a35d;padding:0 0 12px 14px;font-size:11px}time{color:#90a3bc;min-width:67px}li span{color:#d7e4f8}[hidden]{display:none!important}@media(max-width:480px){main{padding:26px 20px}h2{font-size:22px}}

label,textarea,input,h1,h2,h3{text-align:center}label{display:block;margin:14px auto 8px}textarea,input{display:block;width:100%;margin:0 auto 16px;padding:14px;border:1px solid #46536b;border-radius:10px;background:#071326;color:#e8eff8;overflow-wrap:anywhere}button{display:block;margin:18px auto;padding:13px 25px;border:0;border-radius:10px;background:#edc268;color:#10243d;font:700 14px system-ui;cursor:pointer}ol{text-align:center}li{justify-content:center;flex-wrap:wrap;border-left:0;padding-left:0}