#root{width:100%;padding:10px}body{margin:0;padding:0;font-family:Arial,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f0f0f0}.container{margin:auto;max-width:500px;padding:30px 20px;background:#f9f9f9;border-radius:8px;text-align:center;border:1px solid #ddd;box-shadow:0 4px 12px #0000001a;box-sizing:border-box}h2{margin:0 0 20px;font-size:clamp(1.2rem,2vw,1.8rem)}form{display:flex;flex-direction:column;gap:10px}input{padding:10px;font-size:1rem;border:1px solid #bbb;border-radius:4px;width:100%;box-sizing:border-box}button{padding:10px;font-size:1rem;background:#007bff;color:#fff;border:none;cursor:pointer;border-radius:4px;transition:background .3s ease}button:hover{background:#0056b3}.result{margin-top:20px;word-break:break-word}.result a{color:#007bff}.error{color:red;margin-top:10px}@media (max-width: 480px){.container{padding:15px}input,button{font-size:.95rem;padding:8px}}