:root{color:#e8e8ed;background-color:#0f1117;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:#8ab4ff}.app{max-width:42rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}.header{margin-bottom:2rem}.header h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.75rem;font-weight:650}.tagline{color:#a8b0c0;margin:0;font-size:.95rem}.form{flex-direction:column;gap:.5rem;display:flex}.label{text-transform:uppercase;letter-spacing:.06em;color:#8b93a7;font-size:.8rem}.row{flex-wrap:wrap;gap:.5rem;display:flex}.input{min-width:0;color:inherit;background:#171b26;border:1px solid #2a3142;border-radius:.5rem;flex:12rem;padding:.65rem .85rem;font-size:1rem}.input:focus{border-color:#4c6fff;outline:2px solid #4c6fff55}.button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4c6fff,#7c5cff);border:none;border-radius:.5rem;padding:.65rem 1.25rem;font-weight:600}.button:disabled{opacity:.65;cursor:not-allowed}.error{color:#ff8a8a;margin-top:1rem;font-size:.9rem}.result{background:#171b26;border:1px solid #2a3142;border-radius:.5rem;margin-top:1.5rem;padding:1rem;font-size:.8rem;line-height:1.4;overflow:auto}.footer{color:#6b7280;margin-top:2.5rem}.footer code{color:#9ca3af;font-size:.75rem}