*{box-sizing:border-box}body{margin:0;background:#101722;color:#e7edf5;font:15px system-ui,Arial}header{padding:18px 5%;background:#192438;display:flex;align-items:center;justify-content:space-between;gap:20px}nav,.heading,.controls,.item{display:flex;align-items:center;gap:12px}nav{flex-wrap:wrap}main{max-width:1050px;margin:30px auto;padding:0 20px}a{color:#8bc5ff}nav a{color:white}.card{background:#1c293c;border:1px solid #35475f;border-radius:10px;padding:22px;margin-bottom:20px}.narrow{max-width:500px;margin:auto}.heading,.item{justify-content:space-between}.item{border-bottom:1px solid #35475f;padding:12px 0}.item:last-child{border:0}label{display:block;margin:12px 0}input{display:block;width:100%;padding:11px;margin-top:5px;background:#0f1825;color:white;border:1px solid #50637d;border-radius:5px}button,.button{cursor:pointer;border:0;background:#3277bc;color:white;padding:10px 15px;border-radius:6px;text-decoration:none;display:inline-block;font:inherit}.danger{background:#9d3c48}.notice{background:#554626;padding:13px;border-left:4px solid #e5b34c;margin-bottom:15px}.qr{width:230px;background:white;padding:8px}code,pre{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:10px;border-bottom:1px solid #35475f}.scroll{overflow:auto}p{line-height:1.5}@media(max-width:650px){header,.heading,.item{flex-wrap:wrap}nav{width:100%}}