body{margin:0;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#171717;background-color:#fbfbfb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;cursor:none!important}*:focus{outline-width:2px;outline-color:#898989;outline-offset:4px}::selection{background-color:#ffb9b9}.title{max-width:800px;margin:40px auto}.sandbox{max-width:800px;margin:80px auto;padding:48px;border:1px solid #e5e5e5}.footnote{font-size:.6rem;margin-top:100px;text-align:center}.form{display:flex;gap:.5rem}.text{margin-top:4rem}input{border-radius:8px;border:1px solid #dfdfdf;font-size:.9rem;font-weight:500;line-height:1.5;padding:.5rem .8rem}button{border-radius:8px;border:none;font-size:1rem;font-weight:600;line-height:1.5;padding:.5rem 1rem;background-color:#000;color:#fff;cursor:pointer;transition:transform .2s ease-in-out}button:hover{cursor:none;opacity:.85}button:active{transform:scale(.95)}button[data-loading]{background-color:#dfdfdf;color:#8f8f8f;opacity:1}button:disabled{background-color:#dfdfdf;color:#8f8f8f;opacity:1}button:disabled:active{transform:none}a{color:#000;font-weight:600}.cursor{width:64px;height:64px;border-radius:2rem;border-width:1px;border-style:dashed;border-color:#e9e9e9;position:fixed;margin-left:-32px;margin-top:-32px;pointer-events:none;transition:border-color .6s,border-width .3s,transform .3s}.cursor .dot{width:4px;height:4px;border-radius:4px;background-color:red;position:absolute;top:50%;left:50%;transform:translate(-2px,-2px);transition:all .2s cubic-bezier(.77,0,.18,1)}.cursor .dotx{width:4px;height:4px;border-radius:4px;background-color:red;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s cubic-bezier(.77,0,.18,1)}.cursor.selectable .dot{border-radius:0;transform:scale(.5,6) translate(-4px)}.cursor.selectable .dotx{opacity:0}.cursor.input{border-color:red}.cursor.input .dot{border-radius:0;transform:scale(.5,6) translate(-4px)}.cursor.input .dotx{opacity:0}.cursor.pointer{border-color:red}.cursor.pointer .dot{transform:scale(2) translate(-1px,-1px);border-radius:4px}.cursor.pointer .dotx{opacity:0;border-radius:4px}.cursor.disabled{transform:rotate(45deg);border-color:#8f8f8f}.cursor.disabled .dot{border-radius:0;transform:translate(-2px,-2px) scale(.5,4);background-color:#8f8f8f}.cursor.disabled .dotx{border-radius:0;transform:translate(-2px,-2px) scale(4,.5);background-color:#8f8f8f}.cursor.loading{border-color:#8f8f8f;animation:spin infinite 8s linear}.cursor.loading .dot{background-color:#8f8f8f;opacity:0}.cursor.loading .dotx{border-radius:0;background-color:#8f8f8f;transform:translate(-2px,-2px) scale(4,.5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}