body{margin:0;padding:0;background-color:#4d4d4e;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;color:#f7d4d4;line-height:1.6;font-size:16px}main{max-width:768px;margin:0 auto;padding:2rem}h1{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}h1,h2{color:#000205}h2{font-size:1rem;font-weight:400;margin-bottom:1rem}form{display:flex;gap:.75rem;margin-bottom:2rem;align-items:center}input{flex:1 1;padding:.75rem 1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#111827;outline:none}input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}button{padding:.75rem 1.25rem;font-size:1rem;font-weight:500;background-color:#010705;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#0e8b6a}.response{background-color:#fcfafa;padding:1.5rem;border:1px solid #010102;border-radius:.75rem;font-size:1rem;color:#000203;white-space:pre-wrap}