html,body{height:100%;margin:0;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif}.container{width:1100px;padding:20px;text-align:center;font-family:Roboto,sans-serif;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 10px #0000001a}.title{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.input-group{display:flex;justify-content:center;margin-bottom:20px}.input{padding:10px;border-radius:4px;border:1px solid #ddd;flex:1;margin-right:10px;font-size:16px}.input:focus{border-color:#007bff;outline:none}button{padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#0056b3}a{display:block;margin:20px 0;color:#007bff;text-decoration:none;word-break:break-all}a:hover{text-decoration:underline}.copy-message{margin-top:10px;color:#4caf50;font-weight:700}.slide-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.slide-in.show{opacity:1;transform:translateY(0);display:flex;flex-direction:column;align-items:flex-start}.short-link-functions{display:flex;justify-content:left}