:root{font-family:Pixelify Sans;color-scheme:light dark;color:light-dark(pink,purple);color:#ffffffde;background-image:linear-gradient(to bottom right,pink,purple);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;margin:0}#header{display:flex;justify-content:center;align-items:center}#credit{position:fixed;bottom:0;left:10px;font-size:small}input{display:flex;justify-content:center;align-items:center;background-color:pink;border:1px solid white;color:#fff;margin:6px}::placeholder{color:#fff}button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;color:#fdff8a;display:flex;align-items:center;justify-content:center;margin-top:10px;background:#ffffff38;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(3.4px);-webkit-backdrop-filter:blur(3.4px);border:1px solid rgba(255,255,255,.4)}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}